<!DOCTYPE HTML>
<html>
<head>
<title>Products</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"> </script>
<!---- animated-css ---->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts--->
<link href='#css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<!---//webfonts--->
</head>
<body>
<!----- conatiner ----->
<!---- top-header ---->
<div class="top-header products-header">
<h1>Products Agro<span>+</span></h1>
</div>
<!---- top-header ---->
<div class="header">
<div class="sticky-navigation">
<div class="fixed-header">
<div class="container">
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li ><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li class="active"><a href="products.html">Products</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle(500, function(){
});
});
</script>
<!----- search ---->
<div class="top-search">
<form>
<input type="text">
<input type="submit" value="serach" />
</form>
</div>
<div class="clearfix"> </div>
<!----- search ---->
</div>
</div>
</div>
</div>
<!------ header ----->
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header").addClass("fixed");
}else{
$(".header").removeClass("fixed");
}
});
});
</script>
<!----- Products ----->
<div class="products">
<div class="container">
<div class="products-head text-center">
<h3>Our Products</h3>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
</div>
<div class="example products-grids">
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive" src="images/slide3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 products-grid wow bounceIn" data-wow-delay="0.4s">
<a href="single.html" class="b-link-stripe b-animate-go thickbox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-lin
麦田收割CSS3网站模板是一款适合农作物行业公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
64 浏览量
2023-08-05
16:11:42
上传
评论
收藏 812KB RAR 举报
2301_77550592
- 粉丝: 17
- 资源: 7164
最新资源
- 206693250008_R01C02_Grn.idat
- 瞳孔跟踪-基于OpenCV+网络摄像头的瞳孔跟踪算法实现-附项目源码+流程教程-优质项目分享.zip
- ModStartCMS v8.4.0 框架稳定性持续迭代,修复部分已知问题
- bleder 教室学校学生教育室办公室考试
- 人脸检测-使用OpenCV实现的动漫+漫画人脸检测算法-附项目源码-优质项目实战.zip
- 道路贴图,材质材料免费
- 人脸检测-基于OpenCV+Node.js+WebSockets实现的实时人脸检测应用-附项目源码-优质项目实战.zip
- 一些常见的MySQL死锁案例-mysql-deadlocks-master(源代码+案例+图解说明)
- UE4动画烘焙器-ue4.27
- 新建文件夹.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈