文章目录
- 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 博客界面)
- [1.7 关于我们界面](#1.7 关于我们界面)
- [1.8 联系我们界面](#1.8 联系我们界面)
- [1.9 常见问题界面](#1.9 常见问题界面)
- [1.10 登录界面](#1.10 登录界面)
- 2.效果和源码
-
- [2.1 动态效果](#2.1 动态效果)
- [2.2 源代码](#2.2 源代码)
- 源码下载
- 万套模板，程序开发，在线开发，在线沟通
作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/147264361
HTML5好看的水果蔬菜在线商城网站源码系列模板9，水果蔬菜在线商城源码，最全商城模板，水果蔬菜模板，一款大气的网上蔬菜店/水果店购物商城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 博客界面
1.7 关于我们界面
1.8 联系我们界面
1.9 常见问题界面
1.10 登录界面
2.效果和源码
2.1 动态效果
这里是完整的效果演示，可在此代码基础上更加完善功能，支持扩展自己的风格，可以删减内容，打造属于自己的水果蔬菜在线商城。
HTML5好看的水果蔬菜在线商城网站源码系列模板9
2.2 源代码
这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。
<!--各行各业的模板源码，来自CSDN上的xcLeigh博客：https://blog.csdn.net/weixin_43151418/article/details/128349160-->
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>水果蔬菜在线商城</title>
<meta name="description" content="水果蔬菜在线商城">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- CSS
========================= -->
<!--bootstrap min css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--owl carousel min css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!--slick min css-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--magnific popup min css-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--font awesome css-->
<link rel="stylesheet" href="assets/css/font.awesome.css">
<!--ionicons css-->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!--linearicons css-->
<link rel="stylesheet" href="assets/css/linearicons.css">
<!--animate css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--jquery ui min css-->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!--slinky menu css-->
<link rel="stylesheet" href="assets/css/slinky.menu.css">
<!--plugins css-->
<link rel="stylesheet" href="assets/css/plugins.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!--modernizr min js here-->
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
</head>
<body>
<!--header area start-->
<!--offcanvas menu area start-->
<div class="off_canvars_overlay">
</div>
<div class="offcanvas_menu">
<div class="container">
<div class="row">
<div class="col-12">
<div class="canvas_open">
<a href="javascript:void(0)"><i class="icon-menu"></i></a>
</div>
<div class="offcanvas_menu_wrapper">
<div class="canvas_close">
<a href="javascript:void(0)"><i class="icon-x"></i></a>
</div>
<div class="language_currency">
<ul>
<li class="language"><a href="#"> 系统语言 <i class="icon-right ion-ios-arrow-down"></i></a>
<ul class="dropdown_language">
<li><a href="#">中文</a></li>
<li><a href="#">英文</a></li>
<li><a href="#">阿拉伯语</a></li>
</ul>
</li>
<li class="currency"><a href="#"> 交易货币 <i class="icon-right ion-ios-arrow-down"></i></a>
<ul class="dropdown_currency">
<li><a href="#">￥人名币</a></li>
<li><a href="#">£ 英镑</a></li>
<li><a href="#">$ 美元</a></li>
</ul>
</li>
</ul>
</div>
<div class="header_social text-right">
<ul>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<li><a href="#"><i class="ion-social-googleplus-outline"></i></a></li>
<li><a href="#"><i class="ion-social-youtube-outline"></i></a></li>
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori1">
<option selected value="1">选择一个类型</option>
<option value="2">配饰</option>
<option value="3">饰品及更多</option>
<option value="4">黄油和鸡蛋</option>
<option value="5">相机和视频</option>
<option value="6">监视器</option>
<option value="7">平板电脑</option>
<option value="8">笔记本电脑</option>
<option value="9">手袋</option>
<option value="10">耳机&扬声器</option>
<option value="11">草药和植物药</option>
<option value="12">蔬菜</option>
<option value="13">商店</option>
<option value="14">笔记本电脑和台式电脑</option>
<option value="15">手表</option>
<option value="16">电子</option>
</select>
</div>
<div class="search_box">
<input placeholder="查找产品" type="text">
<button type="submit"><span class="lnr lnr-magnifier"></span></button>
</div>
</form>
</div>
<div class="header_account_area">
<div class="header_account_list register">
<ul>
<li><a href="login.html">注册</a></li>
<li><span>/</span></li>
<li><a href="login.html">登录</a></li>
</ul>
</div>
<div class="header_account_list header_wishlist">
<a href="wishlist.html"><span class="lnr lnr-heart"></span> <span class="item_count">3</span> </a>
</div>
<div class="header_account_list mini_cart_wrapper">
<a href="javascript:void(0)"><span class="lnr lnr-cart"></span><span class="item_count">2</span></a>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_gallery">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">柠檬</a>
<p>1 x <span> ￥65.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="icon-x"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">绿叶菜</a>
<p>1 x <span> ￥60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="icon-x"></i></a>
</div>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_table_border">
<div class="cart_total">
<span>小计:</span>
<span class="price">￥125.00</span>
</div>
<div class="cart_total mt-10">
<span>总计:</span>
<span class="price">￥125.00</span>
</div>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html"><i class="fa fa-shopping-cart"></i> 查看购物车</a>
</div>
<div class="cart_button">
<a href="checkout.html"><i class="fa fa-sign-in"></i> 去结算</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
<div class="call-support">
<p><a href="tel:15311001100">153 1100 1100</a> 客服支持</p>
</div>
<div id="menu" class="text-left ">
<ul class="offcanvas_main_menu">
<li class="menu-item-has-children active">
<a href="#">首页</a>
<ul class="sub-menu">
<li><a href="index.html">首页风格 1</a></li>
<li><a href="index-2.html">首页风格 2</a></li>
<li><a href="index-3.html">首页风格 3</a></li>
<li><a href="index-4.html">首页风格 4</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">商店</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">商店布局</a>
<ul class="sub-menu">
<li><a href="shop-fullwidth-list.html">购物</a></li>
<li><a href="shop-fullwidth.html">全宽布局</a></li>
<li><a href="shop-fullwidth-list.html">全宽列表</a></li>
<li><a href="shop-right-sidebar.html">右侧栏 </a></li>
<li><a href="shop-right-sidebar-list.html"> 右侧工具栏列表</a></li>
<li><a href="shop-list.html">列表视图</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">其他布局</a>
<ul class="sub-menu">
<li><a href="cart.html">购物车</a></li>
<li><a href="wishlist.html">心愿单</a></li>
<li><a href="checkout.html">结帐</a></li>
<li><a href="my-account.html">我的账户</a></li>
<li><a href="404.html">错误页面</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">产品类型</a>
<ul class="sub-menu">
<li><a href="product-details.html">商品信息</a></li>
<li><a href="product-sidebar.html">产品侧边栏</a></li>
<li><a href="product-details.html">产品分组</a></li>
<li><a href="product-details.html">产品变量</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">博客</a>
<ul class="sub-menu">
<li><a href="blog-sidebar.html">博客</a></li>
<li><a href="blog-details.html">博客信息</a></li>
<li><a href="blog-fullwidth.html">博客宽度</a></li>
<li><a href="blog-sidebar.html">博客侧边栏</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">通用页面 </a>
<ul class="sub-menu">
<li><a href="about.html">关于我们</a></li>
<li><a href="services.html">服务</a></li>
<li><a href="faq.html">常见问题</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="login.html">登录</a></li>
<li><a href="404.html">错误页面</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="my-account.html">我的账户</a>
</li>
<li class="menu-item-has-children">
<a href="about.html">关于我们</a>
</li>
<li class="menu-item-has-children">
<a href="contact.html">联系我们</a>
</li>
</ul>
</div>
<div class="offcanvas_footer">
<span><a href="#"><i class="fa fa-envelope-o"></i> [email protected]</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--offcanvas menu area end-->
<header>
<div class="main_header">
<div class="header_top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="language_currency">
<ul>
<li class="language"><a href="#"> 系统语言 <i class="icon-right ion-ios-arrow-down"></i></a>
<ul class="dropdown_language">
<li><a href="#">中文</a></li>
<li><a href="#">英文</a></li>
<li><a href="#">阿拉伯语</a></li>
</ul>
</li>
<li class="currency"><a href="#"> 交易货币 <i class="icon-right ion-ios-arrow-down"></i></a>
<ul class="dropdown_currency">
<li><a href="#">￥人名币</a></li>
<li><a href="#">£ 英镑</a></li>
<li><a href="#">$ 美元</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header_social text-right">
<ul>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<li><a href="#"><i class="ion-social-googleplus-outline"></i></a></li>
<li><a href="#"><i class="ion-social-youtube-outline"></i></a></li>
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="header_middle">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-10">
<div class="header_right_info">
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori2">
<option selected value="1">选择一个类型</option>
<option value="2">配饰</option>
<option value="3">饰品及更多</option>
<option value="4">黄油和鸡蛋</option>
<option value="5">相机和视频</option>
<option value="6">监视器</option>
<option value="7">平板电脑</option>
<option value="8">笔记本电脑</option>
<option value="9">手袋</option>
<option value="10">耳机&扬声器</option>
<option value="11">草药和植物药</option>
<option value="12">蔬菜</option>
<option value="13">商店</option>
<option value="14">笔记本电脑和台式电脑</option>
<option value="15">手表</option>
<option value="16">电子</option>
</select>
</div>
<div class="search_box">
<input placeholder="查找产品" type="text">
<button type="submit"><span class="lnr lnr-magnifier"></span></button>
</div>
</form>
</div>
<div class="header_account_area">
<div class="header_account_list register">
<ul>
<li><a href="login.html">注册</a></li>
<li><span>/</span></li>
<li><a href="login.html">登录</a></li>
</ul>
</div>
<div class="header_account_list header_wishlist">
<a href="wishlist.html"><span class="lnr lnr-heart"></span> <span class="item_count">3</span> </a>
</div>
<div class="header_account_list mini_cart_wrapper">
<a href="javascript:void(0)"><span class="lnr lnr-cart"></span><span class="item_count">2</span></a>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_gallery">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">柠檬</a>
<p>1 x <span> ￥65.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="icon-x"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">绿叶菜</a>
<p>1 x <span> ￥60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="icon-x"></i></a>
</div>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_table_border">
<div class="cart_total">
<span>小计:</span>
<span class="price">￥125.00</span>
</div>
<div class="cart_total mt-10">
<span>总计:</span>
<span class="price">￥125.00</span>
</div>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html"><i class="fa fa-shopping-cart"></i> 查看购物车</a>
</div>
<div class="cart_button">
<a href="checkout.html"><i class="fa fa-sign-in"></i> 去结算</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_bottom sticky-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<div class="categories_menu">
<div class="categories_title">
<h2 class="categori_toggle">所有类别</h2>
</div>
<div class="categories_menu_toggle">
<ul>
<li class="menu_item_children"><a href="#">蔬菜<i class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu">
<li class="menu_item_children"><a href="#">有机蔬菜</a>
<ul class="categorie_sub_menu">
<li><a href="">土豆</a></li>
<li><a href="">芹菜</a></li>
<li><a href="">黄瓜</a></li>
<li><a href="">空心菜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果<i class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_3">
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> 有机水果1<i class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> 鱼和海鲜<i class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">有机水果</a>
<ul class="categorie_sub_menu">
<li><a href="">苹果</a></li>
<li><a href="">香蕉</a></li>
<li><a href="">樱桃</a></li>
<li><a href="">香瓜</a></li>
</ul>
</li>
</ul>
</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 id="cat_toggle" class="has-sub"><a href="#"> 更多产品</a>
<ul class="categorie_sub">
<li><a href="#">隐藏分类</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<!--main menu start-->
<div class="main_menu menu_position">
<nav>
<ul>
<li><a class="active" href="index.html">首页<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu">
<li><a href="index.html">首页风格 1</a></li>
<li><a href="index-2.html">首页风格 2</a></li>
<li><a href="index-3.html">首页风格 3</a></li>
<li><a href="index-4.html">首页风格 4</a></li>
</ul>
</li>
<li class="mega_items"><a href="shop-fullwidth-list.html">商店<i class="fa fa-angle-down"></i></a>
<div class="mega_menu">
<ul class="mega_menu_inner">
<li>
<a href="#">商店布局</a>
<ul class="sub-menu">
<li><a href="shop-fullwidth-list.html">购物</a></li>
<li><a href="shop-fullwidth.html">全宽布局</a></li>
<li><a href="shop-fullwidth-list.html">全宽列表</a></li>
<li><a href="shop-right-sidebar.html">右侧栏 </a></li>
<li><a href="shop-right-sidebar-list.html"> 右侧工具栏列表</a></li>
<li><a href="shop-list.html">列表视图</a></li>
</ul>
</li>
<li>
<a href="#">其他布局</a>
<ul class="sub-menu">
<li><a href="cart.html">购物车</a></li>
<li><a href="wishlist.html">心愿单</a></li>
<li><a href="checkout.html">结帐</a></li>
<li><a href="my-account.html">我的账户</a></li>
<li><a href="404.html">错误页面</a></li>
</ul>
</li>
<li>
<a href="#">产品类型</a>
<ul class="sub-menu">
<li><a href="product-details.html">商品信息</a></li>
<li><a href="product-sidebar.html">产品侧边栏</a></li>
<li><a href="product-details.html">产品分组</a></li>
<li><a href="product-details.html">产品变量</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="blog-sidebar.html">博客<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="blog-sidebar.html">博客</a></li>
<li><a href="blog-details.html">博客信息</a></li>
<li><a href="blog-fullwidth.html">博客宽度</a></li>
<li><a href="blog-sidebar.html">博客侧边栏</a></li>
</ul>
</li>
<li><a href="#">通用页面<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="about.html">关于我们</a></li>
<li><a href="services.html">服务</a></li>
<li><a href="faq.html">常见问题</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="login.html">登录</a></li>
<li><a href="404.html">错误页面</a></li>
</ul>
</li>
<li><a href="contact.html">我的账户</a></li>
</ul>
</nav>
</div>
<!--main menu end-->
</div>
<div class="col-lg-3">
<div class="call-support">
<p><a href="tel:15311001100">153 1100 1100</a> 客服支持</p>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--header area end-->
<!--slider area start-->
<section class="slider_section">
<div class="slider_area owl-carousel">
<div class="single_slider d-flex align-items-center" data-bgimg="assets/img/slider/slider1.jpg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider_content">
<h1>蔬菜大减价</h1>
<h2>新鲜农产品</h2>
<p>
10%的有机水果和蔬菜。完美的每周烹饪和零食！
</p>
<a href="shop-fullwidth-list.html">查看更多</a>
</div>
</div>
</div>
</div>
</div>
<div class="single_slider d-flex align-items-center" data-bgimg="assets/img/slider/slider2.jpg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider_content">
<h1>蔬菜大减价</h1>
<h2>新鲜农产品</h2>
<p>
10%的有机水果和蔬菜。完美的每周烹饪和零食！
</p>
<a href="shop-fullwidth-list.html">查看更多</a>
</div>
</div>
</div>
</div>
</div>
<div class="single_slider d-flex align-items-center" data-bgimg="assets/img/slider/slider3.jpg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider_content">
<h1>蔬菜大减价</h1>
<h2>新鲜农产品</h2>
<p>
10%的有机水果和蔬菜。完美的每周烹饪和零食！
</p>
<a href="shop-fullwidth-list.html">查看更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--slider area end-->
<!--shipping area start-->
<div class="shipping_area">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="single_shipping">
<div class="shipping_icone">
<img src="assets/img/about/shipping1.jpg" alt="">
</div>
<div class="shipping_content">
<h3>免费送货</h3>
<p>所有订单或订单超过200元免费送货</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping col_2">
<div class="shipping_icone">
<img src="assets/img/about/shipping2.jpg" alt="">
</div>
<div class="shipping_content">
<h3>支持24/7</h3>
<p>每周7天，每天24小时联系我们</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping col_3">
<div class="shipping_icone">
<img src="assets/img/about/shipping3.jpg" alt="">
</div>
<div class="shipping_content">
<h3>30天退货</h3>
<p>只需在30天内退货换货</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping col_4">
<div class="shipping_icone">
<img src="assets/img/about/shipping4.jpg" alt="">
</div>
<div class="shipping_content">
<h3>100%付款安全</h3>
<p>我们确保安全的付款与PEV</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--shipping area end-->
<!--product area start-->
<div class="product_area mb-64">
<div class="container">
<div class="row">
<div class="col-12">
<div class="product_header">
<div class="section_title">
<p>最近添加了我们的商店</p>
<h2>热门产品</h2>
</div>
<div class="product_tab_btn">
<ul class="nav" role="tablist">
<li>
<a class="active" data-toggle="tab" href="#plant1" role="tab" aria-controls="plant1" aria-selected="true">
蔬菜
</a>
</li>
<li>
<a data-toggle="tab" href="#plant2" role="tab" aria-controls="plant2" aria-selected="false">
水果
</a>
</li>
<li>
<a data-toggle="tab" href="#plant3" role="tab" aria-controls="plant3" aria-selected="false">
沙拉
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="product_container">
<div class="row">
<div class="col-12">
<div class="tab-content">
<div class="tab-pane fade show active" id="plant1" role="tabpanel">
<div class="product_carousel product_column5 owl-carousel">
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥322.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$66.00</span>
<span class="old_price">$312.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$38.00</span>
<span class="old_price">$262.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">芒果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥36.00</span>
<span class="old_price">￥145.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥48.00</span>
<span class="old_price">￥257.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥35.00</span>
<span class="old_price">￥245.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥55.00</span>
<span class="old_price">￥235.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
<div class="tab-pane fade" id="plant2" role="tabpanel">
<div class="product_carousel product_column5 owl-carousel">
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥48.00</span>
<span class="old_price">￥257.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥35.00</span>
<span class="old_price">￥245.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥55.00</span>
<span class="old_price">￥235.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥322.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$66.00</span>
<span class="old_price">$312.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$38.00</span>
<span class="old_price">$262.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">芒果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥36.00</span>
<span class="old_price">￥145.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
<div class="tab-pane fade" id="plant3" role="tabpanel">
<div class="product_carousel product_column5 owl-carousel">
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥55.00</span>
<span class="old_price">￥235.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥48.00</span>
<span class="old_price">￥257.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥35.00</span>
<span class="old_price">￥245.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥322.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$66.00</span>
<span class="old_price">$312.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">$38.00</span>
<span class="old_price">$262.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">出售</span>
<span class="label_new">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">芒果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥36.00</span>
<span class="old_price">￥145.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--product area end-->
<!--banner area start-->
<div class="banner_area">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="single_banner">
<div class="banner_thumb">
<a href="shop-fullwidth-list.html"><img src="assets/img/bg/banner1.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_banner">
<div class="banner_thumb">
<a href="shop-fullwidth-list.html"><img src="assets/img/bg/banner2.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--banner area end-->
<!--product area start-->
<div class="product_area product_deals mb-65">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="section_title">
<p>最近添加了我们的商店</p>
<h2>本周交易</h2>
</div>
</div>
</div>
<div class="product_container">
<div class="row">
<div class="col-12">
<div class="product_carousel product_column5 owl-carousel">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product14.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product15.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
<span class="label_new">打卡</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥48.00</span>
<span class="old_price">￥257.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product16.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product17.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥35.00</span>
<span class="old_price">￥245.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product18.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product19.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product20.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product21.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
<span class="label_new">打卡</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥55.00</span>
<span class="old_price">￥235.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product15.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product14.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product17.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product16.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="product_timing">
<div data-countdown="2025/12/15"></div>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<!--product area end-->
<!--banner fullwidth area satrt-->
<div class="banner_fullwidth">
<div class="container">
<div class="row">
<div class="col-12">
<div class="banner_full_content">
<p>黑色星期五！</p>
<h2>五折优惠<span>所有蔬菜产品</span></h2>
<a href="shop-fullwidth-list.html">现在去查看</a>
</div>
</div>
</div>
</div>
</div>
<!--banner fullwidth area end-->
<!--product banner area satrt-->
<div class="product_banner_area mb-65">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<p>最近添加了我们的商店 </p>
<h2>最畅销产品</h2>
</div>
</div>
</div>
<div class="product_banner_container">
<div class="row">
<div class="col-lg-4 col-md-5">
<div class="banner_thumb">
<a href="shop-fullwidth-list.html"><img src="assets/img/bg/banner4.jpg" alt=""></a>
</div>
</div>
<div class="col-lg-8 col-md-7">
<div class="small_product_area product_column2 owl-carousel">
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥20.00</span>
<span class="old_price">￥352.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥72.00</span>
<span class="old_price">￥352.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥36.00</span>
<span class="old_price">￥282.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥45.00</span>
<span class="old_price">￥162.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--product banner area end-->
<!--product area start-->
<div class="product_area mb-65">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<p>最近添加了我们的商店 </p>
<h2>观看最多商品</h2>
</div>
</div>
</div>
<div class="product_container">
<div class="row">
<div class="col-12">
<div class="product_carousel product_column5 owl-carousel">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product20.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product21.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
<span class="label_new">打卡</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥55.00</span>
<span class="old_price">￥235.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product15.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product14.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product17.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product16.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product14.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product15.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
<span class="label_new">打卡</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥48.00</span>
<span class="old_price">￥257.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product16.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product17.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">花菜</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥35.00</span>
<span class="old_price">￥245.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product18.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product19.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">上新</span>
</div>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<!--product area end-->
<!--blog area start-->
<section class="blog_section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<p>我们最近关于有机食品的文章</p>
<h2>我们的博客文章</h2>
</div>
</div>
</div>
<div class="row">
<div class="blog_carousel blog_column3 owl-carousel">
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog1.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<div class="articles_date">
<p>2025-04-13 | <a href="#">电子商务</a> </p>
</div>
<h4 class="post_title"><a href="blog-details.html">零农药、零化肥、零添加，从农场到餐桌，守护全家饮食健康。</a></h4>
<footer class="blog_footer">
<a href="blog-details.html">查看更多</a>
</footer>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog2.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<div class="articles_date">
<p>2025-04-13 | <a href="#">电子商务</a> </p>
</div>
<h4 class="post_title"><a href="blog-details.html"> 遵循自然农法，保留食材原味与营养，每一口都是大自然的馈赠。</a></h4>
<footer class="blog_footer">
<a href="blog-details.html">查看更多</a>
</footer>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog3.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<div class="articles_date">
<p>2025-04-13 | <a href="#">电子商务</a> </p>
</div>
<h4 class="post_title"><a href="blog-details.html">当日采摘，全程冷链配送，新鲜如初，吃得放心。支持可持续农业，为地球减负。</a></h4>
<footer class="blog_footer">
<a href="blog-details.html">查看更多</a>
</footer>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog2.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<div class="articles_date">
<p>2025-04-13 | <a href="#">电子商务</a> </p>
</div>
<h4 class="post_title"><a href="blog-details.html">守护土地与生态，支持可持续农业，为地球减负。品味纯粹，从选择有机开始！</a></h4>
<footer class="blog_footer">
<a href="blog-details.html">查看更多</a>
</footer>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</section>
<!--blog area end-->
<!--custom product area start-->
<div class="custom_product_area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<p>最近添加了我们的商店 </p>
<h2>特色产品</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="small_product_area product_carousel product_column3 owl-carousel">
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product4.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product6.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">豌豆</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥20.00</span>
<span class="old_price">￥352.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">叶子菜</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥72.00</span>
<span class="old_price">￥352.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product12.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">水果沙拉</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥36.00</span>
<span class="old_price">￥282.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥45.00</span>
<span class="old_price">￥162.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product3.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product5.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="product_items">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product2.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">柠檬</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥26.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product10.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">西葫芦</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥46.00</span>
<span class="old_price">￥382.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img src="assets/img/product/product8.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h4 class="product_name"><a href="product-details.html">苹果</a></h4>
<p><a href="#">水果</a></p>
<div class="action_links">
<ul>
<li class="add_to_cart"><a href="cart.html" title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
<li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box" title="快速浏览"> <span class="lnr lnr-magnifier"></span></a></li>
<li class="wishlist"><a href="wishlist.html" title="添加到心愿单"><span class="lnr lnr-heart"></span></a></li>
<li class="compare"><a href="#" title="添加到比较"><span class="lnr lnr-sync"></span></a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">￥56.00</span>
<span class="old_price">￥362.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<!--custom product area end-->
<!--brand area start-->
<!--brand area start-->
<div class="brand_area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="brand_container owl-carousel ">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand1.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand2.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand3.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand4.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand2.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--brand area end-->
<!--brand area end-->
<!--footer area start-->
<footer class="footer_widgets">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-7">
<div class="widgets_container contact_us">
<div class="footer_logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
<p class="footer_desc">零农药、零化肥、零添加，从农场到餐桌，守护全家饮食健康。品味纯粹，从选择有机开始！</p>
<p><span>地址:</span> 北京市、海淀区、永青路</p>
<p><span>邮箱:</span> <a href="#">[email protected]</a></p>
<p><span>电话：</span> <a href="tel:15311001100">153 1100 1100</a> </p>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-5">
<div class="widgets_container widget_menu">
<h3>更多信息</h3>
<div class="footer_menu">
<ul>
<li><a href="about.html">关于我们</a></li>
<li><a href="#">发货信息</a></li>
<li><a href="#"> 隐私政策</a></li>
<li><a href="#">条款与条件</a></li>
<li><a href="contact.html">我的账户</a></li>
<li><a href="#"> 网站地图</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-4">
<div class="widgets_container widget_menu">
<h3>临时导航</h3>
<div class="footer_menu">
<ul>
<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>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="widgets_container widget_newsletter">
<h3>注册通讯</h3>
<p class="footer_desc">通过订阅我们的每周时事通讯获取更新</p>
<div class="subscribe_form">
<form id="mc-form" class="mc-form footer-newsletter" >
<input id="mc-email" type="email" autocomplete="off" placeholder="请输入邮箱" />
<button id="mc-submit">订阅</button>
</form>
<!-- mailchimp-alerts Start -->
<div class="mailchimp-alerts text-centre">
<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
<div class="mailchimp-success"></div><!-- mailchimp-success end -->
<div class="mailchimp-error"></div><!-- mailchimp-error end -->
</div><!-- mailchimp-alerts end -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-7">
<div class="copyright_area">
<p>Copyright © 2025.田园果蔬 All rights reserved.<a href="https://blog.csdn.net/weixin_43151418" style="color: orange;" target="_blank">xcLeigh</a> | <a href="https://item.taobao.com/item.htm?id=805108173963" style="color: orange;" target="_blank">欣晨软件服务</a></p>
</div>
</div>
<div class="col-lg-6 col-md-5">
<div class="footer_payment">
<ul>
<li><a href="#"><img src="assets/img/icon/paypal1.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/img/icon/paypal2.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/img/icon/paypal3.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/img/icon/paypal4.jpg" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer area end-->
<!-- modal area start-->
<div class="modal fade" id="modal_box" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="icon-x"></i></span>
</button>
<div class="modal_body">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12">
<div class="modal_tab">
<div class="tab-content product-details-large">
<div class="tab-pane fade show active" id="tab1" role="tabpanel" >
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/productbig1.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab2" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/productbig2.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab3" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/productbig3.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab4" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/productbig4.jpg" alt=""></a>
</div>
</div>
</div>
<div class="modal_tab_button">
<ul class="nav product_navactive owl-carousel" role="tablist">
<li >
<a class="nav-link active" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="false"><img src="assets/img/product/product1.jpg" alt=""></a>
</li>
<li>
<a class="nav-link" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false"><img src="assets/img/product/product6.jpg" alt=""></a>
</li>
<li>
<a class="nav-link button_three" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false"><img src="assets/img/product/product2.jpg" alt=""></a>
</li>
<li>
<a class="nav-link" data-toggle="tab" href="#tab4" role="tab" aria-controls="tab4" aria-selected="false"><img src="assets/img/product/product7.jpg" alt=""></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12">
<div class="modal_right">
<div class="modal_title mb-10">
<h2>水果详细</h2>
</div>
<div class="modal_price mb-10">
<span class="new_price">$64.99</span>
<span class="old_price" >$78.99</span>
</div>
<div class="modal_description mb-15">
<p>零农药、零化肥、零添加，从农场到餐桌，守护全家饮食健康。遵循自然农法，保留食材原味与营养，每一口都是大自然的馈赠。当日采摘，全程冷链配送，新鲜如初，吃得放心。守护土地与生态，支持可持续农业，为地球减负。品味纯粹，从选择有机开始！</p>
</div>
<div class="variants_selects">
<div class="variants_size">
<h2>大小</h2>
<select class="select_option">
<option selected value="1">s</option>
<option value="1">m</option>
<option value="1">l</option>
<option value="1">xl</option>
<option value="1">xxl</option>
</select>
</div>
<div class="variants_color">
<h2>颜色</h2>
<select class="select_option">
<option selected value="1">紫色</option>
<option value="1">灰色</option>
<option value="1">黑色</option>
<option value="1">粉色</option>
<option value="1">橙色</option>
</select>
</div>
<div class="modal_add_to_cart">
<form action="#">
<input min="1" max="100" step="2" value="1" type="number">
<button type="submit">加入购物车</button>
</form>
</div>
</div>
<div class="modal_social">
<h2>分享这个产品</h2>
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="pinterest"><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- modal area end-->
<!--news letter popup start-->
<div class="newletter-popup">
<div id="boxes" class="newletter-container">
<div id="dialog" class="window">
<div id="popup2">
<span class="b-close"><span>关闭</span></span>
</div>
<div class="box">
<div class="newletter-title">
<h2>通讯</h2>
</div>
<div class="box-content newleter-content">
<label class="newletter-label">输入您的电子邮件地址以订阅我们的新邮件通知&；通过电子邮件提供功能。</label>
<div id="frm_subscribe">
<form name="subscribe" id="subscribe_popup">
<!-- <span class="required">*</span><span>请输入邮箱 address here...</span>-->
<input type="text" value="" name="subscribe_pemail" id="subscribe_pemail" placeholder="请输入邮箱">
<input type="hidden" value="" name="subscribe_pname" id="subscribe_pname">
<div id="notification"></div>
<a class="theme-btn-outlined" onclick="email_subscribepopup()"><span>订阅</span></a>
</form>
<div class="subscribe-bottom">
<input type="checkbox" id="newsletter_popup_dont_show_again">
<label for="newsletter_popup_dont_show_again">不要再显示这个弹出窗口</label>
</div>
</div>
<!-- /#frm_subscribe -->
</div>
<!-- /.box-content -->
</div>
</div>
</div>
<!-- /.box -->
</div>
<!--news letter popup start-->
<!-- JS
============================================ -->
<!--jquery min js-->
<script src="assets/js/vendor/jquery-3.4.1.min.js"></script>
<!--popper min js-->
<script src="assets/js/popper.js"></script>
<!--bootstrap min js-->
<script src="assets/js/bootstrap.min.js"></script>
<!--owl carousel min js-->
<script src="assets/js/owl.carousel.min.js"></script>
<!--slick min js-->
<script src="assets/js/slick.min.js"></script>
<!--magnific popup min js-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--counterup min js-->
<script src="assets/js/jquery.counterup.min.js"></script>
<!--jquery countdown min js-->
<script src="assets/js/jquery.countdown.js"></script>
<!--jquery ui min js-->
<script src="assets/js/jquery.ui.js"></script>
<!--jquery elevatezoom min js-->
<script src="assets/js/jquery.elevatezoom.js"></script>
<!--isotope packaged min js-->
<script src="assets/js/isotope.pkgd.min.js"></script>
<!--slinky menu js-->
<script src="assets/js/slinky.menu.js"></script>
<!-- Plugins JS -->
<script src="assets/js/plugins.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
</body>
</html>源码下载
HTML5好看的水果蔬菜在线商城网站源码系列模板9（源码） 点击下载
万套模板，程序开发，在线开发，在线沟通
--------------- 业精于勤，荒于嬉 ---------------
--------------- 行成于思，毁于随 ---------------
💢 关注博主 带你实现畅游前后端
🏰 加入社区 带你体验马航不孤单
💯 神秘个人简介 带你体验不一样得介绍
💘 为爱表白 为你那个TA，体验别致的浪漫惊喜
🎀 酷炫邀请函 带你体验高大上得邀请
① 🉑提供云服务部署 （有自己的阿里云）；
② 🉑提供前端、后端、应用程序、H5、小程序、公众号、大作业等相关业务；
如🈶合作请联系我，期待您的联系。
注 ：本文撰写于CSDN平台,作者：xcLeigh（所有权归作者所有），https://blog.csdn.net/weixin_43151418，如果相关下载没有跳转，请查看这个地址，相关链接没有跳转，皆是抄袭本文，转载请备注本文原地址。
亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏 ，如 🈶 问题请 留言（评论），博主看见后一定及时给您答复，💌💌💌
原文地址：https://blog.csdn.net/weixin_43151418/article/details/147264361（防止抄袭，原文地址不可删除）