<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!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">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<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-->
<script src="js/menu_jquery.js"></script>
</head>
<body>
<!--banner start here-->
<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-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--banner start here-->
<!--typo start here-->
<div class="typrography">
<div class="container">
<div class="page">
<h3 class="typo1">Typography</h3>
<!--button-->
<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>
<!--buttons-->
<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>
<!--//button-->
<!--bages-->
<div class="page-header">
<h3>Badges</h3>
</div>
徒步旅行指南响应式网页模板-HTML网站源码-适配移动端设备 - 副本.zip （41个子文件） 
徒步旅行指南响应式网页模板-HTML网站源码-适配移动端设备 html 
typo.html 17KB js 
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资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 基于Java语言对Nginx、Tomcat、Webserver和Mycat的深度学习与设计源码
- 基于Go语言的Linux基础工具设计源码
- 基于Python的疾病中心医药知识图谱构建与问答系统设计源码
- Java 基础入门指南：为新手小白准备的详细教程.pdf
- 基于Vue的uniapp组件库设计源码收集与整理
- 毕业设计这是一个基于Vue和Node.js的轻量级点餐系统.zip
- 基于Python和DRF框架的meiduo_mall电子商务平台设计源码
- 基于Java语言的Android开发学习笔记设计源码
- 小程序开发基础入门指南：为新手小白准备的详细教程.pdf
- 基于Java开发的OhosCarrouselLayout 3D旋转木马布局设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
