绿色简洁生鲜超市响应式企业网站模板_绿色简洁生鲜蔬菜农业水果超市响应式企业整站bootstrap.rar资源-CSDN文库

共40个文件

jpg：18个

png：6个

js：5个

98 浏览量 2023-08-05 16:00:39 上传评论收藏 966KB RAR 举报

该压缩包文件包含了一个设计精良的响应式网站模板，特别适合生鲜超市、果蔬农业类企业使用。模板采用绿色为主色调，营造出清新、自然的氛围，与生鲜食品的特性相得益彰。"响应式"意味着这个模板可以适应不同的设备屏幕尺寸，无论是电脑、平板还是手机，都能提供良好的浏览体验，这在当前移动互联网盛行的时代尤为重要。模板基于Bootstrap框架构建，Bootstrap是目前最流行的前端开发框架之一，它提供了丰富的预设样式、组件和JavaScript插件，使得开发者能够快速构建美观且功能齐全的网页。使用Bootstrap，可以大大简化网页布局和交互设计的工作，提高开发效率。文件名中的“js”和“css”标签提示我们，此模板包含JavaScript和CSS代码。JavaScript是用于网页动态效果和用户交互的关键技术，而CSS则负责页面的样式设计和布局。这两者结合，可以使网站不仅有美观的视觉呈现，还能实现诸如滑动菜单、轮播图、表单验证等交互功能。模板中可能包括以下部分： 1. HTML结构文件：这些文件以.html扩展名，定义了网页的基本结构和内容。 2. CSS样式文件：以.css扩展名，包含了所有页面的样式规则，如颜色、字体、布局等。 3. JavaScript文件：以.js扩展名，实现网页的交互功能和动态效果。 4. 图片资源：包括产品图片、图标等，用于美化和展示网站内容。 5. Bootstrap框架文件：包括Bootstrap的核心CSS和JavaScript库，以及可能的定制主题或插件。 6. 其他可能的组件或插件：如jQuery、Font Awesome图标库等，用于增强网站功能。这个模板的使用者，可能是网页设计师或者企业自己进行网站搭建。他们可以通过修改HTML内容、调整CSS样式以及添加或修改JavaScript代码，来定制适合自己品牌的网站。对于不熟悉前端技术的用户，可能需要寻求专业开发者的帮助来完成个性化设置和功能集成。这个压缩包提供了一个全面的、适应性强的生鲜超市网站解决方案，利用响应式设计和Bootstrap框架，确保在不同设备上的用户体验一致性。同时，通过JS和CSS的运用，提升了网站的互动性和视觉吸引力，是建立专业生鲜超市在线平台的理想起点。

资源推荐

资源详情

资源评论

收起资源包目录

绿色简洁生鲜超市响应式企业网站模板_绿色简洁生鲜蔬菜农业水果超市响应式企业整站 bootstrap .rar （40个子文件）

绿色简洁生鲜超市响应式企业网站模板_绿色简洁生鲜蔬菜农业水果超市响应式企业整站 bootstrap 手机漂亮林业

cpts_404_ql

codes.html 31KB

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

css

style.css 37KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 12KB

contact.html 7KB

about.html 9KB

images

iconsprite.png 5KB

img6.jpg 21KB

prev.png 4KB

icon1.png 3KB

slid.jpg 233KB

img2.jpg 35KB

img5.jpg 36KB

img13.jpg 50KB

img10.jpg 41KB

move-up.png 3KB

next.png 1KB

img11.jpg 9KB

img4.jpg 25KB

img15.jpg 38KB

img1.jpg 33KB

img16.jpg 15KB

img7.jpg 25KB

img3.jpg 17KB

img8.jpg 40KB

close.png 280B

img17.jpg 15KB

img14.jpg 40KB

img12.jpg 25KB

img9.jpg 14KB

fonts

glyphicons-halflings-regular.woff 23KB

Roboto-Regular.ttf 159KB

Iceland-Regular.ttf 47KB

gallery.html 10KB

<!DOCTYPE html> <html> <head> <title>Short Codes</title> <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all">  <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="Crops 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/jquery-1.11.1.min.js"></script>   <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>  </head> <body>  <div class="logo"> <div class="container"> <div class="logo-info"> <a href="index.html"> <h1>Crops</h1> <span class="glyphicon glyphicon-grain" aria-hidden="true"></span> </a> </div> </div> </div>   <div class="top-nav"> <nav class="navbar navbar-default"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu </button> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom"><a href="index.html">Home</a></li> <li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li> <li><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gallery<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery1</a></li> <li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery2</a></li> <li><a class="hvr-bounce-to-bottom" href="gallery.html">Gallery3</a></li> </ul> </li> <li class="hvr-bounce-to-bottom active"><a href="codes.html">Short Codes</a></li> <li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div>   <div class="baner about-bnr"> <div class="container"> <div class="baner-grids"> <div class="col-md-6 baner-top"> <img src="images/img16.jpg" alt=""/> </div> <div class="col-md-6 baner-top"> <img src="images/img17.jpg" alt=""/> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="typo"> <div class="container"> <h3 class="title">Short Codes</h3> <div class="grid_3 grid_4"> <h3 class="hdg">Headings</h3> <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>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-pri

评论收藏

内容反馈