国外旅游资讯网站模板是一款html5模板，适合国内外旅游网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar

共47个文件

jpg：22个

html：6个

js：5个

网站模板

182 浏览量 2023-08-05 16:04:02 上传评论收藏 902KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

国外旅游资讯网站模板是一款html5模板，适合国内外旅游网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （47个子文件）

国外旅游资讯网站模板是一款html5模板，适合国内外旅游网站模板下载。

moban780

typo.html 30KB

bootstrap.js 66KB

jquery.wmuSlider.js 12KB

jquery.swipebox.min.js 7KB

jquery.flexslider.js 40KB

jquery-1.11.1.min.js 94KB

css

style.css 38KB

flexslider.css 4KB

bootstrap.css 138KB

swipebox.css 4KB

services.html 11KB

index.html 11KB

contact.html 7KB

single.html 13KB

images

2.jpg 29KB

10.jpg 15KB

3.png 44KB

13.jpg 14KB

14.jpg 13KB

6.jpg 16KB

15.jpg 16KB

16.jpg 17KB

1.jpg 36KB

17.jpg 13KB

img-sp.png 5KB

1.png 49KB

12.jpg 9KB

5.jpg 14KB

icons.svg 1KB

banner1.jpg 102KB

8.jpg 17KB

20.jpg 17KB

18.jpg 14KB

11.jpg 19KB

19.jpg 15KB

3.jpg 5KB

7.jpg 18KB

1-.jpg 110KB

2.png 51KB

9.jpg 13KB

4.jpg 11KB

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

gallery.html 10KB

<!DOCTYPE html> <html> <head> <title>Typo</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="Cruisin 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" 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=Montserrat:400,700' rel='stylesheet' type='text/css'> </head> <body>  <div class="header"> <div class="container"> <div class="header-nav"> <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 class="logo"> <a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-plane" aria-hidden="true"></i>Cruisin <span>A Travel Agency</span></a> </div> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-sweep-to-bottom"><a href="index.html">Home</a></li> <li class="hvr-sweep-to-bottom"><a href="services.html">Services</a></li> <li class="hvr-sweep-to-bottom active"><a href="typo.html">Typo</a></li> <li class="hvr-sweep-to-bottom"><a href="gallery.html">Photo Gallery</a></li> <li class="hvr-sweep-to-bottom"><a href="contact.html">Contact Us</a></li> </ul> </div> </nav> </div> </div> </div>   <div class="banner1"> <div class="container"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <div class="banner1-info"> <h3>Nisi enim ipsam voluptatem quia</h3> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p> </div> </li> <li> <div class="banner1-info"> <h3>Tempora enim ipsam voluptatem quia</h3> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p> </div> </li> <li> <div class="banner1-info"> <h3>Minima enim ipsam voluptatem quia</h3> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.</p> </div> </li> </ul> </div> </section>  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script>  </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

评论收藏

内容反馈