徒步旅行指南响应式网页模板-HTML网站源码-适配移动端设备-副本.zip资源-CSDN文库

共41个文件

jpg：18个

css：5个

html：5个

版权申诉

HTML5

源码

web前端

课设毕设

161 浏览量 2024-06-03 09:11:47 上传评论收藏 1024KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

徒步旅行指南响应式网页模板-HTML网站源码-适配移动端设备 - 副本.zip （41个子文件）

徒步旅行指南响应式网页模板-HTML网站源码-适配移动端设备

html

typo.html 17KB

menu_jquery.js 1KB

jquery.swipebox.min.js 7KB

jquery-1.11.0.min.js 94KB

css

style.css 30KB

style7.css 4KB

bootstrap.css 138KB

style_common.css 2KB

swipebox.css 4KB

index.html 9KB

contact.html 6KB

about.html 9KB

images

g3.jpg 25KB

g2.jpg 19KB

2.jpg 305KB

t3.jpg 19KB

p4.jpg 21KB

g6.jpg 25KB

t1.jpg 19KB

icons.svg 1KB

t4.jpg 13KB

g5.jpg 22KB

t2.jpg 13KB

p2.jpg 16KB

g4.jpg 20KB

p3.jpg 19KB

ab.jpg 45KB

3.jpg 46KB

si.png 2KB

icon.png 188B

g1.jpg 30KB

p1.jpg 18KB

4.jpg 53KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

BreeSerif-Regular.ttf 46KB

glyphicons-halflings-regular.woff2 18KB

Roboto-Regular.ttf 159KB

gallery.html 8KB

<!DOCTYPE HTML> <html> <head> <title>Treks A Travel category Flat bootstrap Responsive Website Template | Typo :: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery-1.11.0.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>  <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="Treks Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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>  <script src="js/menu_jquery.js"></script> </head> <body>  <div class="banner-two"> <div class="header"> <div class="container"> <div class="header-main"> <div class="logo"> <h1><a href="index.html">Treks</a></h1> </div> <div class="header-right"> <div class="head-top"> <div class="top-nav-right"> <div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a> <div id="loginBox"> <form id="loginForm"> <fieldset id="body"> <fieldset> <label for="email">Email Address</label> <input type="text" id="email"> </fieldset> <fieldset> <label for="password">Password</label> <input type="password" id="password"> </fieldset> <input type="submit" id="login" value="Sign in"> <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label> </fieldset> <span><a href="#">Forgot your password?</a></span> </form> </div> </div> <div class="clearfix"> </div> </div> <div class="ph-numb"><h4>Ph:+1285 656 5555</h4></div> </div> <div class="top-nav"> <span class="menu"> <img src="images/icon.png" alt=""/></span> <ul class="res" > <li><a href="index.html" class="active hvr-sweep-to-bottom">Home</a></li> <li><a class="hvr-sweep-to-bottom" href="about.html">About</a></li> <li><a class="hvr-sweep-to-bottom" href="typo.html">Typo</a></li> <li><a class="hvr-sweep-to-bottom" href="gallery.html">Gallery</a></li> <li><a class="hvr-sweep-to-bottom" href="contact.html">Contact</a></li> </ul> <div class="clearfix"> </div>  <script> $( "span.menu" ).click(function() { $( "ul.res" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div>   <div class="typrography"> <div class="container"> <div class="page"> <h3 class="typo1">Typography</h3>  <div class="grid_3 grid_4"> <div class="page-header"> <h3>Headings</h3> </div> <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 id="h6-bootstrap-heading">h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div>  <div class="page-header"> <h3>Buttons</h3> </div> <p class="grid1"> <button type="button" class="btn btn-lg btn-default">Default</button> <button type="button" class="btn btn-lg btn-primary">Primary</button> <button type="button" class="btn btn-lg btn-success">Success</button> <button type="button" class="btn btn-lg btn-info">Info</button> <button type="button" class="btn btn-lg btn-warning">Warning</button> <button type="button" class="btn btn-lg btn-danger">Danger</button> <button type="button" class="btn btn-lg btn-link">Link</button> </p> <p class="grid1 "> <button type="button" class="btn btn-1 btn-default">Default</button> <button type="button" class="btn btn-1 btn-primary">Primary</button> <button type="button" class="btn btn-1 btn-success">Success</button> <button type="button" class="btn btn-1 btn-info">Info</button> <button type="button" class="btn btn-1 btn-warning">Warning</button> <button type="button" class="btn btn-1 btn-danger">Danger</button> <button type="button" class="btn btn-1 btn-link">Link</button> </p> <p class="grid1"> <button type="button" class="btn btn-sm btn-default">Default</button> <button type="button" class="btn btn-sm btn-primary">Primary</button> <button type="button" class="btn btn-sm btn-success">Success</button> <button type="button" class="btn btn-sm btn-info">Info</button> <button type="button" class="btn btn-sm btn-warning">Warning</button> <button type="button" class="btn btn-sm btn-danger">Danger</button> <button type="button" class="btn btn-sm btn-link">Link</button> </p> <p class="grid1"> <button type="button" class="btn btn-xs btn-default">Default</button> <button type="button" class="btn btn-xs btn-primary">Primary</button> <button type="button" class="btn btn-xs btn-success">Success</button> <button type="button" class="btn btn-xs btn-info">Info</button> <button type="button" class="btn btn-xs btn-warning">Warning</button> <button type="button" class="btn btn-xs btn-danger">Danger</button> <button type="button" class="btn btn-xs btn-link">Link</button> </p>   <div class="page-header"> <h3>Badges</h3> </div>

评论收藏

内容反馈

版权申诉