<!DOCTYPE HTML>
<html>
<head>
<title>Typo</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>
<p>
<a href="#">Inbox <span class="badge">42</span></a>
</p>
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
<li role="pr
自游行响应式旅游模板网站下载_旅行 响应式 旅游 bootstrap 整站 企业 标准 菜单 导航 绿色 境外游 徒步.rar （43个子文件） 
自游行响应式旅游模板网站下载_旅行 响应式 旅游 bootstrap 整站 企业 标准 菜单 导航 绿色 境外游 徒步 手机 扁平化 cpts_541_uu 
b.jpg 44KB
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 10KB 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 s.jpg 27KB 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资源评论
