【免费】简单的个人blogger博客html模板_简单个人博客blog个人主页bootstrap响应式.rar

共17个文件

css：3个

svg：2个

js：2个

html

需积分: 0 177 浏览量 2023-09-12 08:48:04 上传评论收藏 673KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单的个人blogger博客html模板_简单个人博客blog个人主页bootstrap响应式.rar （17个子文件）

style.css 3KB

bootstrap.js 59KB

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

jquery-1.11.1.js 276KB

fontawesome-webfont.eot 55KB

1.jpg 133KB

font-awesome.css 26KB

fontawesome-webfont.woff 64KB

bootstrap.css 129KB

me.jpg 22KB

index.html 7KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="" /> <meta name="author" content="" />  <title>Nice responsive template for blogger</title>  <link href="assets/css/bootstrap.css" rel="stylesheet" />  <link href="assets/css/font-awesome.css" rel="stylesheet" />  <link href="assets/css/style.css" rel="stylesheet" /> </head> <body> <div id="header"> <div class="overlay"> <div class="container"> <div class="row"> <div class="col-md-4 logo-div"> <div class="logo-inner text-center"> <div class="logo-name"> <a href="index.html"> <img src="assets/img/me.jpg" class="img-circle" /> </a> </div> </div> </div> <div class="col-md-8 header-text-top " id="about"> <h1>Nice responsive template for blogger.</h1> This blogging template use bootstrap and html to create a very nice blogging page with great responsive. <br /> Here you can write a general notes about your blog.<br /> <h2><strong>Who I am ? </strong></h2> <i>I am Jhon Deo </i> </div> </div> </div> </div> </div>  <div class="info-sec"> <div class="container"> <div class="row"> <div class="col-md-10"> Say hello to me at <strong>hello</strong>@yourdomain.com </div> <div class="col-md-2"> <div class="social-link"> <a href="#" class="btn btn-default btn-xs"><i class="fa fa-facebook fa-2x"></i></a> <a href="#" class="btn btn-default btn-xs"><i class="fa fa-linkedin fa-2x"></i></a> <a href="#" class="btn btn-default btn-xs"><i class="fa fa-google-plus fa-2x"></i></a> </div> </div> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>  <div class="container"> <div class="row"> <div class="col-md-8 "> <div class="blog-post"> <h2>Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.</h2> <h4>Posted by <a href="#">admin</a> on 24th January 2015 </h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. </p> <a href="#" class="btn btn-default btn-lg ">Read More <i class="fa fa-angle-right"></i></a> </div> <div class="blog-post"> <h2>Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.</h2> <h4>Posted by <a href="#">admin</a> on 24th January 2015 </h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. </p> <a href="#" class="btn btn-default btn-lg ">Read More <i class="fa fa-angle-right"></i></a> </div> <div class="blog-post"> <h2>Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.</h2> <h4>Posted by <a href="#">admin</a> on 24th January 2015 </h4> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. Curabitur nec nisl odio. Mauris vehicula at nunc id posuere. </p> <a href="#" class="btn btn-default btn-lg ">Read More <i class="fa fa-angle-right"></i></a> </div> <br /> <nav> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> </div> <div class="col-md-1"></div> <div class="col-md-3" style="padding-top: 30px;"> <div class="row"> <ul class="list-group"> <li class="list-group-item"><strong>CATEGORIES</strong></li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-group-item">Morbi leo risus</li> <li class="list-group-item">Porta ac consectetur ac</li> <li class="list-group-item">Vestibulum at eros</li> <li class="list-group-item">Dapibus ac facilisis in</li> <li class="list-group-item">Morbi leo risus</li> <li class="list-group-item">Porta ac consectetur ac</li> <li class="list-group-item">Vestibulum at eros</li> </ul> </div> <div class="row"> <h3>Advertising</h3> </div> </div> </div> </div>  <div class="footer-sec" style="margin-top: 0px;"> <div class="container"> <div class="row"> <div class="col-md-12 foo-inner"> © 2015 Yourdomain.com | More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a> - Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a> </div> </div> </div> </div>    <script src="assets/js/jquery-1.11.1.js"></script>  <script src="assets/js/bootstrap.js"></script> </body> </html>

评论收藏

内容反馈