HTML5好看的水果蔬菜在线商城网站源码系列模板7

文章目录

1.设计来源
- 1.1 主界面
- 1.2 关于我们界面
- 1.3 商城界面
- 1.4 商品信息界面
- 1.5 我的账户界面
- 1.6 联系我们界面
2.效果和源码
- 2.1 动态效果
- 2.2 源代码
源码下载
万套模板，程序开发，在线开发，在线沟通
作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/147264321

HTML5好看的水果蔬菜在线商城网站源码系列模板7，水果蔬菜在线商城源码，最全商城模板，水果蔬菜模板，一款大气的网上蔬菜店/水果店购物商城HTML模板，内置六个模板页面，覆盖各种商城需求页面，，酷炫的界面效果，简易的整体风格，实现了商店的所需功能，网格列表，信息列表，我的订单，轮播图，表单，导航菜单，购物车，列表等，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
1.设计来源

水果蔬菜在线商城系列的第七个风格版，总共有九个版本，九种风格。
该系列所有文章源码【九种风格，总有一款适合你】
HTML5超酷炫的水果蔬菜在线商城网站源码1(附源码)
HTML5好看的水果蔬菜在线商城网站源码2(附源码)
HTML5简介的水果蔬菜在线商城网站源码3(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板4(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板5(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板6(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板7(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板8(附源码)
HTML5好看的水果蔬菜在线商城网站源码系列模板9(附源码)
1.1 主界面

在这里插入图片描述
1.2 关于我们界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述
1.3 商城界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述
1.4 商品信息界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述
1.5 我的账户界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述
1.6 联系我们界面

界面整体页面截图接缝处有出入，具体完整效果见下面视频！
在这里插入图片描述
更多界面效果，看下面的视频演示动态效果，或者下载源码体验吧。其他更多资源尽在 xcLeigh博客，如有相关技术问题，欢迎私信博主。
2.效果和源码

2.1 动态效果

这里是完整的效果演示，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的水果蔬菜在线商城。
HTML5好看的水果蔬菜在线商城网站源码系列模板7
2.2 源代码

这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。
<!--各行各业的模板源码，来自CSDN上的xcLeigh博客：https://blog.csdn.net/weixin_43151418/article/details/128349160-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="水果蔬菜在线商城"><meta name="author" content="水果蔬菜在线商城"><title>水果蔬菜在线商城</title><!-- Font Icon --><link href="assets/css/plugin/font-awesome.min.css" rel="stylesheet" type="text/css">  <!-- CSS Global --><link href="assets/css/plugin/bootstrap.min.css" rel="stylesheet" type="text/css">  <link href="assets/css/plugin/bootstrap-select.min.css" rel="stylesheet" type="text/css">     <link href="assets/css/plugin/owl.carousel.css" rel="stylesheet" type="text/css"><link href="assets/css/plugin/animate.css" rel="stylesheet" type="text/css"> <link href="assets/css/plugin/subscribe-better.css" rel="stylesheet" type="text/css"> <!-- Custom CSS --><link href="assets/css/style.css" rel="stylesheet" type="text/css"></head><body id="home" class="wide"><div id="loading"><div class="loader"><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div><!-- WRAPPER --><main class="wrapper home-wrap"> <!-- CONTENT AREA --><!-- Main Header Start --><header class="main-header">                  <div class="container-fluid rel-div"><div class="col-lg-4 col-sm-8"><div class="main-logo"><a href="index.html"> <strong>田园果蔬 <img src="assets/img/icons/logo-icon.png" alt="" /> </strong> <span class="light-font">绿色有机</span>  </a><span class="medium-font">品质保障</span></div></div><div class="col-lg-6 responsive-menu">  <div class="responsive-toggle fa fa-bars"> </div><nav class="fix-navbar" id="primary-navigation">            <ul class="primary-navbar">                                                <li><a href="index.html"> 首页</a></li><li><a href="about-us.html">关于我们</a></li><li><a href="shop.html"> 商城</a></li> <li><a href="shop-single.html"> 商品信息</a></li>        <li><a href="my-account.html"> 我的账户</a></li><li><a href="contact.html">联系我们</a></li></ul>                           </nav></div><div class="col-lg-2 col-sm-4 cart-megamenu"><div class="cart-hover"><a href="#"> <img alt="" src="assets/img/icons/cart-icon.png" /> </a><span class="cnt crl-bg">2</span> <span class="price">￥150.00</span><ul class="pop-up-box cart-popup"><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-1.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>果实</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-2.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>红辣椒</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-3.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list sub-total"><div class="pull-left"> <strong>小计</strong></div><div class="pull-right"> <strong class="clr-txt">￥150.00</strong></div></li><li class="cart-list buttons"><div class="pull-left"> <a href="cart.html" class="theme-btn-sm-2">购物车</a></div><div class="pull-right"> <a href="checkout.html" class="theme-btn-sm-3"> 去结算 </a></div></li></ul></div><div class="mega-submenu"><span class="nav-trigger"><a class="menu-toggle" href="#"> <img src="assets/img/icons/menu.png" alt="" /> </a></span><div class="mega-dropdown-menu"><a class="menu-toggle fa fa-close" href="#">  </a><div class="slider-mega-menu"><div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果实</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的水果 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>蔬菜</strong> </h2><ul class="sub-list"><li> <a href="#">卷心菜</a> </li><li> <a href="#">大蒜 </a> </li><li> <a href="#">洋葱 </a> </li><li> <a href="#">藕</a> </li><li> <a href="#">胡萝卜</a> </li><li> <a href="#">青椒</a> </li><li> <a href="#">土豆</a> </li><li> <a href="#">芹菜</a> </li><li> <a href="#">韭菜</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的蔬菜 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-2.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">柠檬汁</a> </li><li> <a href="#">菠萝汁</a> </li><li> <a href="#">苹果汁</a> </li><li> <a href="#">猕猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-3.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">柠檬汁</a> </li><li> <a href="#">菠萝汁</a> </li><li> <a href="#">苹果汁</a> </li><li> <a href="#">猕猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>面包</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的面包 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-5.png" /></div></div>  <div class="menu-block"><div class="menu-caption">                                                               <h2 class="menu-title"> <span class="light-font"> 新鲜的 </span>  <strong>茶</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">柠檬</a> </li><li> <a href="#">菠萝</a> </li><li> <a href="#">苹果</a> </li><li> <a href="#">猕猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的茶 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-6.png" /></div></div> </div></div></div><div class="responsive-toggle fa fa-bars"> </div></div></div>  </header><!-- / Main Header Ends -->   <!-- Main Slider Start --><section class="main-slide"><img alt=".." src="assets/img/slider/slide-1.jpg" /><div class="tbl-wrp slide-1"><div class="text-middle"><div class="tbl-cell"><div class="slide-caption container text-center"><div class="slide-title"><img src="assets/img/icons/slide-txt-1.png" alt="" /><span>100%的保证</span></div><div class="slide-title2 pb-50"><h2 class="section-title"> <span class="light-font">生活 </span> <strong>有机 </strong> <span class="light-font">为生活 </span> <strong>为健康 </strong> </h2><h4 class="sub-title"> 有机水果，蔬菜和更多的东西送到你的家门口 </h4></div><div class="slide"><a href="#" class="slide-btn"> 立即购物</a>  </div></div></div></div></div></section><!-- / Main Slider Ends -->   <!-- Organic All Starts--><section class="organic-all sec-space-bottom"><div class="pattern"> <img alt="" src="assets/img/icons/white-pattern.png" /></div><div class="section-icon"> <img alt="" src="assets/img/icons/icon-1.png" /></div><div class="container">                    <div class="organic-wrap"> <img class="logo-img" alt="" src="assets/img/logo/logo-1.png" /><div class="tabs-box"><ul class="theme-tabs"><li class=""><a href="#product-tab-1" data-toggle="tab"> <span class="light-font">有机 </span> <strong>水果 </strong> </a></li>                                <li class="active"><a href="#product-tab-2" data-toggle="tab"> <span class="light-font">有机 </span> <strong>蔬菜 </strong> </a></li>                               <li class=""><a href="#product-tab-3" data-toggle="tab"> <span class="light-font">有机 </span> <strong>果汁 </strong> </a></li><li class=""><a href="#product-tab-4" data-toggle="tab"> <span class="light-font">有机 </span> <strong>干果 </strong> </a></li></ul></div></div></div><div class="container-fluid"> <div class="col-md-12"> <div class="tab-content organic-content row"> <div id="product-tab-1" class="tab-pane fade active in"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-2" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-3" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div><div id="product-tab-4" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" />  <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div>                                           <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>西红柿</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>洋葱</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>樱桃</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong> <del class="light-font">￥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" />     <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a  href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有机 </span>  <strong>菠萝</strong></a></h3><div class="price"> <strong class="clr-txt">￥50.00</strong></div></div></div></div></div></div></div></div></div></section><!-- / Organic All Ends --><!-- JS Global --><script src="assets/js/plugin/jquery-2.2.4.min.js"></script>   <script src="assets/js/plugin/bootstrap.min.js"></script><script src="assets/js/plugin/bootstrap-select.min.js"></script><script src="assets/js/plugin/owl.carousel.min.js"></script><script src="assets/js/plugin/jquery.plugin.min.js"></script><script src="assets/js/plugin/jquery.countdown.js"></script><script src="assets/js/plugin/jquery.subscribe-better.min.js"></script><!-- Custom JS -->   <script src="assets/js/theme.js"></script></body>
</html>
源码下载

HTML5好看的水果蔬菜在线商城网站源码系列模板7（源码）点击下载
在这里插入图片描述
万套模板，程序开发，在线开发，在线沟通

专业后端大佬在线沟通需求开发
专业前端大佬在线沟通需求开发
专业网站整套大佬在线沟通需求开发
专业毕业设计大佬在线沟通需求开发
专业大作业大佬在线沟通需求开发
【优惠活动】专属定制，程序在线开发
--------------- 业精于勤，荒于嬉 ---------------
请添加图片描述
--------------- 行成于思，毁于随 ---------------
💢 关注博主带你实现畅游前后端
🏰 加入社区带你体验马航不孤单
💯 神秘个人简介带你体验不一样得介绍
💘 为爱表白为你那个TA，体验别致的浪漫惊喜
🎀 酷炫邀请函带你体验高大上得邀请
     ① 🉑提供云服务部署（有自己的阿里云）；
     ② 🉑提供前端、后端、应用程序、H5、小程序、公众号、大作业等相关业务；
     如🈶合作请联系我，期待您的联系。
    注：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。
亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 🈶 问题请留言（评论），博主看见后一定及时给您答复，💌💌💌
原文地址：https://blog.csdn.net/weixin_43151418/article/details/147264321（防止抄袭，原文地址不可删除）