旅行旅游指南网站模板是一款HTML模板，大气清爽风格设计，视觉效果不错。_html网站模板_网页源码移动端前端

共58个文件

jpg：24个

png：11个

js：8个

网站模板

119 浏览量 2023-08-05 15:26:46 上传评论收藏 1.34MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

旅行旅游指南网站模板是一款HTML模板，大气清爽风格设计，视觉效果不错。_html网站模板_网页源码移动端前端_H5模.rar （58个子文件）

旅行旅游指南网站模板是一款HTML模板，大气清爽风格设计，视觉效果不错。

moban1095

portfolio.html 16KB

codes.html 30KB

bootstrap.js 66KB

jquery.wmuSlider.js 12KB

jquery.chocolat.js 10KB

easyResponsiveTabs.js 6KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jquery.flexisel.js 8KB

features.html 10KB

css

style.css 54KB

bootstrap.css 144KB

chocolat.css 2KB

index.html 12KB

about.html 11KB

single.html 10KB

images

co.png 2KB

2.jpg 22KB

10.jpg 41KB

3.png 3KB

13.jpg 89KB

top_move.png 3KB

14.jpg 79KB

6.jpg 19KB

banner.jpg 165KB

22.jpg 6KB

15.jpg 59KB

16.jpg 47KB

1.jpg 18KB

17.jpg 56KB

img-sp.png 13KB

21.jpg 5KB

1.png 9KB

left.png 3KB

search.png 3KB

12.jpg 42KB

5.jpg 11KB

banner1.jpg 77KB

8.jpg 20KB

20.jpg 5KB

4.png 3KB

18.jpg 66KB

11.jpg 53KB

right.png 3KB

19.jpg 50KB

3.jpg 57KB

7.jpg 23KB

2.png 3KB

9.jpg 48KB

close1.png 295B

4.jpg 47KB

blog.html 10KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html> <head> <title>Short Codes</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="Your Trip Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, 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" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>  <link href='#css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> <link href='#css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>  <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},1000); }); }); </script>  </head> <body>  <div class="banner"> <div class="container"> <div class="banner_top"> <div class="banner_top_left"> <p>I am travelling to <span>Alaska Mountains.</span></p> </div> <div class="banner_top_right"> <form> <input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Address';}" required=""> <i class="glyphicon glyphicon-search" aria-hidden="true"></i> </form> </div> <div class="clearfix"> </div> </div> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav cl-effect-14"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="features.html">Features</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="codes.html" class="active">Pages</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="#contact" class="scroll">Contact Us</a></li> </ul> </div> </nav> <div class="logo"> <a href="index.html">Your Trip<span>Alaska Mountains</span></a> </div> <div class="dummy_text"> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi.</p> </div> <div class="social_icons"> <ul> <li><a href="#" class="p"></a></li> <li><a href="#" class="facebook"></a></li> <li><a href="#" class="g"></a></li> <li><a href="#" class="instagram"></a></li> </ul> </div> </div> </div>   <div class="typo"> <div class="container"> <h3 class="title">Short Codes</h3> <div class="grid_3 grid_4"> <h3 class="hdg">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>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a>

评论收藏

内容反馈