侧导航清爽网站模板是一款HTML5模板，适合水果蔬菜种植销售网站模板下载资源-CSDN文库

共40个文件

jpg：14个

png：8个

js：8个

html

需积分: 5 4 浏览量 2022-11-20 13:57:35 上传评论收藏 1.4MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

侧导航清爽网站模板是一款HTML5模板，适合水果蔬菜种植销售网站模板下载。.rar （40个子文件）

侧导航清爽网站模板是一款HTML5模板，适合水果蔬菜种植销售网站模板下载。

moban707

css

lightbox.css 4KB

bootstrap.css 124KB

chocolat.css 2KB

style.css 20KB

component.css 2KB

images

g5.jpg 23KB

next.png 1KB

g9.jpg 49KB

b2.jpg 78KB

social-icons.png 6KB

b1.jpg 83KB

a1.jpg 196KB

prev.png 1KB

g1.jpg 30KB

to-top1.png 3KB

icons.png 15KB

close.png 280B

menu-icon.png 258B

slid1.jpg 20KB

g4.jpg 44KB

g6.jpg 36KB

g8.jpg 40KB

g3.jpg 46KB

bnr2.png 341KB

b3.jpg 51KB

g2.jpg 66KB

g7.jpg 37KB

fonts

Exo2-Medium.ttf 105KB

glyphicons-halflings-regular.woff 23KB

Exo2-Bold.ttf 107KB

Exo2-Regular.ttf 104KB

index.html 15KB

move-top.js 1KB

easing.js 5KB

jquery-1.11.1.min.js 94KB

jquery.chocolat.js 10KB

modernizr.custom.js 8KB

lightbox-plus-jquery.min.js 91KB

responsiveslides.min.js 3KB

classie.js 2KB

<!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" /> <link href="css/component.css" rel="stylesheet" type="text/css" /> <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="Fruveg 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> <script src="js/modernizr.custom.js"></script> <script src="js/jquery-1.11.1.min.js"></script> <link rel="stylesheet" href="css/lightbox.css"> </head> <body class="cbp-spmenu-push">  <div class="header"> <div class="container"> <div class="social"> <a href="#"><i class="facebook"></i></a> <a href="#"><i class="twitter"></i></a> <a href="#"><i class="dribble"></i></a> <a href="#"><i class="google"></i></a> <a href="#"><i class="youtube"></i></a> </div> <div class="details"> <ul> <li><a href="mailto:@example.com"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>info(at)example.com</a></li> <li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>(+1)000 123 456789</li> </ul> </div> <div class="clearfix"></div> </div> </div> <div id="home" class="banner"> <div id="to-top" class="container"> <div class="top-header"> <div class="logo"> <h1><a href="index.html">Fruveg</a></h1> </div> <div class="top-nav"> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2"> <h3>Menu</h3> <a class="scroll" href="#home">Home</a> <a class="scroll" href="#about">About us</a> <a class="scroll" href="#gallery">Gallery</a> <a class="scroll" href="#blog">Blog</a> <a class="scroll" href="#testi">Testimonals</a> <a class="scroll" href="#contact">Contact</a> </nav> <div class="main buttonset">  <button id="showRightPush"><img src="images/menu-icon.png" alt=""/></button> </div>  <script src="js/classie.js"></script> <script> var menuRight = document.getElementById( 'cbp-spmenu-s2' ), showRightPush = document.getElementById( 'showRightPush' ), body = document.body; showRightPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toleft' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRightPush' ); }; function disableOther( button ) { if( button !== 'showRightPush' ) { classie.toggle( showRightPush, 'disabled' ); } } </script>  </div> <div class="clearfix"></div> </div> <div class="banner-info"> <h2>Vivamus et massa <span>condimentum efficitur</span> volutpat purus.</h2> <p>Donec accumsan libero quis commodo magna semper.</p> <label></label> <img src="images/bnr2.png" alt=""/> </div> </div> </div>  <div id="about" class="about"> <div class="container"> <h3>About</h3> <div class="about-info"> <div class="col-md-6 about-left"> <h4>Morbi at tortor sed nibh mattis lacinia sed et felis.</h4> <p>Pellentesque habitant hendrerit ligula. Suspendisse quis velit quis morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed a est accumsan, placerat massa non, ullamcorper urna. Quisque sit amet elit sollicitudin, sodales metus eu, hendrerit ligula rhoncus fringilla ligula in lacinia Suspendisse quis velit quis felis elementum iaculis. Maecenas rhoncus fringilla ligula in lacinia. Proin faucibus pharetra sodales.</p> </div> <div class="col-md-6 about-right"> <img src="images/a1.jpg" class="img-responsive" alt=""/> </div> <div class="clearfix"></div> <div class="top-grid-section"> <div class="col-md-3 top-grids"> <span class="icon1"></span> <h4>Agriculture Design</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p> </div> <div class="col-md-3 top-grids"> <span class="icon2"></span> <h4>Seeds Development</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p> </div> <div class="col-md-3 top-grids"> <span class="icon3"></span> <h4>Corn Seeds</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p> </div> <div class="col-md-3 top-grids"> <span class="icon4"></span> <h4>Leaf Development</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </div>  <div id="gallery" class="gallery"> <div class="container"> <h3>Gallery</h3> <div class="gallery-bottom"> <div class="gallery-1"> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g1.jpg" alt=""/></a> </div> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g2.jpg" alt=""/></a> </div> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g3.jpg" alt=""/></a> </div> <div class="clearfix"></div> </div> <div class="gallery-1"> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g4.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g4.jpg" alt=""/></a> </div> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g5.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g5.jpg" alt=""/></a> </div> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g6.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g6.jpg" alt=""/></a> </div> <div class="clearfix"></div> </div> <div class="gallery-1"> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g7.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="images/g7.jpg" alt=""/></a> </div> <div class="col-md-4 gallery-grid"> <a class="example-image-link" href="images/g8.jpg" data-lightbox="example-set" data-title="Click the

评论收藏

内容反馈