做网站软件_手机免费的网页网站
文章目录
- 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（防止抄袭，原文地址不可删除）