<!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个文件
jpg:23个
png:12个
js:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 1 下载量 5 浏览量
2023-03-11
14:16:35
上传
评论
收藏 3.52MB ZIP 举报
温馨提示
免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。
资源推荐
资源详情
资源评论
收起资源包目录
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
共 60 条
- 1
资源评论
- piyefei2024-05-02资源是宝藏资源,实用也是真的实用,感谢大佬分享~
金枝玉叶9
- 粉丝: 198
- 资源: 7637
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 塑料检测23-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- Python圣诞节倒计时与节日活动管理系统
- 数据结构之哈希查找方法
- 系统DLL文件修复工具
- 塑料、玻璃、金属、纸张、木材检测36-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- Python新年庆典倒计时与节日活动智能管理助手
- Nosql期末复习资料
- 数据结构排序算法:插入排序、希尔排序、冒泡排序及快速排序算法
- 2011-2024年各省数字普惠金融指数数据.zip
- 计算机程序设计员三级(选择题)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功