<!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.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Whizz 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>
<!--flexslider-->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!--//flexslider-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-top">
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""> </span>
<ul>
<li ><a href="index.html" class="color"><i class="glyphicon glyphicon-home"></i> </a> </li>
<li><a href="portfolio.html" class="hvr-bounce-to-top">Portfolio</a></li>
<li ><a href="404.html" class="hvr-bounce-to-top">Tours </a> </li>
<li><a href="blog.html" class="hvr-bounce-to-top">Blog </a></li>
<li><a href="about.html" class="hvr-bounce-to-top">About </a></li>
<li><a href="typo.html" class="hvr-bounce-to-top">Typo </a></li>
<li><a href="contact.html" class="hvr-bounce-to-top">Contact </a></li>
<div class="clearfix"> </div>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="search-in" >
<div class="search" >
<form >
<input type="text" class="text">
<input type="submit" value="SEARCH">
</form>
<div class="close-in"><img src="images/close.png" alt="" /></div>
</div>
<div class="right"><button> </button></div>
</div>
<script type="text/javascript">
$('.search').hide();
$('button').click(function (){
$('.search').show();
$('.text').focus();
}
);
$('.close-in').click(function(){
$('.search').hide();
});
</script>
<div class="clearfix"> </div>
</div>
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""> </a>
</div>
</div>
</div>
<!--//header-->
<!--content-->
<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="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>
<!--//bages-->
<!--alerts-->
<div class="page-header">
<h1>Alerts</h1>
</div>
<div class="alert alert-success" role="alert">
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info" role="alert">
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert alert-warning" role="alert">
<strong>Warning!</strong> Best check y
一个人的旅行网站模板是一款适合穷游徒步旅行爱好者网站模板。.rar
版权申诉
171 浏览量
2021-11-06
12:47:21
上传
评论
收藏 1.89MB RAR 举报
一个人的旅行网站模板是一款适合穷游徒步旅行爱好者网站模板。.rar （58个子文件） 
一个人的旅行网站模板是一款适合穷游徒步旅行爱好者网站模板。 moban648 
typo.html 16KB portfolio.html 16KB js 
jquery.chocolat.js 10KB easyResponsiveTabs.js 6KB jquery.min.js 94KB css style.css 32KB bootstrap.css 138KB chocolat.css 2KB 404.html 4KB index.html 12KB contact.html 6KB about.html 7KB single.html 8KB images 
po6.jpg 49KB pic.jpg 51KB b1.jpg 55KB po5.jpg 56KB b2.jpg 40KB po3.jpg 37KB
menu.png 1KB si1.jpg 15KB b6.jpg 49KB logo.png 6KB back.jpg 150KB a1.jpg 174KB 1.jpg 270KB po2.jpg 40KB po7.jpg 34KB b3.jpg 57KB pic2.jpg 37KB left.png 3KB search.png 352B si.jpg 134KB si2.jpg 13KB b5.jpg 53KB pic1.jpg 36KB b4.jpg 39KB se.png 1KB po8.jpg 49KB si3.jpg 16KB po4.jpg 33KB img-sprite.png 18KB close.png 3KB si4.jpg 10KB right.png 223B po.jpg 40KB po1.jpg 37KB cross.png 308B ab.jpg 45KB blog.html 9KB 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 Viga-Regular.ttf 28KB JosefinSans-Bold.ttf 93KB JosefinSans-Regular.ttf 93KB资源评论
