{"id":58678,"date":"2025-08-16T14:01:42","date_gmt":"2025-08-16T06:01:42","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/58678.html"},"modified":"2025-08-16T14:01:42","modified_gmt":"2025-08-16T06:01:42","slug":"%e8%8c%b6%e9%a5%ae%e8%8c%b6%e5%8f%b6%e5%93%81%e7%89%8c%e7%94%b5%e5%95%86%e5%b9%b3%e5%8f%b0%e7%bd%91%e7%ab%99%e5%88%b6%e4%bd%9c%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be-bootstrap-%e7%bd%91%e7%ab%99","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/58678.html","title":{"rendered":"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1"},"content":{"rendered":"

\u00a0\u535a\u4e3b\u4ecb\u7ecd：\u9ec4\u83ca\u534e\u8001\u5e08\u300aVue.js\u5165\u95e8\u4e0e\u5546\u57ce\u5f00\u53d1\u5b9e\u6218\u300b\u300a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u300b\u56fe\u4e66\u4f5c\u8005，CSDN\u535a\u5ba2\u4e13\u5bb6，\u5728\u7ebf\u6559\u80b2\u4e13\u5bb6，CSDN\u94bb\u77f3\u8bb2\u5e08；\u4e13\u6ce8\u7f51\u7ad9\u5236\u4f5c\u3001\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u3001\u8f6f\u4ef6\u5f00\u53d1\u548c\u5927\u5b66\u751f\u6bd5\u4e1a\u8bbe\u8ba1\u6559\u80b2\u3001\u8f85\u5bfc\u3002
\n\u6240\u6709\u9879\u76ee\u90fd\u914d\u6709\u4ece\u5165\u95e8\u5230\u7cbe\u901a\u7684\u57fa\u7840\u77e5\u8bc6\u89c6\u9891\u8bfe\u7a0b，\u5b66\u4e60\u540e\u5e94\u5bf9\u6bd5\u4e1a\u8bbe\u8ba1\u7b54\u8fa9，\u63d0\u4f9b\u6838\u5fc3\u4ee3\u7801\u8bb2\u89e3，\u7b54\u8fa9\u6307\u5bfc\u3002
\n\u9879\u76ee\u914d\u6709\u5bf9\u5e94\u5f00\u53d1\u6587\u6863\u3001\u5f00\u9898\u62a5\u544a\u3001\u4efb\u52a1\u4e66\u3001PPT\u7b49，\u63d0\u4f9b\u6bd5\u4e1a\u8bbe\u8ba1\u8bba\u6587\u8f85\u5bfc\u3002<\/p>\n

\u9879\u76ee\u90fd\u5f55\u4e86\u53d1\u5e03\u548c\u529f\u80fd\u64cd\u4f5c\u6f14\u793a\u89c6\u9891；\u9879\u76ee\u7684\u754c\u9762\u548c\u529f\u80fd\u90fd\u53ef\u4ee5\u5b9a\u5236，\u5305\u5b89\u88c5\u8fd0\u884c！！！<\/p>\n

\u5982\u679c\u9700\u8981\u8054\u7cfb\u6211，\u53ef\u4ee5\u5728CSDN\u7f51\u7ad9\u67e5\u8be2\u9ec4\u83ca\u534e\u8001\u5e08\u7684，\u5728\u6587\u7ae0\u672b\u5c3e\u53ef\u4ee5\u83b7\u53d6\u8054\u7cfb\u65b9\u5f0f<\/p>\n

\u7f51\u9875\u622a\u56fe<\/h2>\n

\"\"<\/p>\n

\u7f51\u9875\u4ee3\u7801<\/h2>\n

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

<!– Main Header –><\/p>\n

<header class="sigma_header can-sticky"><\/p>\n

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

<div class="sigma_header-middle">
\n <div class="container-fluid">
\n <div class="navbar justify-content-lg-center"><\/p>\n

<div class="sigma_logo-wrapper d-block d-lg-none">
\n <a class="sigma_logo" href="index.html">
\n <img src="assets\/images\/logo.png" alt="logo">
\n <\/a>
\n <\/div><\/p>\n

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

<\/ul><\/p>\n

<div class="sigma_logo-wrapper d-none d-lg-block">
\n <a class="sigma_logo" href="index.html">
\n <img src="assets\/images\/logo.png" alt="logo">
\n <\/a>
\n <\/div><\/p>\n

<ul class="navbar-nav"><\/p>\n

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

<div class="sigma_header-controls d-block d-lg-none">
\n <ul class="sigma_header-controls-inner">
\n <li class="aside-toggle aside-trigger">
\n <span><\/span>
\n <span><\/span>
\n <span><\/span>
\n <\/li>
\n <\/ul>
\n <\/div><\/p>\n

<\/div>
\n <\/div>
\n <\/div><\/p>\n

<div class="sigma_header-bottom d-none d-md-block">
\n <div class="container-fluid">
\n <div class="navbar"><\/p>\n

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

<div class="form-group mb-0 d-none d-md-block">
\n <div class="input-group mb-0">
\n <input type="text" class="form-control" placeholder="Search Any Product">
\n <div class="input-group-append">
\n <button class="btn" type="submit">
\n <i class="flaticon-search"><\/i>
\n <\/button>
\n <\/div>
\n <\/div>
\n <\/div><\/p>\n

<div class="sigma_header-controls">
\n <ul class="sigma_header-controls-inner">
\n <li class="header-controls-item d-none d-sm-block">
\n <a href="cart.html">
\n <i class="flaticon-shopping-bag"><\/i>
\n <span class="cart-count">2<\/span>
\n <\/a>
\n <\/li>
\n <li class="header-controls-item d-none d-sm-block">
\n <a href="wishlist.html">
\n <i class="flaticon-heart"><\/i>
\n <span class="cart-count">5<\/span>
\n <\/a>
\n <\/li>
\n <\/ul>
\n <\/div><\/p>\n

<\/div>
\n <\/div>
\n <\/div><\/p>\n

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

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

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

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

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

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

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

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

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

<\/div>
\n <div class="sigma_product-body">
\n <div class="sigma_product-rating">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <\/div>
\n <h5 class="sigma_product-title">
\n <a href="shop-detail.html">88th Shincha<\/a>
\n <\/h5>
\n <div class="sigma_product-price">
\n <span>$100<\/span>
\n <span>$120<\/span>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-lg-3 col-md-4 col-sm-6">
\n <div class="sigma_product style-6">
\n <div class="sigma_product-thumb">
\n <a href="shop-detail.html">
\n <img src="assets\/images\/shop\/s-4.jpg" alt="img">
\n <\/a>
\n <div class="sigma_product-controls">
\n <a href="#"><i class="fa fa-heart"><\/i><\/a>
\n <a href="#"><i class="fa fa-shopping-cart"><\/i><\/a>
\n <a href="#" data-toggle="modal" data-target="#quickViewModal"><i class="fa fa-eye"><\/i><\/a>
\n <\/div>
\n <\/div>
\n <div class="sigma_product-body">
\n <div class="sigma_product-rating">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <\/div>
\n <h5 class="sigma_product-title">
\n <a href="shop-detail.html">Huang Shan Ma<\/a>
\n <\/h5>
\n <div class="sigma_product-price">
\n <span>$120<\/span>
\n <span>$150<\/span>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– Tab Section –>
\n <!– Sponsors –>
\n <div class="sponsors section-padding m-0">
\n <a href="#"><img src="assets\/images\/sponsors-logo1.png" alt="image"><\/a>
\n <a href="#"><img src="assets\/images\/sponsors-logo2.png" alt="image"><\/a>
\n <a href="#"><img src="assets\/images\/sponsors-logo3.png" alt="image"><\/a>
\n <a href="#"><img src="assets\/images\/sponsors-logo4.png" alt="image"><\/a>
\n <\/div>
\n <!– \/Sponsors –><\/p>\n

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

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

<!– Why Choose Us –>
\n <div class="section-padding-2 pt-0">
\n <div class="container">
\n <div class="row">
\n <div class="col-lg-6 order-3 order-lg-1">
\n <div class="tab-content">
\n <div class="tab-pane fade show active" id="mission" role="tabpanel" aria-labelledby="mission-tab">
\n <div class="sigma_about">
\n <h6 class="sub-heading">Why Choose Us<\/h6>
\n <h3>We have 58 Years Of Experience<\/h3>
\n <div class="sigma_about-content">
\n <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>
\n <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>
\n <div class="row">
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="25">25<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Tea sale per day in kg<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="58">58<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Years Practical Experience<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="96">96<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Awesome Team Members<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="tab-pane fade" id="vision" role="tabpanel" aria-labelledby="vision-tab">
\n <div class="sigma_about">
\n <h6 class="sub-heading">Why Choose Us<\/h6>
\n <h3>We have 58 Years Of Experience<\/h3>
\n <div class="sigma_about-content">
\n <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>
\n <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>
\n <div class="row">
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="25">25<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Tea sale per day in kg<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="58">58<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Years Practical Experience<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="96">96<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Awesome Team Members<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="tab-pane fade" id="goal" role="tabpanel" aria-labelledby="goal-tab">
\n <div class="sigma_about">
\n <h6 class="sub-heading">Why Choose Us<\/h6>
\n <h3>We have 58 Years Of Experience<\/h3>
\n <div class="sigma_about-content">
\n <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>
\n <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>
\n <div class="row">
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="25">25<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Tea sale per day in kg<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="58">58<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Years Practical Experience<\/p>
\n <\/div>
\n <\/div>
\n <div class="col-md-4 col-sm-6">
\n <div class="sigma_counter">
\n <span>
\n <b class="counter" data-from="0" data-to="96">96<\/b>
\n <span class="plus">+<\/span>
\n <\/span>
\n <p>Awesome Team Members<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-lg-2 col-md-6 order-2 order-lg-2">
\n <div class="sigma_tab-item style-12 mb-5 mb-md-0">
\n <ul class="nav nav-tabs" role="tablist">
\n <li class="nav-item">
\n <a class="nav-link active" id="mission-tab" data-toggle="tab" href="#mission" role="tab" aria-controls="photo" aria-selected="true">
\n <i class="flaticon-green-tea"><\/i>
\n Mission
\n <\/a>
\n <\/li>
\n <li class="nav-item">
\n <a class="nav-link" id="vision-tab" data-toggle="tab" href="#vision" role="tab" aria-controls="image" aria-selected="false">
\n <i class="flaticon-security"><\/i>
\n Vision
\n <\/a>
\n <\/li>
\n <li class="nav-item">
\n <a class="nav-link" id="goal-tab" data-toggle="tab" href="#goal" role="tab" aria-controls="documents" aria-selected="false">
\n <i class="flaticon-target"><\/i>
\n Goal
\n <\/a>
\n <\/li>
\n <\/ul>
\n <\/div>
\n <\/div>
\n <div class="col-lg-4 col-md-6 order-1 order-lg-3">
\n <div class="sigma_tab-image mb-5 mb-md-0">
\n <img src="assets\/images\/about\/3.jpg" class="w-100" alt="img">
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– Why Choose Us –><\/p>\n

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

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

<\/div>
\n <\/div>
\n <div class="sigma_product-body">
\n <div class="sigma_product-rating">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <\/div>
\n <h5 class="sigma_product-title">
\n <a href="shop-detail.html">Green Mango<\/a>
\n <\/h5>
\n <div class="sigma_product-price">
\n <span>$120<\/span>
\n <span>$150<\/span>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– \/Shop –><\/p>\n

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

<!– Testimonials –>
\n<div class="section-padding bg-center bg-cover bg-overlay light-overlay" style="background-image: url('assets\/images\/testimonial.jpg');">
\n <div class="container">
\n <div class="sigma_testimonial-slider-2">
\n <div class="item">
\n <div class="testimonial_box">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <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>
\n <div class="testimonial_author">
\n <img src="assets\/images\/150×150.jpg" alt="image">
\n <h5>Rose Mary<\/h5>
\n <p>Manger<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="item">
\n <div class="testimonial_box">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <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>
\n <div class="testimonial_author">
\n <img src="assets\/images\/150x150_2.jpg" alt="image">
\n <h5>Kebin Piterson<\/h5>
\n <p>Manager, Owner<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="item">
\n <div class="testimonial_box">
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <\/div>
\n <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>
\n <div class="testimonial_author">
\n <img src="assets\/images\/150×150.jpg" alt="image">
\n <h5>Kebin Piterson<\/h5>
\n <p>Manager, Owner<\/p>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n<\/div>
\n<!– \/Testimonials –><\/p>\n

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

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

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

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

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

<!– Quick-Start –>
\n <div class="quick_start section-padding">
\n <div class="container">
\n <div class="row">
\n <div class="col-lg-6">
\n <h2>Buy Today And Get 20% Off<\/h2>
\n <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>
\n <a href="shop-left-sidebar.html" class="btn">Shop now<\/a>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– \/Quick-Start –><\/p>\n

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

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

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

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

<\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– Newsletter Modal End –>
\n <!– Quick View Modal Start –>
\n <div class="modal fade quick-view-modal" id="quickViewModal" role="dialog" aria-hidden="true">
\n <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
\n <div class="modal-content">
\n <div class="modal-body">
\n <div class="sigma_close" data-dismiss="modal">
\n <span><\/span>
\n <span><\/span>
\n <\/div>
\n <div class="container-fluid">
\n <div class="row">
\n <div class="col-lg-5">
\n <div class="sigma_product-image">
\n <img src="assets\/images\/shop\/detail\/d-1.jpg" alt="img">
\n <\/div>
\n <\/div>
\n <div class="col-lg-7">
\n <div class="shop-detail-content mt-5 mt-lg-0">
\n <h3 class="product-title m-0">Leaf tea<\/h3>
\n <div class="stars">
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <i class="fa fa-star active"><\/i>
\n <span class="pro-review">1 Reviews<\/span>
\n <\/div>
\n <div class="sigma_product-price">
\n <span>$120<\/span>
\n <span>$150<\/span>
\n <\/div>
\n <div class="shop-detail-inner">
\n <div class="availability-box">
\n <div class="d-inline-block other-info">
\n <h6>Availability:
\n <span class="text-success ml-2">In Stock<\/span>
\n <\/h6>
\n <\/div>
\n <div class="ml-2 d-inline-block other-info">
\n <h6>SKU:
\n <span class="grey ml-2">006-bhg<\/span>
\n <\/h6>
\n <\/div>
\n <\/div>
\n <div class="short-descr">
\n <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>
\n <\/div>
\n <div class="quantity-cart d-sm-flex align-items-center">
\n <div class="quantity-box">
\n <button type="button" class="minus-btn">
\n <i class="fa fa-minus"><\/i>
\n <\/button>
\n <input type="text" class="input-qty" name="name" value="1">
\n <button type="button" class="plus-btn">
\n <i class="fa fa-plus"><\/i>
\n <\/button>
\n <\/div>
\n <div class="cart-btn">
\n <a href="#" class="btn">Add to Cart<\/a>
\n <\/div>
\n <\/div>
\n <div class="other-info flex">
\n <h6>Category:<\/h6>
\n <ul>
\n <li class="list-inline-item mr-2">
\n <a href="#" class="grey">Leaf tea<\/a>
\n <\/li>
\n <li class="list-inline-item mr-2">
\n <a href="#" class="grey">Black tea<\/a>
\n <\/li>
\n <li class="list-inline-item">
\n <a href="#" class="grey">Green tea<\/a>
\n <\/li>
\n <\/ul>
\n <\/div>
\n <div class="other-info flex">
\n <h6>Tags:<\/h6>
\n <ul>
\n <li class="list-inline-item mr-2">
\n <a href="#" class="grey">Green tea<\/a>
\n <\/li>
\n <li class="list-inline-item mr-2">
\n <a href="#" class="grey">Black tea<\/a>
\n <\/li>
\n <li class="list-inline-item">
\n <a href="#" class="grey">Leaf tea<\/a>
\n <\/li>
\n <\/ul>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <!– Quick View Modal End –>
\n <!– Scripts –>
\n <script src="assets\/js\/jquery.min.js"><\/script>
\n <script src="assets\/js\/popper.min.js"><\/script>
\n <script src="assets\/js\/bootstrap.min.js"><\/script>
\n <!–isotope-JS–>
\n <script src="assets\/js\/jquery.isotope.js"><\/script>
\n <!–Magnific-Popup-JS–>
\n <script src="assets\/js\/jquery.magnific-popup.min.js"><\/script>
\n <!–Magnific-Popup-JS–>
\n <script src="assets\/js\/ion.rangeSlider.min.js"><\/script>
\n <!–Counter-JS–>
\n <script src="assets\/js\/jquery.counterup.min.js"><\/script>
\n <!–inview-JS–>
\n <script src="assets\/js\/jquery.inview.min.js"><\/script>
\n <!–form-validate-JS–>
\n <script src="assets\/js\/jquery.validate.min.js"><\/script>
\n <script src="assets\/js\/mf_form.js"><\/script>
\n <script src="assets\/js\/jquery.instagramFeed.min.js"><\/script>
\n <!–Carousel-JS–>
\n <script src="assets\/js\/slick.min.js"><\/script>
\n <!–Custome-JS–>
\n <script src="assets\/js\/interface.js"><\/script>
\n <\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf5\u6b21\u3002\u9ec4\u83ca\u534e\u8001\u5e08\u662f\u56fd\u5185\u77e5\u540d\u6280\u672f\u6559\u80b2\u4e13\u5bb6\uff0c\u4e13\u6ce8\u4e8eVue.js\u3001\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6559\u5b66\uff0c\u8457\u6709\u300aVue.js\u5165\u95e8\u4e0e\u5546\u57ce\u5f00\u53d1\u5b9e\u6218\u300b\u7b49\u4e13\u4e1a\u4e66\u7c4d\u3002\u4f5c\u4e3aCSDN\u535a\u5ba2\u4e13\u5bb6\u548c\u94bb\u77f3\u8bb2\u5e08\uff0c\u4ed6\u63d0\u4f9b\u4ece\u7f51\u7ad9\u5236\u4f5c\u5230\u8f6f\u4ef6\u5f00\u53d1\u7684\u5168\u5957\u6559\u5b66\u8d44\u6e90\uff0c\u5305\u62ec\u89c6\u9891\u8bfe\u7a0b\u3001\u5f00\u53d1\u6587\u6863\u3001\u7b54\u8fa9\u6307\u5bfc\u7b49\u7279\u8272\u670d\u52a1\u3002\u5176\u9879\u76ee\u6559\u5b66\u7279\u8272\u9c9c\u660e\uff1a\u914d\u5957\u5b8c\u6574\u5b66\u4e60\u8d44\u6599\uff08\u5f00\u9898\u62a5\u544a\u3001\u4efb\u52a1\u4e66\u7b49\uff09\u3001\u63d0\u4f9b\u529f\u80fd\u6f14\u793a\u89c6\u9891\u3001\u652f\u6301\u9879\u76ee\u5b9a\u5236\u5316\u5f00\u53d1\uff0c\u5e76\u5305\u5b89\u88c5\u8fd0\u884c\u3002\u5b66\u4e60\u8005\u53ef\u901a\u8fc7CSDN\u5e73\u53f0\u83b7\u53d6\u5176\u8054\u7cfb\u65b9\u5f0f\uff0c\u83b7\u5f97\u4e13\u4e1a\u7684\u6280\u672f\u8f85\u5bfc\u652f\u6301\u3002<\/p>\n","protected":false},"author":2,"featured_media":58661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6181,6182],"topic":[],"class_list":["post-58678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-6181","tag-6182"],"yoast_head":"\n\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/58678.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf5\u6b21\u3002\u9ec4\u83ca\u534e\u8001\u5e08\u662f\u56fd\u5185\u77e5\u540d\u6280\u672f\u6559\u80b2\u4e13\u5bb6\uff0c\u4e13\u6ce8\u4e8eVue.js\u3001\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6559\u5b66\uff0c\u8457\u6709\u300aVue.js\u5165\u95e8\u4e0e\u5546\u57ce\u5f00\u53d1\u5b9e\u6218\u300b\u7b49\u4e13\u4e1a\u4e66\u7c4d\u3002\u4f5c\u4e3aCSDN\u535a\u5ba2\u4e13\u5bb6\u548c\u94bb\u77f3\u8bb2\u5e08\uff0c\u4ed6\u63d0\u4f9b\u4ece\u7f51\u7ad9\u5236\u4f5c\u5230\u8f6f\u4ef6\u5f00\u53d1\u7684\u5168\u5957\u6559\u5b66\u8d44\u6e90\uff0c\u5305\u62ec\u89c6\u9891\u8bfe\u7a0b\u3001\u5f00\u53d1\u6587\u6863\u3001\u7b54\u8fa9\u6307\u5bfc\u7b49\u7279\u8272\u670d\u52a1\u3002\u5176\u9879\u76ee\u6559\u5b66\u7279\u8272\u9c9c\u660e\uff1a\u914d\u5957\u5b8c\u6574\u5b66\u4e60\u8d44\u6599\uff08\u5f00\u9898\u62a5\u544a\u3001\u4efb\u52a1\u4e66\u7b49\uff09\u3001\u63d0\u4f9b\u529f\u80fd\u6f14\u793a\u89c6\u9891\u3001\u652f\u6301\u9879\u76ee\u5b9a\u5236\u5316\u5f00\u53d1\uff0c\u5e76\u5305\u5b89\u88c5\u8fd0\u884c\u3002\u5b66\u4e60\u8005\u53ef\u901a\u8fc7CSDN\u5e73\u53f0\u83b7\u53d6\u5176\u8054\u7cfb\u65b9\u5f0f\uff0c\u83b7\u5f97\u4e13\u4e1a\u7684\u6280\u672f\u8f85\u5bfc\u652f\u6301\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/58678.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-16T06:01:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/08\/20250816060048-68a01e9091cb5.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"93 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/58678.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/58678.html\",\"name\":\"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-08-16T06:01:42+00:00\",\"dateModified\":\"2025-08-16T06:01:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/58678.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/58678.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/58678.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/58678.html","og_locale":"zh_CN","og_type":"article","og_title":"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf5\u6b21\u3002\u9ec4\u83ca\u534e\u8001\u5e08\u662f\u56fd\u5185\u77e5\u540d\u6280\u672f\u6559\u80b2\u4e13\u5bb6\uff0c\u4e13\u6ce8\u4e8eVue.js\u3001\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u6559\u5b66\uff0c\u8457\u6709\u300aVue.js\u5165\u95e8\u4e0e\u5546\u57ce\u5f00\u53d1\u5b9e\u6218\u300b\u7b49\u4e13\u4e1a\u4e66\u7c4d\u3002\u4f5c\u4e3aCSDN\u535a\u5ba2\u4e13\u5bb6\u548c\u94bb\u77f3\u8bb2\u5e08\uff0c\u4ed6\u63d0\u4f9b\u4ece\u7f51\u7ad9\u5236\u4f5c\u5230\u8f6f\u4ef6\u5f00\u53d1\u7684\u5168\u5957\u6559\u5b66\u8d44\u6e90\uff0c\u5305\u62ec\u89c6\u9891\u8bfe\u7a0b\u3001\u5f00\u53d1\u6587\u6863\u3001\u7b54\u8fa9\u6307\u5bfc\u7b49\u7279\u8272\u670d\u52a1\u3002\u5176\u9879\u76ee\u6559\u5b66\u7279\u8272\u9c9c\u660e\uff1a\u914d\u5957\u5b8c\u6574\u5b66\u4e60\u8d44\u6599\uff08\u5f00\u9898\u62a5\u544a\u3001\u4efb\u52a1\u4e66\u7b49\uff09\u3001\u63d0\u4f9b\u529f\u80fd\u6f14\u793a\u89c6\u9891\u3001\u652f\u6301\u9879\u76ee\u5b9a\u5236\u5316\u5f00\u53d1\uff0c\u5e76\u5305\u5b89\u88c5\u8fd0\u884c\u3002\u5b66\u4e60\u8005\u53ef\u901a\u8fc7CSDN\u5e73\u53f0\u83b7\u53d6\u5176\u8054\u7cfb\u65b9\u5f0f\uff0c\u83b7\u5f97\u4e13\u4e1a\u7684\u6280\u672f\u8f85\u5bfc\u652f\u6301\u3002","og_url":"https:\/\/www.wsisp.com\/helps\/58678.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-08-16T06:01:42+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/08\/20250816060048-68a01e9091cb5.jpg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"93 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/58678.html","url":"https:\/\/www.wsisp.com\/helps\/58678.html","name":"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-08-16T06:01:42+00:00","dateModified":"2025-08-16T06:01:42+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/58678.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/58678.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/58678.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u8336\u996e\u8336\u53f6\u54c1\u724c\u7535\u5546\u5e73\u53f0\u7f51\u7ad9\u5236\u4f5c#\u7f51\u7ad9\u5efa\u8bbe #bootstrap #\u7f51\u7ad9\u5b9a\u5236\u5f00\u53d1"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/58678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=58678"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/58678\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/58661"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=58678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=58678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=58678"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=58678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}