<!DOCTYPE html>
<html>
<head>
<title>Short Codes</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" 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="Crops 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>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--//end-smoth-scrolling-->
</head>
<body>
<!--header-->
<div class="logo">
<div class="container">
<div class="logo-info">
<a href="index.html">
<h1>Crops</h1>
<span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
<!--//header-->
<!--navigation-->
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="hvr-bounce-to-bottom"><a href="index.html">Home</a></li>
<li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li>
<li><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gallery<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery1</a></li>
<li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery2</a></li>
<li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery3</a></li>
</ul>
</li>
<li class="hvr-bounce-to-bottom active"><a href="codes.html">Short Codes</a></li>
<li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!--//navigation-->
<!--baner-->
<div class="baner about-bnr">
<div class="container">
<div class="baner-grids">
<div class="col-md-6 baner-top">
<img src="images/img16.jpg" alt=""/>
</div>
<div class="col-md-6 baner-top">
<img src="images/img17.jpg" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//baner-->
<!--typography-page -->
<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 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>
</h6>
</div>
<div class="grid_3 grid_5">
<h3>Progress Bars</h3>
<div class="tab-content">
<div class="tab-pane active" id="domprogress">
<div class="progress">
<div class="progress-bar progress-bar-pri
绿色简洁生鲜超市响应式企业网站模板_绿色 简洁 生鲜 蔬菜 农业 水果 超市 响应式 企业 整站 bootstrap .rar （40个子文件） 
绿色简洁生鲜超市响应式企业网站模板_绿色 简洁 生鲜 蔬菜 农业 水果 超市 响应式 企业 整站 bootstrap 手机 漂亮 林业 cpts_404_ql 
codes.html 31KB js 
bootstrap.js 66KB lightbox-plus-jquery.min.js 91KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB css style.css 37KB bootstrap.css 138KB lightbox.css 4KB index.html 12KB contact.html 7KB about.html 9KB images 
iconsprite.png 5KB
img6.jpg 21KB prev.png 4KB icon1.png 3KB slid.jpg 233KB img2.jpg 35KB img5.jpg 36KB img13.jpg 50KB img10.jpg 41KB move-up.png 3KB next.png 1KB img11.jpg 9KB img4.jpg 25KB img15.jpg 38KB img1.jpg 33KB img16.jpg 15KB img7.jpg 25KB img3.jpg 17KB img8.jpg 40KB close.png 280B img17.jpg 15KB img14.jpg 40KB img12.jpg 25KB img9.jpg 14KB fonts glyphicons-halflings-regular.woff 23KB Roboto-Regular.ttf 159KB Iceland-Regular.ttf 47KB gallery.html 10KB资源评论
