文章目录
- 1.设计来源
-
- [1.1 主界面](#1.1 主界面)
- [1.2 关于我们界面](#1.2 关于我们界面)
- [1.3 商城界面](#1.3 商城界面)
- [1.4 商品信息界面](#1.4 商品信息界面)
- [1.5 我的账户界面](#1.5 我的账户界面)
- [1.6 联系我们界面](#1.6 联系我们界面)
- 2.效果和源码
-
- [2.1 动态效果](#2.1 动态效果)
- [2.2 源代码](#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 联系我们界面
界面整体页面截图接缝处有出入，具体完整效果见下面视频！
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（防止抄袭，原文地址不可删除）