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

文章目录

  • 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.设计来源

水果蔬菜在线商城系列的第九个风格版,总共有九个版本,九种风格。

1.1 主界面

1.2 商品界面

1.3 购物车界面

1.4 心愿列表界面

1.5 商品信息界面

1.6 博客界面

1.7 关于我们界面

1.8 联系我们界面

1.9 常见问题界面

1.10 登录界面

  • 更多界面效果,看下面的视频演示动态效果,或者 下载源码 体验吧。其他更多资源尽在 xcLeigh博客,如有相关技术问题,欢迎私信博主

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 &copy; 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">输入您的电子邮件地址以订阅我们的新邮件通知&amp;通过电子邮件提供功能。</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(防止抄袭,原文地址不可删除)

相关推荐
.格子衫.10 分钟前
014枚举之指针尺取——算法备赛
java·c++·算法
步行cgn28 分钟前
GZIPOutputStream 类详解
java·开发语言·intellij-idea
露临霜41 分钟前
vue实现AI问答Markdown打字机效果
前端·javascript·vue.js·ai·github
HelloZheQ1 小时前
Java:从入门到精通,你的编程之旅
java·开发语言
李匠20241 小时前
C++负载均衡远程调用学习之HOOK注册机制
java·c++·学习·负载均衡
purrrew1 小时前
【Java ee初阶】多线程(5)
java·java-ee
Cyanto1 小时前
Java使用JDBC操作数据库
java·开发语言·数据库
愛芳芳2 小时前
springboot+mysql+element-plus+vue完整实现汽车租赁系统
前端·vue.js·spring boot·后端·mysql·elementui·汽车
工一木子2 小时前
【Java项目脚手架系列】第二篇:JavaWeb项目脚手架
java·开发语言
magic 2452 小时前
Spring 框架中 @Configuration 注解详解
java·后端·spring