html5户外拓展网站模板是一款适合户外旅游休闲网站模板下载.rar资源-CSDN文库

共63个文件

jpg：29个

js：8个

html：7个

版权申诉

144 浏览量 2022-12-22 19:21:53 上传评论收藏 1.39MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5户外拓展网站模板是一款适合户外旅游休闲网站模板下载。.rar （63个子文件）

重要.md 75B

html5户外拓展网站模板是一款适合户外旅游休闲网站模板下载。

moban784

responsiveslides.min.js 3KB

bootstrap.min.js 31KB

jquery.chocolat.js 10KB

jquery.flexslider.js 40KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 8KB

jquery.min.js 90KB

typography.html 25KB

css

style.css 46KB

flexslider.css 4KB

bootstrap.css 118KB

style3.css 11KB

chocolat.css 2KB

index.html 17KB

contact.html 6KB

about.html 13KB

single.html 10KB

images

g3.jpg 36KB

g2.jpg 46KB

b1.jpg 64KB

2.jpg 32KB

b2.jpg 34KB

6.jpg 32KB

banner.jpg 73KB

closew.gif 70B

1.jpg 64KB

quote.png 3KB

top-p1.jpg 23KB

t3.jpg 18KB

leftw.gif 68B

b3.jpg 45KB

g6.jpg 76KB

t1.jpg 23KB

nav.png 3KB

b4.jpg 29KB

move-top.png 3KB

t4.jpg 30KB

g5.jpg 39KB

8.jpg 28KB

client2.jpg 28KB

t2.jpg 20KB

top-p.jpg 34KB

g4.jpg 42KB

icons.png 5KB

ab.jpg 64KB

rightw.gif 67B

3.jpg 67KB

7.jpg 56KB

g1.jpg 54KB

single.jpg 80KB

top-p2.jpg 31KB

9.jpg 25KB

4.jpg 68KB

nav-icon.png 3KB

blog.html 8KB

fonts

FugazOne-Regular.ttf 27KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Raleway-Regular.ttf 127KB

gallery.html 7KB

<!DOCTYPE HTML> <html> <head> <title>TYpography</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Travelia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script src="js/jquery.min.js"> </script> <script src="js/bootstrap.min.js"></script>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script> </head> <body>  <div id="home" class="header"> <div class="header-top"> <div class="container"> <div class="logo"> <a href="index.html"><h1>Trave<span>lia</span></h1></a> </div> <span class="menu"></span> <div class="top-menu"> <ul class="cl-effect-16"> <li><a href="index.html" data-hover="HOME">Home</a></li> <li><a href="about.html" data-hover="About">About</a></li> <li><a class="active" href="typography.html" data-hover="SERVICES">SERVICES</a></li> <li><a href="gallery.html" data-hover="Gallery">Gallery</a></li> <li><a href="blog.html" data-hover="BLOG">BLOG</a></li> <li><a href="contact.html" data-hover="CONTACT">Contact</a></li> </ul> </div> <div class="top_right"> <h6>Your first visit ? call for info </h6> <p>+1-234-567-8900</p> <ul class="f-icons"> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="p"> </a></li> <li><a href="#" class="twitter"> </a></li> </ul> </div>  <script> $( "span.menu" ).click(function() { $( ".top-menu" ).slideToggle( "slow", function() { // Animation complete. }); }); </script> <div class="clearfix"></div>  </div> </div> <div class="banner two"> <div class="container"> <h2 class="second">Typography Page</h2> </div> </div> </div>  <div class="typrography"> <div class="container"> <div class="grid_3 grid_4"> <h3 class="typo">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse" style="width: 40%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div> </div> </div> </div> </div> <div class="grid_3 grid_5"> <h3>Pagination</h3> <div class="col-md-6"> <nav> <ul class="pagination pagination-lg"> <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> <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> <nav> <ul class="pagination pagination-sm"> <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-6"> <ul class="pagination pagination-lg"> <li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li> <li class="active"><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

评论收藏

内容反馈

版权申诉