文章目錄
- 1.設計來源
- 1.1 主界面
- 1.2 關于我們界面
- 1.3 商城界面
- 1.4 商品信息界面
- 1.5 我的賬戶界面
- 1.6 聯系我們界面
- 2.效果和源碼
- 2.1 動態效果
- 2.2 源代碼
- 源碼下載
- 萬套模板,程序開發,在線開發,在線溝通
作者:xcLeigh
文章地址:https://blog.csdn.net/weixin_43151418/article/details/147264321
HTML5好看的水果蔬菜在線商城網站源碼系列模板7
,水果蔬菜在線商城源碼,最全商城模板,水果蔬菜模板,一款大氣的網上蔬菜店/水果店購物商城HTML模板,內置六個模板頁面,覆蓋各種商城需求頁面,,酷炫的界面效果,簡易的整體風格,實現了商店的所需功能,網格列表,信息列表,我的訂單,輪播圖,表單,導航菜單,購物車,列表等,注釋完整,代碼規范,各種風格都有,代碼上手簡單,代碼獨立,可以直接運行使用。也可直接預覽效果。
1.設計來源
????水果蔬菜在線商城系列的第七個風格版,總共有九個版本,九種風格。
- 該系列所有文章源碼【九種風格,總有一款適合你】
- HTML5超酷炫的水果蔬菜在線商城網站源碼1(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼2(附源碼)
- HTML5簡介的水果蔬菜在線商城網站源碼3(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板4(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板5(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板6(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板7(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板8(附源碼)
- HTML5好看的水果蔬菜在線商城網站源碼系列模板9(附源碼)
1.1 主界面
1.2 關于我們界面
界面整體頁面截圖接縫處有出入,具體完整效果見下面視頻!
1.3 商城界面
界面整體頁面截圖接縫處有出入,具體完整效果見下面視頻!
1.4 商品信息界面
界面整體頁面截圖接縫處有出入,具體完整效果見下面視頻!
1.5 我的賬戶界面
界面整體頁面截圖接縫處有出入,具體完整效果見下面視頻!
1.6 聯系我們界面
界面整體頁面截圖接縫處有出入,具體完整效果見下面視頻!
- 更多界面效果,看下面的視頻演示動態效果,或者 下載源碼 體驗吧。其他更多資源盡在 xcLeigh博客,如有相關技術問題,歡迎私信博主。
2.效果和源碼
2.1 動態效果
????這里是完整的效果演示,可在此代碼基礎上更加完善功能,支持擴展自己的風格,可以刪減內容,打造屬于自己的水果蔬菜在線商城。
HTML5好看的水果蔬菜在線商城網站源碼系列模板7
2.2 源代碼
????這里是主界面的代碼,其他圖片、js、css等代碼,見下面的 源碼下載 ,里面有所有代碼資源和相關說明。
<!--各行各業的模板源碼,來自CSDN上的xcLeigh博客:https://blog.csdn.net/weixin_43151418/article/details/128349160-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="水果蔬菜在線商城"><meta name="author" content="水果蔬菜在線商城"><title>水果蔬菜在線商城</title><!-- Font Icon --><link href="assets/css/plugin/font-awesome.min.css" rel="stylesheet" type="text/css"> <!-- CSS Global --><link href="assets/css/plugin/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="assets/css/plugin/bootstrap-select.min.css" rel="stylesheet" type="text/css"> <link href="assets/css/plugin/owl.carousel.css" rel="stylesheet" type="text/css"><link href="assets/css/plugin/animate.css" rel="stylesheet" type="text/css"> <link href="assets/css/plugin/subscribe-better.css" rel="stylesheet" type="text/css"> <!-- Custom CSS --><link href="assets/css/style.css" rel="stylesheet" type="text/css"></head><body id="home" class="wide"><div id="loading"><div class="loader"><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div><!-- WRAPPER --><main class="wrapper home-wrap"> <!-- CONTENT AREA --><!-- Main Header Start --><header class="main-header"> <div class="container-fluid rel-div"><div class="col-lg-4 col-sm-8"><div class="main-logo"><a href="index.html"> <strong>田園果蔬 <img src="assets/img/icons/logo-icon.png" alt="" /> </strong> <span class="light-font">綠色有機</span> </a><span class="medium-font">品質保障</span></div></div><div class="col-lg-6 responsive-menu"> <div class="responsive-toggle fa fa-bars"> </div><nav class="fix-navbar" id="primary-navigation"> <ul class="primary-navbar"> <li><a href="index.html"> 首頁</a></li><li><a href="about-us.html">關于我們</a></li><li><a href="shop.html"> 商城</a></li> <li><a href="shop-single.html"> 商品信息</a></li> <li><a href="my-account.html"> 我的賬戶</a></li><li><a href="contact.html">聯系我們</a></li></ul> </nav></div><div class="col-lg-2 col-sm-4 cart-megamenu"><div class="cart-hover"><a href="#"> <img alt="" src="assets/img/icons/cart-icon.png" /> </a><span class="cnt crl-bg">2</span> <span class="price">¥150.00</span><ul class="pop-up-box cart-popup"><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-1.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有機 </span> <strong>果實</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">¥50.00 </strong> <del class="light-font">¥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-2.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有機 </span> <strong>紅辣椒</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">¥50.00 </strong> <del class="light-font">¥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list"><div class="cart-img"> <img src="assets/img/extra/cart-sm-3.jpg" alt=""> </div><div class="cart-title"><div class="fsz-16"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a><h6 class="sub-title-1">蔬菜</h6></div><div class="price"> <strong class="clr-txt">¥50.00 </strong> <del class="light-font">¥65.00 </del></div></div><div class="close-icon"> <i class="fa fa-close clr-txt"></i> </div></li><li class="cart-list sub-total"><div class="pull-left"> <strong>小計</strong></div><div class="pull-right"> <strong class="clr-txt">¥150.00</strong></div></li><li class="cart-list buttons"><div class="pull-left"> <a href="cart.html" class="theme-btn-sm-2">購物車</a></div><div class="pull-right"> <a href="checkout.html" class="theme-btn-sm-3"> 去結算 </a></div></li></ul></div><div class="mega-submenu"><span class="nav-trigger"><a class="menu-toggle" href="#"> <img src="assets/img/icons/menu.png" alt="" /> </a></span><div class="mega-dropdown-menu"><a class="menu-toggle fa fa-close" href="#"> </a><div class="slider-mega-menu"><div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>果實</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">檸檬</a> </li><li> <a href="#">菠蘿</a> </li><li> <a href="#">蘋果</a> </li><li> <a href="#">獼猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的水果 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div> <div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>蔬菜</strong> </h2><ul class="sub-list"><li> <a href="#">卷心菜</a> </li><li> <a href="#">大蒜 </a> </li><li> <a href="#">洋蔥 </a> </li><li> <a href="#">藕</a> </li><li> <a href="#">胡蘿卜</a> </li><li> <a href="#">青椒</a> </li><li> <a href="#">土豆</a> </li><li> <a href="#">芹菜</a> </li><li> <a href="#">韭菜</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的蔬菜 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-2.png" /></div></div> <div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">檸檬汁</a> </li><li> <a href="#">菠蘿汁</a> </li><li> <a href="#">蘋果汁</a> </li><li> <a href="#">獼猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-3.png" /></div></div> <div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>果汁</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉汁</a> </li><li> <a href="#">西瓜汁</a> </li><li> <a href="#">黑莓汁</a> </li><li> <a href="#">橙汁</a> </li><li> <a href="#">橘子汁</a> </li><li> <a href="#">檸檬汁</a> </li><li> <a href="#">菠蘿汁</a> </li><li> <a href="#">蘋果汁</a> </li><li> <a href="#">獼猴桃汁</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的果汁 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-1.png" /></div></div> <div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>面包</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">檸檬</a> </li><li> <a href="#">菠蘿</a> </li><li> <a href="#">蘋果</a> </li><li> <a href="#">獼猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的面包 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-5.png" /></div></div> <div class="menu-block"><div class="menu-caption"> <h2 class="menu-title"> <span class="light-font"> 新鮮的 </span> <strong>茶</strong> </h2><ul class="sub-list"><li> <a href="#">香蕉</a> </li><li> <a href="#">西瓜 </a> </li><li> <a href="#">黑莓 </a> </li><li> <a href="#">芒果</a> </li><li> <a href="#">橘子</a> </li><li> <a href="#">檸檬</a> </li><li> <a href="#">菠蘿</a> </li><li> <a href="#">蘋果</a> </li><li> <a href="#">獼猴桃</a> </li></ul><h2 class="title"> <a href="#" class="clr-txt"> 所有的茶 </a> </h2></div><div class="menu-img"><img alt="" src="assets/img/extra/menu-6.png" /></div></div> </div></div></div><div class="responsive-toggle fa fa-bars"> </div></div></div> </header><!-- / Main Header Ends --> <!-- Main Slider Start --><section class="main-slide"><img alt=".." src="assets/img/slider/slide-1.jpg" /><div class="tbl-wrp slide-1"><div class="text-middle"><div class="tbl-cell"><div class="slide-caption container text-center"><div class="slide-title"><img src="assets/img/icons/slide-txt-1.png" alt="" /><span>100%的保證</span></div><div class="slide-title2 pb-50"><h2 class="section-title"> <span class="light-font">生活 </span> <strong>有機 </strong> <span class="light-font">為生活 </span> <strong>為健康 </strong> </h2><h4 class="sub-title"> 有機水果,蔬菜和更多的東西送到你的家門口 </h4></div><div class="slide"><a href="#" class="slide-btn"> 立即購物</a> </div></div></div></div></div></section><!-- / Main Slider Ends --> <!-- Organic All Starts--><section class="organic-all sec-space-bottom"><div class="pattern"> <img alt="" src="assets/img/icons/white-pattern.png" /></div><div class="section-icon"> <img alt="" src="assets/img/icons/icon-1.png" /></div><div class="container"> <div class="organic-wrap"> <img class="logo-img" alt="" src="assets/img/logo/logo-1.png" /><div class="tabs-box"><ul class="theme-tabs"><li class=""><a href="#product-tab-1" data-toggle="tab"> <span class="light-font">有機 </span> <strong>水果 </strong> </a></li> <li class="active"><a href="#product-tab-2" data-toggle="tab"> <span class="light-font">有機 </span> <strong>蔬菜 </strong> </a></li> <li class=""><a href="#product-tab-3" data-toggle="tab"> <span class="light-font">有機 </span> <strong>果汁 </strong> </a></li><li class=""><a href="#product-tab-4" data-toggle="tab"> <span class="light-font">有機 </span> <strong>干果 </strong> </a></li></ul></div></div></div><div class="container-fluid"> <div class="col-md-12"> <div class="tab-content organic-content row"> <div id="product-tab-1" class="tab-pane fade active in"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00 </strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00 </strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div></div></div><div id="product-tab-2" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div></div></div><div id="product-tab-3" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div></div></div><div id="product-tab-4" class="tab-pane fade"> <div class="product-slider-1 dots-1"> <div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box active"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/1.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /> <div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div> <div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>西紅柿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/2.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>卷心菜</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/6.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>洋蔥</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/3.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>櫻桃</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong> <del class="light-font">¥65.00 </del></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/4.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><span class="prod-tag tag-1">上新</span> <span class="prod-tag tag-2">出售</span><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>沙拉</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div><div class="item"> <div class="product-box"> <div class="product-media"> <img class="prod-img" alt="" src="assets/img/products/5.png" /> <img class="shape" alt="" src="assets/img/icons/shap-small.png" /><div class="prod-icons"> <a href="#" class="fa fa-heart"></a><a href="#" class="fa fa-shopping-basket"></a><a href="#product-preview" data-toggle="modal" class="fa fa-expand"></a></div></div><div class="product-caption"> <h3 class="product-title"><a href="#"> <span class="light-font"> 有機 </span> <strong>菠蘿</strong></a></h3><div class="price"> <strong class="clr-txt">¥50.00</strong></div></div></div></div></div></div></div></div></div></section><!-- / Organic All Ends --><!-- JS Global --><script src="assets/js/plugin/jquery-2.2.4.min.js"></script> <script src="assets/js/plugin/bootstrap.min.js"></script><script src="assets/js/plugin/bootstrap-select.min.js"></script><script src="assets/js/plugin/owl.carousel.min.js"></script><script src="assets/js/plugin/jquery.plugin.min.js"></script><script src="assets/js/plugin/jquery.countdown.js"></script><script src="assets/js/plugin/jquery.subscribe-better.min.js"></script><!-- Custom JS --> <script src="assets/js/theme.js"></script></body>
</html>
源碼下載
HTML5好看的水果蔬菜在線商城網站源碼系列模板7(源碼) 點擊下載
萬套模板,程序開發,在線開發,在線溝通
- 專業后端大佬在線溝通需求開發
- 專業前端大佬在線溝通需求開發
- 專業網站整套大佬在線溝通需求開發
- 專業畢業設計大佬在線溝通需求開發
- 專業大作業大佬在線溝通需求開發
- 【優惠活動】專屬定制,程序在線開發
???? 💢 關注博主 帶你實現暢游前后端
???? 🏰 加入社區 帶你體驗馬航不孤單
???? 💯 神秘個人簡介 帶你體驗不一樣得介紹
???? 💘 為愛表白 為你那個TA,體驗別致的浪漫驚喜
???? 🎀 酷炫邀請函 帶你體驗高大上得邀請
???? ① 🉑提供云服務部署(有自己的阿里云);
???? ② 🉑提供前端、后端、應用程序、H5、小程序、公眾號、大作業等相關業務;
???? 如🈶合作請聯系我,期待您的聯系。
????注:本文撰寫于CSDN平臺,作者:xcLeigh(所有權歸作者所有),https://blog.csdn.net/weixin_43151418,如果相關下載沒有跳轉,請查看這個地址,相關鏈接沒有跳轉,皆是抄襲本文,轉載請備注本文原地址。
???? 親,碼字不易,動動小手,歡迎 點贊 ? 收藏,如 🈶 問題請 留言(評論),博主看見后一定及時給您答復,💌💌💌
原文地址:https://blog.csdn.net/weixin_43151418/article/details/147264321(防止抄襲,原文地址不可刪除)