<!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" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Agrom Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<!-- 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 -->
<script src="js/menu_jquery.js"></script>
<!---pop-up-box---->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<!--header start here-->
<div class="header">
<div class="container">
<div class="header-main">
<div class="head-left">
<div class="phone">
<p>Phone<span class="ph-numb">5696 593 980</span></p>
</div>
<div class="search">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i> </i></a>
</div>
<div id="small-dialog" class="mfp-hide">
<div class="search-top">
<div class="login">
<input type="submit" value="">
<input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<p>Agrom</p>
</div>
</div>
<!---->
<div class="clearfix"> </div>
</div>
<div class="header-right">
<div class="logo">
<h1><a href="index.html">Agrom</a></h1>
</div>
<div class="header-login">
<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" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="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>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--header end here-->
<!--top nav start here-->
<div class="top-navg-main">
<div class="container">
<div class="top-navg">
<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="services.html">Services</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>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
</div>
</div>
<!--top nav end here-->
<!--banner start here-->
<div class="banner-two">
</div>
<!--banner end 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</butt
html5pc静态模板 有机蔬菜种植网站模板 （含响应式）.zip （60个子文件） 
有机蔬菜种植网站模板 页面 
typo.html 19KB js 
menu_jquery.js 1KB modernizr.custom.97074.js 8KB jquery.magnific-popup.js 45KB nivo-lightbox.min.js 7KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB css style.css 38KB popuo-box.css 6KB magnific-popup.css 10KB bootstrap.css 138KB services.html 10KB index.html 11KB contact.html 8KB about.html 9KB single.html 10KB images 
g3.jpg 58KB l4.jpg 21KB g2.jpg 26KB
ftr-sprit.png 5KB b1.jpg 117KB Magi.png 3KB dot.png 3KB s1.jpg 53KB strip.jpg 148KB prev.png 3KB s2.jpg 49KB l.jpg 31KB t3.jpg 18KB l2.jpg 24KB next.png 3KB search.png 3KB g6.jpg 30KB t1.jpg 24KB t4.jpg 24KB g5.jpg 40KB close.png 3KB t2.jpg 29KB btn.png 264B Wheat.png 1KB g4.jpg 26KB s3.jpg 38KB ab.jpg 43KB veg.jpg 124KB cucumber.jpg 18KB si.png 2KB s4.jpg 60KB icon.png 3KB g1.jpg 52KB l1.jpg 36KB 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 Oxygen-Regular.ttf 47KB gallery.html 9KB Home.png 2.17MB资源评论
piyefei2024-05-02资源是宝藏资源，实用也是真的实用，感谢大佬分享~
