农作物研究院CSS网站模板是一款绿色简洁的农产品农作物培育养殖网页模板。_html网站模板_网页源码移动端前端

共34个文件

jpg：13个

png：6个

html：6个

网站模板

54 浏览量 2023-08-05 15:10:33 上传评论收藏 1.59MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

农作物研究院CSS网站模板是一款绿色简洁的农产品农作物培育养殖网页模板。_html网站模板_网页源码移动端前端_H5模.rar （34个子文件）

农作物研究院CSS网站模板是一款绿色简洁的农产品农作物培育养殖网页模板。

moban246

jquery.swipebox.min.js 7KB

jquery.flexslider.js 39KB

modernizr.custom.js 9KB

jquery.min.js 92KB

css

style.css 24KB

flexslider.css 4KB

bootstrap.css 118KB

swipebox.css 4KB

404.html 3KB

index.html 9KB

contact.html 5KB

about.html 5KB

images

plus1.png 4KB

2.jpg 180KB

twt.png 3KB

menu.png 3KB

logo.png 9KB

img2.jpg 13KB

1.jpg 208KB

zoom.png 3KB

banner3.jpg 763KB

pic2.jpg 17KB

ser_pic2.jpg 23KB

pic3.jpg 19KB

ser_pic1.jpg 19KB

pic1.jpg 25KB

icons.svg 1KB

ser_pic3.jpg 25KB

img-sprite.png 6KB

about_pic.jpg 50KB

3.jpg 188KB

4.jpg 30KB

technologies.html 6KB

products.html 10KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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> <link href='#css?family=Open+Sans:400,600,300,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script src="js/jquery.min.js"></script> <script src="js/modernizr.custom.js"></script> <link rel="stylesheet" href="css/swipebox.css">  <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  </head> <body>  <div class="banner1"> <div class="container"> <div class="header"> <div class="head-nav"> <span class="menu"> </span> <ul class="cl-effect-1"> <li><a href="index.html">home</a></li> <li><a href="about.html">about</a></li> <li><a href="technologies.html">technologies</a></li> <li class="active"><a href="products.html">products</a></li> <li><a href="404.html">news</a></li> <li><a href="contact.html">contact</a></li> <div class="clearfix"> </div> </ul> </div> <div class="social"> <ul> <li><a href="#"><i class="fb"></i></a></li> <li><a href="#"><i class="twt"></i></a></li> <li><a href="#"><i class="goog"></i></a></li> <div class="clearfix"> </div> </ul> </div> <div class="clearfix"> </div> </div>  <script> $( "span.menu" ).click(function() { $( ".head-nav ul" ).slideToggle(300, function() { // Animation complete. }); }); </script>  <div class="logo1"> <a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a> </div> </div> </div>   <div class="container"> <div class="products-section">  <div class="portfolio" id="portfolio"> <div id="portfoliolist"> <div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic1.jpg" class="swipebox" title="Image Title"> <img src="images/pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic2.jpg" class="swipebox" title="Image Title"> <img src="images/pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic3.jpg" class="swipebox" title="Image Title"> <img src="images/pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/ser_pic1.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/ser_pic2.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/ser_pic3.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic2.jpg" class="swipebox" title="Image Title"> <img src="images/pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic1.jpg" class="swipebox" title="Image Title"> <img src="images/pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read More</a> </div> </div> <div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper grid_box"> <a href="images/pic3.jpg" class="swipebox" title="Image Title"> <img src="images/pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a> <h3>product Tittle</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <a class="more2" href="#">Read M

评论收藏

内容反馈