茶饮茶叶品牌电商平台网站制作#网站建设 #bootstrap #网站定制开发

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。

项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！

如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式

网页截图

网页代码

<!DOCTYPE HTML>
<html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Description website">
<meta name="author" content="Maksym Blank">
<meta name="keywords" content="website, with, meta, tags">
<meta name="robots" content="noindex, follow">
<meta name="revisit-after" content="5 month">
<meta name="image" content="http://mywebsite.com/image.jpg">
<meta name="og:title" content="Title website">
<meta name="og:description" content="Description website">
<meta name="og:image" content="http://mywebsite.com/image.jpg">
<meta name="og:site_name" content="My Website">
<meta name="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Title website">
<meta name="twitter:description" content="Description website">
<title>Stelna – Tea Shop Multipurpose HTML5 Template</title>
<!–Bootstrap –>
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
<!–Slick slider–>
<link rel="stylesheet" href="assets/css/slick.css" type="text/css">
<!–Custome Style –>
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<!–magnific Style –>
<link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
<!–Flaticon Style –>
<link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">
<!–FontAwesome Font Style –>
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<!– Fav and touch icons –>
<link rel="apple-touch-icon-precomposed" sizes="144×144" href="assets/images/favicon-icon/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114×114" href="assets/images/favicon-icon/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72×72" href="assets/images/favicon-icon/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/images/favicon-icon/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/images/favicon-icon/favicon.png">
<!– Google-Font–>
<!– Google-Font–>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,600&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
<!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn't work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]–>
</head>
<body>
<!– Mobile Aside –>
<aside class="sigma_aside">
<div class="sigma_close aside-trigger">
<span></span>
<span></span>
</div>
<div class="sigma_logo-wrapper">
<a class="sigma_logo" href="index.html">
<img src="assets/images/logo.png" alt="logo">
</a>
</div>
<ul class="navbar-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li class="menu-item"><a href="index.html">Home 1</a></li>
<li class="menu-item"><a href="index-2.html">Home 2</a></li>
</ul>
</li>
<li class="menu-item">
<a href="about-us.html">About</a>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item"><a href="portfolio.html">Portfolio</a></li>
<li class="menu-item"><a href="portfolio-detail.html">Portfolio Detail</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li class="menu-item"><a href="service.html">Services</a></li>
<li class="menu-item"><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Team</a>
<ul class="sub-menu">
<li class="menu-item"><a href="team.html">Team</a></li>
<li class="menu-item"><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item"><a href="faq.html">FAQ</a></li>
<li class="menu-item"><a href="gallery.html">Gallery</a></li>
<li class="menu-item">
<a href="contact-us.html">Contact</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item"><a href="shop-3-col.html">Shop 3 Col</a></li>
<li class="menu-item"><a href="shop-4-col.html">Shop 4 Col</a></li>
<li class="menu-item"><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
<li class="menu-item"><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
<li class="menu-item"><a href="shop-detail.html">Shop Detail</a></li>
<li class="menu-item"><a href="cart.html">Cart</a></li>
<li class="menu-item"><a href="checkout.html">Checkout</a></li>
<li class="menu-item"><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li class="menu-item"><a href="blog-grid.html">Blog Grid</a></li>
<li class="menu-item"><a href="blog.html">Blog List</a></li>
<li class="menu-item"><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
</ul>
</aside>
<div class="sigma_aside-overlay aside-trigger"></div>

<!– Main Header –>

<div class="sigma_header-topbar d-none d-md-block">
<div class="container-fluid">
<div class="sigma_header-topbar-inner row align-items-center">
<div class="col-md-4">
<div class="follow_us">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-internet-explorer"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="sigma_offer-slider text-center">
<div class="offer-slider">
<p>Welcome To <span class="primary-color"> Stelna</span> Shop</p>
<p>New Arrival Up To<span class="primary-color"> 70%</span> Off</p>
<p>Limited Stock<span class="primary-color"> Hurry Up</span> Now</p>
</div>
</div>
</div>
<div class="col-md-4">
<ul class="topbar-links justify-content-end">
<li>
<a href="#">
<i class="fa fa-phone"></i>
+343 676 9806 900
</a>
</li>
<li class="d-none d-lg-block">
<a href="#">
<i class="fa fa-envelope"></i>
example@example.com
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

<ul class="navbar-nav">
<li class="menu-item menu-item-has-children active">
<a href="#">Home</a>
<ul class="sub-menu">
<li class="menu-item"><a href="index.html">Home 1</a></li>
<li class="menu-item"><a href="index-2.html">Home 2</a></li>
</ul>
</li>
<li class="menu-item">
<a href="about-us.html">About</a>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item"><a href="portfolio.html">Portfolio</a></li>
<li class="menu-item"><a href="portfolio-detail.html">Portfolio Detail</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li class="menu-item"><a href="service.html">Services</a></li>
<li class="menu-item"><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>

</ul>

<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item menu-item-has-children">
<a href="#">Team</a>
<ul class="sub-menu">
<li class="menu-item"><a href="team.html">Team</a></li>
<li class="menu-item"><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li class="menu-item"><a href="faq.html">FAQ</a></li>
<li class="menu-item"><a href="gallery.html">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item"><a href="shop-3-col.html">Shop 3 Col</a></li>
<li class="menu-item"><a href="shop-4-col.html">Shop 4 Col</a></li>
<li class="menu-item"><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
<li class="menu-item"><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
<li class="menu-item"><a href="shop-detail.html">Shop Detail</a></li>
<li class="menu-item"><a href="cart.html">Cart</a></li>
<li class="menu-item"><a href="checkout.html">Checkout</a></li>
<li class="menu-item"><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li class="menu-item"><a href="blog-grid.html">Blog Grid</a></li>
<li class="menu-item"><a href="blog.html">Blog List</a></li>
<li class="menu-item"><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
<li class="menu-item">
<a href="contact-us.html">Contact</a>
</li>
</ul>

</div>
</div>
</div>

<div class="header-bottom-title">
<p>Welcome to Stelna Store</p>
</div>

</div>
</div>
</div>

</header>
<!– Intro –>
<div class="sigma-banner bg-cover bg-center" style="background-image: url('assets/images/intro_bg.jpg');">
<div class="sigma_banner-slider">
<!– slider-item –>
<div class="sigma_banner-slider-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="intro_text">
<h5>Green Tea for you</h5>
<h1>Want to drink organic</h1>
<a href="shop-detail.html" class="btn">Shop now</a>
</div>
</div>
<div class="col-lg-5 d-none d-lg-block">
<div class="sigma_product-image">
<img src="assets/images/shop/s-15.png" alt="img">
</div>
</div>
</div>
</div>
</div>
<!– slider-item –>
<div class="sigma_banner-slider-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="intro_text">
<h5>Green Tea for you</h5>
<h1>Want to drink organic</h1>
<a href="shop-detail.html" class="btn">Shop now</a>
</div>
</div>
<div class="col-lg-5 d-none d-lg-block">
<div class="sigma_product-image">
<img src="assets/images/shop/s-16.png" alt="img">
</div>
</div>
</div>
</div>
</div>
<!– slider-item –>
<div class="sigma_banner-slider-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="intro_text">
<h5>Green Tea for you</h5>
<h1>Want to drink organic</h1>
<a href="shop-detail.html" class="btn">Shop now</a>
</div>
</div>
<div class="col-lg-5 d-none d-lg-block">
<div class="sigma_product-image">
<img src="assets/images/shop/s-15.png" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– /Intro –>

<!– Top Products –>
<div>
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-6">
<div class="sigma_category style-7">
<a href="#">
<img src="assets/images/shop/hot-product/8.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<span>25% Off</span>
<h4 class="text-white">Stelna discount code and offer</h4>
<p class="text-white d-none d-sm-block">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="sigma_category style-7">
<a href="#">
<img src="assets/images/shop/hot-product/9.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<span>25% Off</span>
<h4 class="text-white">We provide organic green tea for you</h4>
<p class="text-white d-none d-sm-block">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
<div class="col-12 d-none d-sm-block">
<div class="sigma_category style-7">
<a href="#">
<img src="assets/images/shop/hot-product/10.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<span>65% Off</span>
<h4 class="text-white">Weekly Flash Sales</h4>
<p class="text-white">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– Top Products –>

<!– Tab Section –>
<div class="section-padding-2">
<div class="container">
<div class="section-header text-center">
<h5>Our Proucts</h5>
<div class="heading_arrow">
<span class="dots_div"></span>
<span class="s"></span>
<span class="dots_div"></span>
</div>
<h2>Top picks</h2>
</div>
<div class="row">
<div class="col-12">
<div class="sigma_tab-item style-13">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="photo-tab" data-toggle="tab" href="#photo" role="tab" aria-controls="photo" aria-selected="true">
<i class="flaticon-tea-cup"></i>
Green Tea
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="image-tab" data-toggle="tab" href="#image" role="tab" aria-controls="image" aria-selected="false">
<i class="flaticon-package"></i>
Black Tea
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="documents-tab" data-toggle="tab" href="#documents" role="tab" aria-controls="documents" aria-selected="false">
<i class="flaticon-tea"></i>
Tea Leaf
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="letters-tab" data-toggle="tab" href="#letters" role="tab" aria-controls="letters" aria-selected="false">
<i class="flaticon-teabag"></i>
Lumbini
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="health-tab" data-toggle="tab" href="#health" role="tab" aria-controls="health" aria-selected="false">
<i class="flaticon-tea-1"></i>
Madagascar
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="wedding-tab" data-toggle="tab" href="#wedding" role="tab" aria-controls="wedding" aria-selected="false">
<i class="flaticon-green-tea"></i>
Tea Spice
</a>
</li>
</ul>
</div>
</div>
<div class="tab-content col-12">
<div class="tab-pane fade show active" id="photo" role="tabpanel" aria-labelledby="photo-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="image" role="tabpanel" aria-labelledby="image-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>

</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="documents" role="tabpanel" aria-labelledby="documents-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>

</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="health" role="tabpanel" aria-labelledby="health-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>

</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="wedding" role="tabpanel" aria-labelledby="wedding-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">

<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>

<!– Hot Products –>
<div class="section-padding-2">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="row">
<div class="col-12">
<div class="sigma_category style-4">
<a href="#">
<img src="assets/images/shop/hot-product/2.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<h4 class="text-white">A Healthy Sip!</h4>
<p class="text-white d-none d-sm-block">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="sigma_category style-4">
<a href="#">
<img src="assets/images/shop/hot-product/3.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<h4 class="text-white">It's Heavence of tea</h4>
<p class="text-white d-none d-sm-block">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="sigma_category style-4">
<a href="#">
<img src="assets/images/shop/hot-product/1.jpg" alt="img">
</a>
<div class="sigma_category-inner">
<div class="sigma_category-body">
<h4 class="text-white">Get back to life!</h4>
<p class="text-white d-none d-sm-block">We provide organic green tea for you. It is healthy for the body.</p>
<a href="shop-left-sidebar.html" class="btn btn-sm">Shop now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– Hot Products –>

<!– Category –>
<div class="section-padding-2 pt-0">
<div class="container">
<div class="section-header text-center">
<h5>Category</h5>
<div class="heading_arrow">
<span class="dots_div"></span>
<span class="s"></span>
<span class="dots_div"></span>
</div>
<h2>Top Categories</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/1.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Green Tea</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/2.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Black Tea</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/3.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Leaf Tea</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/4.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Lumbini</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/5.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Madagascar</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_category">
<a href="#">
<img src="assets/images/shop/category/6.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Green Tea</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!– /Category –>

<!– Why Choose Us –>
<div class="section-padding-2 pt-0">
<div class="container">
<div class="row">
<div class="col-lg-6 order-3 order-lg-1">
<div class="tab-content">
<div class="tab-pane fade show active" id="mission" role="tabpanel" aria-labelledby="mission-tab">
<div class="sigma_about">
<h6 class="sub-heading">Why Choose Us</h6>
<h3>We have 58 Years Of Experience</h3>
<div class="sigma_about-content">
<p>We have many types of TEA that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.It's rarest tea experience will be distracted by the readable</p>
<p><strong>Nicotine from TEA is useful that a reader will be distracted by the readable content of a page when looking at its layout.</strong></p>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="25">25</b>
<span class="plus">+</span>
</span>
<p>Tea sale per day in kg</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="58">58</b>
<span class="plus">+</span>
</span>
<p>Years Practical Experience</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="96">96</b>
<span class="plus">+</span>
</span>
<p>Awesome Team Members</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="vision" role="tabpanel" aria-labelledby="vision-tab">
<div class="sigma_about">
<h6 class="sub-heading">Why Choose Us</h6>
<h3>We have 58 Years Of Experience</h3>
<div class="sigma_about-content">
<p>We have many types of TEA that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.It's rarest tea experience will be distracted by the readable</p>
<p><strong>Nicotine from TEA is useful that a reader will be distracted by the readable content of a page when looking at its layout.</strong></p>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="25">25</b>
<span class="plus">+</span>
</span>
<p>Tea sale per day in kg</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="58">58</b>
<span class="plus">+</span>
</span>
<p>Years Practical Experience</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="96">96</b>
<span class="plus">+</span>
</span>
<p>Awesome Team Members</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="goal" role="tabpanel" aria-labelledby="goal-tab">
<div class="sigma_about">
<h6 class="sub-heading">Why Choose Us</h6>
<h3>We have 58 Years Of Experience</h3>
<div class="sigma_about-content">
<p>We have many types of TEA that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.It's rarest tea experience will be distracted by the readable</p>
<p><strong>Nicotine from TEA is useful that a reader will be distracted by the readable content of a page when looking at its layout.</strong></p>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="25">25</b>
<span class="plus">+</span>
</span>
<p>Tea sale per day in kg</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="58">58</b>
<span class="plus">+</span>
</span>
<p>Years Practical Experience</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="96">96</b>
<span class="plus">+</span>
</span>
<p>Awesome Team Members</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 order-2 order-lg-2">
<div class="sigma_tab-item style-12 mb-5 mb-md-0">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="mission-tab" data-toggle="tab" href="#mission" role="tab" aria-controls="photo" aria-selected="true">
<i class="flaticon-green-tea"></i>
Mission
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="vision-tab" data-toggle="tab" href="#vision" role="tab" aria-controls="image" aria-selected="false">
<i class="flaticon-security"></i>
Vision
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="goal-tab" data-toggle="tab" href="#goal" role="tab" aria-controls="documents" aria-selected="false">
<i class="flaticon-target"></i>
Goal
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-6 order-1 order-lg-3">
<div class="sigma_tab-image mb-5 mb-md-0">
<img src="assets/images/about/3.jpg" class="w-100" alt="img">
</div>
</div>
</div>
</div>
</div>
<!– Why Choose Us –>

<!– Shop –>
<div class="section-padding-2 pt-0">
<div class="container">
<div class="section-header flex-header">
<h3>Top Picks</h3>
<div class="sigma_custom-arrows">
<i class="fa fa chevron-left slick-prev"></i>
<i class="fa fa chevron-right slick-next"></i>
</div>
</div>
<div class="sigma_product-slider">
<div class="sigma_product-slider-item">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>

</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="sigma_product-slider-item">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="sigma_product-slider-item">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="sigma_product-slider-item">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="sigma_product-slider-item">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>

<!– Shop –>
<!– <div class="section-padding-2 pt-0">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="sigma_category style-5">
<a href="#">
<img src="assets/images/shop/hot-product/1.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Green Tea</span>
<p>The Best Look Anyhere</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="sigma_category style-5">
<a href="#">
<img src="assets/images/shop/hot-product/4.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Tea set</span>
<p>Live According to Tea set</p>
</div>
</div>
</div>
</div>
</div>
</div> –>
<!– /Shop –>

<!– Testimonials –>
<div class="section-padding bg-center bg-cover bg-overlay light-overlay" style="background-image: url('assets/images/testimonial.jpg');">
<div class="container">
<div class="sigma_testimonial-slider-2">
<div class="item">
<div class="testimonial_box">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
<p>We provide organic green tea for you. It is healthy for the body. eiusmod tempor incididunt A cup of every meeting Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in </p>
<div class="testimonial_author">
<img src="assets/images/150×150.jpg" alt="image">
<h5>Rose Mary</h5>
<p>Manger</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial_box">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
<p>We provide organic green tea for you. It is healthy for the body. eiusmod tempor incididunt A cup of every meeting Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in </p>
<div class="testimonial_author">
<img src="assets/images/150x150_2.jpg" alt="image">
<h5>Kebin Piterson</h5>
<p>Manager, Owner</p>
</div>
</div>
</div>
<div class="item">
<div class="testimonial_box">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
<p>We provide organic green tea for you. It is healthy for the body. eiusmod tempor incididunt A cup of every meeting Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in </p>
<div class="testimonial_author">
<img src="assets/images/150×150.jpg" alt="image">
<h5>Kebin Piterson</h5>
<p>Manager, Owner</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!– /Testimonials –>

<!– Shop –>
<div class="section-padding-2">
<div class="container">
<div class="row">
<div class="col-12">
<div class="sigma_tab-item style-3">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="men-tab" data-toggle="tab" href="#men" role="tab" aria-controls="men" aria-selected="true">
Black tea
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="women-tab" data-toggle="tab" href="#women" role="tab" aria-controls="women" aria-selected="false">
Leaf tea
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="accessory-tab" data-toggle="tab" href="#accessory" role="tab" aria-controls="accessory" aria-selected="false">
Green Tea
</a>
</li>
</ul>
</div>
</div>
<div class="tab-content col-12">
<div class="tab-pane fade show active" id="men" role="tabpanel" aria-labelledby="men-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-1.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>

</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="women" role="tabpanel" aria-labelledby="women-tab">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>

</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mango</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-4.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Huang Shan Ma</a>
</h5>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-2.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="sale">Sale</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">Green Mao Jian</a>
</h5>
<div class="sigma_product-price">
<span>$180</span>
<span>$200</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="shop-detail.html">
<img src="assets/images/shop/s-3.jpg" alt="img">
</a>
<div class="sigma_product-controls">
<a href="#"><i class="fa fa-heart"></i></a>
<a href="#"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"></i></a>
</div>
<div class="sigma_product-badge">
<span class="discount">New</span>
</div>
</div>
<div class="sigma_product-body">
<div class="sigma_product-rating">
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
</div>
</div>
<h5 class="sigma_product-title">
<a href="shop-detail.html">88th Shincha</a>
</h5>
<div class="sigma_product-price">
<span>$100</span>
<span>$120</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– /Shop –>

<!– Quick-Start –>
<div class="quick_start section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>Buy Today And Get 20% Off</h2>
<p>Nicotine from TEA is useful that a reader will be distracted by the readable content of a page when looking at its layout.</p>
<a href="shop-left-sidebar.html" class="btn">Shop now</a>
</div>
</div>
</div>
</div>
<!– /Quick-Start –>

<!– Blog-insta Start –>
<div class="blog-insta">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-6">
<div class="sigma_category style-3">
<a href="#">
<img src="assets/images/blog.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Read<br>The Blog</span>
<a href="blog-grid.html">View All Posts</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="sigma_category style-3">
<a href="#">
<img src="assets/images/insta.jpg" alt="img">
</a>
<div class="sigma_category-content">
<span>Follow Our Store<br>On Instagram</span>
<a href="#">@getbowtied</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!– Blog-insta Start –>

<!– Footer –>
<footer class="sigma_footer style-3">
<div class="sigma_footer-middle">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="sigma_footer-widget">
<div class="sigma_footer-logo mb-4">
<img src="assets/images/logo.png" alt="logo">
</div>
<h5 class="widget-title">Contact Details</h5>
<div class="row">
<div class="col-sm-5">
<p class="m-0">1745 Riverwood Drive,<br>
Suite 2413 CottonWood,<br>
CA17023<br>
United States</p>
</div>
<div class="col-sm-5">
<p class="m-0">
example@example.com <br>
+1 578906554
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Solutions</h5>
<ul class="sigma_footer-links">
<li>
<a href="#">Marketing</a>
</li>
<li>
<a href="#">Analytics</a>
</li>
<li>
<a href="#">Ecommerce</a>
</li>
<li>
<a href="#">Insights</a>
</li>
<li>
<a href="#">Insights</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Company</h5>
<ul class="sigma_footer-links">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Contacts</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Legal</h5>
<ul class="sigma_footer-links">
<li>
<a href="#">Claim</a>
</li>
<li>
<a href="#">Privacy</a>
</li>
<li>
<a href="#">Terms</a>
</li>
<li>
<a href="#">Login</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="sigma_footer-bottom mt-0 d-block d-lg-flex align-items-center justify-content-between">
<ul class="follow_us mb-3 mb-lg-0">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-internet-explorer"></i></a></li>
</ul>
<div class="sigma_footer-payment mb-3 mb-lg-0">
<img src="assets/images/footer-bottom-img.png" alt="img">
</div>
<div class="sigma_footer-copyright m-0">
<p class="mb-0"> © 2025 <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
</div>
</div>
</div>
</footer>
<!– /Footer –>
<!– Newsletter Modal Start –>
<div class="modal fade" id="androNewsletterPopup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog andro_newsletter-popup-modal modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<img src="assets/images/newsletter.jpg" alt="newsletter">
<div class="sigma_close newsletter-popup-trigger" data-dismiss="modal">
<span></span>
<span></span>
</div>
</div>
<div class="modal-body">

<div class="andro_newsletter-popup-text-wrapper">
<h3>Join Our Newsletter</h3>
<p>Sed porttitor lectus nibh. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur aliquet quam id dui posuere.</p>
</div>

<form method="post" class="text-center">
<div class="form-group">
<input type="email" placeholder="Email Address" class="form-control" name="newsletter-email" value="">
</div>
<button type="submit" class="btn" name="button">Subscribe</button>
<span class="newsletter-popup-trigger" data-dismiss="modal">No Thanks</span>
</form>

</div>
</div>
</div>
</div>
<!– Newsletter Modal End –>
<!– Quick View Modal Start –>
<div class="modal fade quick-view-modal" id="quickViewModal" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="sigma_close" data-dismiss="modal">
<span></span>
<span></span>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-5">
<div class="sigma_product-image">
<img src="assets/images/shop/detail/d-1.jpg" alt="img">
</div>
</div>
<div class="col-lg-7">
<div class="shop-detail-content mt-5 mt-lg-0">
<h3 class="product-title m-0">Leaf tea</h3>
<div class="stars">
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<i class="fa fa-star active"></i>
<span class="pro-review">1 Reviews</span>
</div>
<div class="sigma_product-price">
<span>$120</span>
<span>$150</span>
</div>
<div class="shop-detail-inner">
<div class="availability-box">
<div class="d-inline-block other-info">
<h6>Availability:
<span class="text-success ml-2">In Stock</span>
</h6>
</div>
<div class="ml-2 d-inline-block other-info">
<h6>SKU:
<span class="grey ml-2">006-bhg</span>
</h6>
</div>
</div>
<div class="short-descr">
<p>We provide organic green tea for you. It is healthy for the body. eiusmod tempor incididunt A cup of every meeting Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
</div>
<div class="quantity-cart d-sm-flex align-items-center">
<div class="quantity-box">
<button type="button" class="minus-btn">
<i class="fa fa-minus"></i>
</button>
<input type="text" class="input-qty" name="name" value="1">
<button type="button" class="plus-btn">
<i class="fa fa-plus"></i>
</button>
</div>
<div class="cart-btn">
<a href="#" class="btn">Add to Cart</a>
</div>
</div>
<div class="other-info flex">
<h6>Category:</h6>
<ul>
<li class="list-inline-item mr-2">
<a href="#" class="grey">Leaf tea</a>
</li>
<li class="list-inline-item mr-2">
<a href="#" class="grey">Black tea</a>
</li>
<li class="list-inline-item">
<a href="#" class="grey">Green tea</a>
</li>
</ul>
</div>
<div class="other-info flex">
<h6>Tags:</h6>
<ul>
<li class="list-inline-item mr-2">
<a href="#" class="grey">Green tea</a>
</li>
<li class="list-inline-item mr-2">
<a href="#" class="grey">Black tea</a>
</li>
<li class="list-inline-item">
<a href="#" class="grey">Leaf tea</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– Quick View Modal End –>
<!– Scripts –>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!–isotope-JS–>
<script src="assets/js/jquery.isotope.js"></script>
<!–Magnific-Popup-JS–>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!–Magnific-Popup-JS–>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<!–Counter-JS–>
<script src="assets/js/jquery.counterup.min.js"></script>
<!–inview-JS–>
<script src="assets/js/jquery.inview.min.js"></script>
<!–form-validate-JS–>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/mf_form.js"></script>
<script src="assets/js/jquery.instagramFeed.min.js"></script>
<!–Carousel-JS–>
<script src="assets/js/slick.min.js"></script>
<!–Custome-JS–>
<script src="assets/js/interface.js"></script>
</body>
</html>

茶饮茶叶品牌电商平台网站制作#网站建设 #bootstrap #网站定制开发

网页截图

网页代码

相关推荐

评论抢沙发

评论前必须登录！

热门标签

置顶推荐

热门文章

最新文章

网页截图

网页代码

相关推荐

评论 抢沙发

评论前必须登录！

热门标签

置顶推荐

热门文章

最新文章

评论抢沙发