旅行个人博客模板下载是一款单页HTML网页模板下载.rar资源-CSDN文库

共24个文件

jpg：6个

js：4个

css：3个

需积分: 5 95 浏览量 2023-09-12 08:45:41 上传评论收藏 2.03MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

旅行个人博客模板下载是一款单页HTML网页模板下载.rar （24个子文件）

bootstrap.js 59KB

FontAwesome.otf 84KB

custom.css 4KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

jquery.easing.min.js 5KB

jquery-1.11.1.js 276KB

fontawesome-webfont.eot 55KB

font-awesome.css 26KB

header.jpg 395KB

p4.jpg 111KB

fontawesome-webfont.woff 64KB

just.png 350KB

bootstrap.css 129KB

index.html 6KB

p2.jpg 51KB

fontawesome-webfont.svg 280KB

p3.jpg 96KB

fontawesome-webfont.ttf 110KB

custom.js 2KB

p1.jpg 142KB

contact.jpg 412KB

<!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>Home</title>  <link href="assets/css/bootstrap.css" rel="stylesheet" />  <link href="assets/css/font-awesome.css" rel="stylesheet" />  <link href="assets/css/custom.css" rel="stylesheet" /> </head> <body> <a id="menu-button" class="btn btn-success" href="#" > MENU</a> <div id="sidebar-wrapper"> <ul class="sidebar-nav "> <a id="menu-close" href="#" class="pull-right toggle" >CLOSE</a> <span class="move-me"> <li > <div class="main-name"> <a href="#"><strong>DESIGN</strong></a> </div> </li> <li> <a href="#home-sec">Home</a> </li> <li> <a href="#services-sec">SERVICES</a> </li> <li> <a href="#portfolio-sec">PORTFOLIO</a> </li> <li> <a href="#contact-sec">Contact</a> </li> </span> </ul> </div>  <div id="home-sec" > <div class="overlay"> <div class="container"> <div class="row text-center"> <div class="col-md-8 col-md-offset-2" > <h1 >Design STYLE</h1> <p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor vitae. Mauris sagittis felis dolor vitae. Mauris sagittis felis dolor vitae Mauris sagittis felis dolor vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <hr /> <hr /> <div class="just-pad"></div> </div> </div> </div> </div> </div>  <div id="services-sec"> <div class="container"> <div class="row text-center"> <div class="col-md-4" > <i class="fa fa-home fa-5x ser-icon" ></i> <h1 >Responsive Design</h1> <p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <hr /> </div> <div class="col-md-4" > <i class="fa fa-bars fa-5x ser-icon"></i> <h1 >Easy To Customize</h1> <p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <hr /> </div> <div class="col-md-4 " > <i class="fa fa-recycle fa-5x ser-icon" style="border-radius:50%;height:150px;width:150px;border:8px solid #000;padding-top:30px;"></i> <h1>Free To Download</h1> <p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <hr /> </div> </div> </div> </div>  <div id="just-sec" > <div class="overlay"> <div class="container"> <div class="row text-center"> <div class="col-md-12" > <h1 > <i class="fa fa-quote-left fa-2x"></i> Simple Is Awesome </h1> </div> </div> </div> </div> </div>  <div id="portfolio-sec" style="padding-top:50px;padding-bottom:80px;"> <div class="container"> <div class="row text-center"> <div class="col-md-12" > <h1 class="header-line">Our Portfolio</h1> ---------------------------- <div class="just-pad"></div> </div> </div> <div class="row text-center just-pad"> <div class="col-md-6" > <img src="assets/img/p2.jpg" alt="" class="img-thumbnail img-responsive" /> <h1 class="port-name"># Portfolio Name #</h1> <p > Lorem ipsum dolor sit amet </p> <hr /> </div> <div class="col-md-6" > <img src="assets/img/p3.jpg" alt="" class="img-thumbnail img-responsive" /> <h1 class="port-name"># Portfolio Name #</h1> <p > Lorem ipsum dolor sit amet </p> <hr /> </div> </div> <div class="row text-center"> <div class="col-md-6" > <img src="assets/img/p4.jpg" alt="" class="img-thumbnail img-responsive" /> <h1 class="port-name"># Portfolio Name #</h1> <p > Lorem ipsum dolor sit amet </p> </div> <div class="col-md-6" > <img src="assets/img/p1.jpg" alt="" class="img-thumbnail img-responsive" /> <h1 class="port-name"># Portfolio Name #</h1> <p > Lorem ipsum dolor sit amet </p> </div> </div> </div> </div>  <div id="contact-sec" > <div class="overlay"> <div class="container"> <div class="row text-center"> <div class="col-md-8 col-md-offset-2" > <h1 style="color:#fff" class="header-line">Binarytheme.com</h1> ---------------------------- <h3><strong>256/90 </strong>Street, New Lane</h3> <h3>The New Street</h3> <h3>United States- 200-90-087</h3> <br /> <div class="social-link"> <a href="#" > <i class="fa fa-facebook-square fa-5x"></i> </a> <a href="#" > <i class="fa fa-twitter-square fa-5x"></i> </a> <a href="#" > <i class="fa fa-google-plus-square fa-5x"></i> </a> </div> <br /> <h6>Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></h6> <br /> </div> </div> </div> </div> </div>   <script src="assets/js/jquery-1.11.1.js"></script>  <script src="assets/js/bootstrap.js"></script>  <script src="assets/js/jquery.easing.min.js"></script>  <script src="assets/js/custom.js"></script> </body> </html>

评论收藏

内容反馈