2012 lines
87 KiB
HTML
2012 lines
87 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<link rel="shortcut icon" href="/images/favicon_audio.png" type="image/x-icon" />
|
|||
|
|
<title>Tea House</title>
|
|||
|
|
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Petrona:wght@300;400;500;600;700;800;900&display=swap"
|
|||
|
|
rel="stylesheet" />
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet" />
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" id="js-cdn-font-awesome" type="text/css"
|
|||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="/css/library.css" />
|
|||
|
|
<link rel="stylesheet" href="/css/style_pc.css" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div>
|
|||
|
|
<!-- HEADER -->
|
|||
|
|
<header class="global-header">
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- HEADER TOP -->
|
|||
|
|
<div class="header-top row">
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="header-search pc-display p-relative mt-3 m-mb-0">
|
|||
|
|
<i class="teahouse-icons icon-search cursor-pointer"></i>
|
|||
|
|
|
|||
|
|
<div class="search-bar">
|
|||
|
|
<form method="get" action="/tim" enctype="multipart/form-data" name="searchForm">
|
|||
|
|
<input type="text" id="js-search-box" name="q" class="search-bar-input"
|
|||
|
|
placeholder="Nhập từ khóa cần tìm..." value="" autocomplete="off" onclick="getSearchValue()" />
|
|||
|
|
<p class="search-bar-btn-close">X</p>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<div class="search-results" style="display: none">
|
|||
|
|
<div class="search-results-list"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="#menu" class="hearder-menu-mobile mb-display">
|
|||
|
|
<i class="fa fa-bars" aria-hidden="true"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="header-logo">
|
|||
|
|
<img src="/images/teahouse-logo.png" alt="Tea House" class="logo" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="header-features col-4 d-flex justify-content-end gap-10 mt-3">
|
|||
|
|
<!-- <div class="header-lang">
|
|||
|
|
VN
|
|||
|
|
<i class="teahouse-icons icon-angel-down"></i>
|
|||
|
|
</div> -->
|
|||
|
|
|
|||
|
|
<div class="header-likes">
|
|||
|
|
<i class="teahouse-icons icon-heart"></i>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="header-user">
|
|||
|
|
<i class="teahouse-icons icon-user"></i>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="header-cart">
|
|||
|
|
<i class="teahouse-icons icon-cart"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- HEADER NAVBAR -->
|
|||
|
|
<div class="header-navbar pc-display mt-3">
|
|||
|
|
<ul class="header-navbar-list p-relative">
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trang chủ</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Khuyến mãi</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Dụng cụ pha trà</a>
|
|||
|
|
|
|||
|
|
<ol class="sub-menu">
|
|||
|
|
<div class="grid grid--3-cols">
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/dau-phat-hi-end" class="sub-item-link">
|
|||
|
|
<span>Đầu phát Hi-end</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="sub-item-2">
|
|||
|
|
<a href="/dau-cdsacd-hi-end" class="sub-item-link">
|
|||
|
|
Đầu CD/SACD Hi-end
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="sub-item-2">
|
|||
|
|
<a href="/cd-transports-hi-end" class="sub-item-link">
|
|||
|
|
CD Transports Hi-end
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="sub-item-2">
|
|||
|
|
<a href="/dau-blu-ray-hi-end" class="sub-item-link">
|
|||
|
|
Đầu Blu-ray Hi-end
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="sub-item-2">
|
|||
|
|
<a href="/mam-dia-than" class="sub-item-link">
|
|||
|
|
Mâm đĩa than >
|
|||
|
|
</a>
|
|||
|
|
<div class="sub-item-3">
|
|||
|
|
<a href="/mam-dia-than" class="sub-item-link"> </a><a href="/man-dia-than-cao-cap"
|
|||
|
|
class="sub-item-link">
|
|||
|
|
Mân đĩa than cao cấp
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/dac-clock-upsampler" class="sub-item-link">
|
|||
|
|
<span>DAC, Clock, Upsampler...</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/loa-hi-end" class="sub-item-link">
|
|||
|
|
<span>Loa Hi-end</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/pre-amplifiers-hi-end" class="sub-item-link">
|
|||
|
|
<span>Pre-amplifiers Hi-end</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/power-amplifiers-hi-end" class="sub-item-link">
|
|||
|
|
<span>Power Amplifiers Hi-end</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/integrated-amplifiers-hi-end" class="sub-item-link">
|
|||
|
|
<span>Integrated Amplifiers Hi-end</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="sub-item">
|
|||
|
|
<div class="sub-item-1">
|
|||
|
|
<a href="/all-in-one" class="sub-item-link">
|
|||
|
|
<span>All-In-One</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</ol>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trà xanh</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trà trắng</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trà Olong</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trà thảo mộc & Hoa</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Trà trong tins</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="header-navbar-item hover-primary">
|
|||
|
|
<a href="" class="d-inline-block">Xuân 2023</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- MMENU -->
|
|||
|
|
<nav id="menu" class="mb-menu d-none">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<form method="get" action="/tim" enctype="multipart/form-data" name="searchForm"
|
|||
|
|
class="nav-search-bar p-3 w-100">
|
|||
|
|
<input type="text" id="js-search-box" name="q" class="s-input" placeholder="Nhập từ khóa cần tìm..."
|
|||
|
|
value="" autocomplete="off" onclick="getSearchValue()" />
|
|||
|
|
<button type="submit" class="s-btn-find">
|
|||
|
|
<i class="teahouse-icons icon-search"></i>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<p class="search-results" style="display: none">
|
|||
|
|
<span class="search-results-list"></span>
|
|||
|
|
</p>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="" class="d-flex align-items-center gap-8">
|
|||
|
|
<span class="cat-title">Trà đạo</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 3</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="" class="d-flex align-items-center gap-8">
|
|||
|
|
<span class="cat-title">Trà đạo</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 3</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="" class="d-flex align-items-center gap-8">
|
|||
|
|
<span class="cat-title">Trà đạo</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 3</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="" class="d-flex align-items-center gap-8">
|
|||
|
|
<span class="cat-title">Trà đạo</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 3</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="" class="d-flex align-items-center gap-8">
|
|||
|
|
<span class="cat-title">Trà đạo</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="{{ _item_2.url }}">Trà đạo 3</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<!-- HOMEPAGE -->
|
|||
|
|
<div class="homepage">
|
|||
|
|
<!-- SECTION HERO -->
|
|||
|
|
<div class="section-hero">
|
|||
|
|
<div class="swiper swiper-section-hero">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-banner-hero-1.png" alt="Banner" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-banner-hero-1.png" alt="Banner" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- SECTION ABOUT US -->
|
|||
|
|
<div class="section-about-us">
|
|||
|
|
<h1 class="title heading-primary mb-32px">
|
|||
|
|
Mua Trà TEAHOUSE Trực Tuyến
|
|||
|
|
</h1>
|
|||
|
|
<p class="text">
|
|||
|
|
Teahouse là nhà bán lẻ và bán buôn quốc tế về trà và dụng cụ pha
|
|||
|
|
trà hảo hạng . Các bậc thầy về trà của chúng tôi khám phá, nếm thử
|
|||
|
|
và tuyển chọn những loại trà thủ công tốt nhất từ các trang trại
|
|||
|
|
gia đình nhỏ. Chúng tôi kết nối trà tươi trực tiếp với khách hàng,
|
|||
|
|
đồng thời loại bỏ nhiều tầng lớp trung gian.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION CATEGORY -->
|
|||
|
|
<div class="section-category">
|
|||
|
|
<!-- CATEGORY-BOX -->
|
|||
|
|
<div class="category-box row">
|
|||
|
|
<div class="col-left col-5 col-sm-12">
|
|||
|
|
<img src="/images/teahouse-img-cat-1.png" alt="Tea" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-right col-7 col-sm-12">
|
|||
|
|
<div class="category-content m-mb-0">
|
|||
|
|
<h2 class="category-title heading-primary">Trà Olong</h2>
|
|||
|
|
<p class="category-description">
|
|||
|
|
Lorem Ipsum is simply dummy text of the printing and
|
|||
|
|
typesetting industry. Lorem Ipsum has been the industry's
|
|||
|
|
standard dummy text ever since the 1500s, when an unknown
|
|||
|
|
printer took a galley of type and scrambled it to make a
|
|||
|
|
type specimen book. It has survived not only five centuries,
|
|||
|
|
but also the leap into electronic typesetting, remaining
|
|||
|
|
essentially unchanged.
|
|||
|
|
</p>
|
|||
|
|
<a href="" class="category-link">Tìm hiểu thêm</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- CATEGORY-BOX -->
|
|||
|
|
<div class="category-box row">
|
|||
|
|
<div class="col-left col-5 col-sm-12">
|
|||
|
|
<img src="/images/teahouse-img-cat-2.png" alt="Tea" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-right col-7 col-sm-12">
|
|||
|
|
<div class="category-content m-mb-0">
|
|||
|
|
<h2 class="category-title heading-primary">Trà Olong</h2>
|
|||
|
|
<p class="category-description">
|
|||
|
|
Lorem Ipsum is simply dummy text of the printing and
|
|||
|
|
typesetting industry. Lorem Ipsum has been the industry's
|
|||
|
|
standard dummy text ever since the 1500s, when an unknown
|
|||
|
|
printer took a galley of type and scrambled it to make a
|
|||
|
|
type specimen book. It has survived not only five centuries,
|
|||
|
|
but also the leap into electronic typesetting, remaining
|
|||
|
|
essentially unchanged.
|
|||
|
|
</p>
|
|||
|
|
<a href="" class="category-link">Tìm hiểu thêm</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION PROMOS -->
|
|||
|
|
<div class="section-promos text-center">
|
|||
|
|
<div class="promos-box px-12px mb-5">
|
|||
|
|
<h3 class="title text-24 mb-32px">
|
|||
|
|
Trà Trung Quốc Đích Thực, Hiện Đã có mặt trên toàn thế giới
|
|||
|
|
</h3>
|
|||
|
|
|
|||
|
|
<p class="text text-20">
|
|||
|
|
Mặc dù trà là đồ uống được tiêu thụ nhiều thứ hai trên thế giới,
|
|||
|
|
trà Trung Quốc thực sự vẫn khó có sẵn cho hầu hết những người
|
|||
|
|
yêu trà bên ngoài Trung Quốc. Với Teasenz, giờ đây chỉ cần vài
|
|||
|
|
cú nhấp chuột! Chúng tôi giao các loại trà lá rời và dụng cụ pha
|
|||
|
|
trà yêu thích của bạn ở bất kỳ đâu trên thế giới với mức phí cố
|
|||
|
|
định 5 USD phải chăng đáng ngạc nhiên (mỗi bưu kiện 2kg). Đối
|
|||
|
|
với các đơn đặt hàng gấp, chúng tôi cũng cung cấp dịch vụ chuyển
|
|||
|
|
phát nhanh EMS siêu nhanh.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="promos-box px-12px mb-5">
|
|||
|
|
<h3 class="title text-24 mb-32px">
|
|||
|
|
Nhà bán buôn trà ưa thích của Trung Quốc
|
|||
|
|
</h3>
|
|||
|
|
|
|||
|
|
<p class="text text-20">
|
|||
|
|
Chúng tôi là nhà cung cấp trà Trung Quốc quốc tế được ưa chuộng
|
|||
|
|
cho hàng trăm nhà hàng, spa, quán cà phê và khách sạn trên toàn
|
|||
|
|
thế giới. Là một doanh nghiệp, bạn có thể được giảm giá tới 20%
|
|||
|
|
cho các sản phẩm riêng lẻ và giảm giá thêm tới 10% cho giỏ hàng
|
|||
|
|
cho các đơn hàng trên 500 USD. Nhưng không phải vậy, chúng tôi
|
|||
|
|
cung cấp dịch vụ hỗ trợ đẳng cấp thế giới, giao hàng miễn phí và
|
|||
|
|
lời khuyên của chuyên gia về trà để phát triển doanh nghiệp của
|
|||
|
|
bạn. Đọc trang bán buôn của chúng tôi để biết thêm thông tin.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="promos-box px-12px mb-5">
|
|||
|
|
<h3 class="title text-24 mb-32px">
|
|||
|
|
Mua trà Trung Quốc thật từ người thật
|
|||
|
|
</h3>
|
|||
|
|
|
|||
|
|
<p class="text text-20">
|
|||
|
|
Mạng lưới người trồng Teasenz bao gồm các trang trại gia đình
|
|||
|
|
nhỏ ở hơn 20 vùng trồng trọt không gây ô nhiễm ở Trung Quốc.
|
|||
|
|
Những người nông dân của chúng tôi đã cống hiến cả cuộc đời để
|
|||
|
|
trồng trà và cộng đồng của họ. Họ quan tâm đến mảnh đất của
|
|||
|
|
mình, bởi vì đó là nền tảng cho sự tồn tại của họ và là di sản
|
|||
|
|
mà họ muốn truyền lại cho con cháu. Nông dân của chúng tôi không
|
|||
|
|
có bất kỳ chứng nhận hữu cơ nào mà chỉ các tập đoàn lớn mới có
|
|||
|
|
thể mua được. Tuy nhiên, chất lượng trà của họ vượt xa tiêu
|
|||
|
|
chuẩn hữu cơ. Thông qua Teasenz, giờ đây bạn có thể đặt hàng
|
|||
|
|
trực tiếp các loại trà đặc sản từ các đối tác của chúng tôi với
|
|||
|
|
mức giá hợp lý cho bạn và cho họ.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- BREADCRUMB -->
|
|||
|
|
<section class="section-breadcrumb routing page-padding">
|
|||
|
|
<div class="global-breadcrumb container">
|
|||
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="list">
|
|||
|
|
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
|||
|
|
<a href="/" itemprop="item" class="nopad-l">
|
|||
|
|
<span itemprop="name">Trang chủ</span>
|
|||
|
|
</a>
|
|||
|
|
<meta itemprop="position" content="1" />
|
|||
|
|
</li>
|
|||
|
|
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
|||
|
|
<a href="/linh-kien-may-tinh" itemprop="item" class="nopad-l">
|
|||
|
|
<span itemprop="name"> Linh kiện máy tính </span>
|
|||
|
|
</a>
|
|||
|
|
<meta itemprop="position" content="2" />
|
|||
|
|
</li>
|
|||
|
|
</ol>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- CATEGORY PAGE -->
|
|||
|
|
<div class="product-page d-none">
|
|||
|
|
<!-- SECTION BANNER -->
|
|||
|
|
<div class="section-banner p-relative">
|
|||
|
|
<img src="/images/teahouse-banner-cat-1.jpg" alt="" class="d-flex" />
|
|||
|
|
<h1 class="header">Trà xanh</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- SECTION SORT -->
|
|||
|
|
<div class="section-filter d-flex align-items-center justify-content-between mt-4 mb-1">
|
|||
|
|
<p>20 sản phẩm</p>
|
|||
|
|
|
|||
|
|
<div class="sort">
|
|||
|
|
<span>Sắp xếp theo</span>
|
|||
|
|
|
|||
|
|
<select name="" id="" onchange="location.href=this.value">
|
|||
|
|
<option value="">Mặc định</option>
|
|||
|
|
<option value="">Mới nhất</option>
|
|||
|
|
<option value="">Giá tăng dần</option>
|
|||
|
|
<option value="">Giá giảm dần</option>
|
|||
|
|
<option value="">Lượt xem</option>
|
|||
|
|
<option value="">Trao đổi</option>
|
|||
|
|
<option value="">Đánh giá</option>
|
|||
|
|
<option value="">Tên A-Z</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION PRODUCT -->
|
|||
|
|
<div class="section-product">
|
|||
|
|
<h2 class="d-none">Danh sách sản phẩm</h2>
|
|||
|
|
|
|||
|
|
<div class="product-list grid grid--4-cols">
|
|||
|
|
<div class="p-item">
|
|||
|
|
<div class="p-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
<p class="p-price-saleoff">-30%</p>
|
|||
|
|
<a href="javascript:;" class="p-cart" onclick="addCart(id)">
|
|||
|
|
<i class="teahouse-icons icon-cart"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="p-name">
|
|||
|
|
Mẫu trà xanh/trắng thu hoạch mùa xuân 2023
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<p class="p-price">200.000 VNĐ</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="paging paging-category">
|
|||
|
|
<a href="" class="paging-link active">1</a>
|
|||
|
|
<a href="" class="paging-link">2</a>
|
|||
|
|
<a href="" class="paging-link">3</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION DESCRIPTION -->
|
|||
|
|
<div class="section-description mb-32px">
|
|||
|
|
<div class="content static-html max-height-none font-petrona">
|
|||
|
|
<h2>Mua trà xanh trực tuyến</h2>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Trong số tất cả các loại trà, trà xanh được tiêu thụ nhiều nhất
|
|||
|
|
và đã trở nên phổ biến trên toàn thế giới nhờ các đặc tính tốt
|
|||
|
|
cho sức khỏe. Trà xanh là loại trà sớm nhất trong lịch sử. Tuy
|
|||
|
|
nhiên, một chiếc cốc ngon và đích thực, được làm thủ công từ
|
|||
|
|
những chiếc lá mùa xuân tươi, vẫn rất khó tìm.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Tại Teasenz, chúng tôi may mắn được làm việc với những người
|
|||
|
|
nông dân trồng chè xanh lá rời, những người sinh ra và lớn lên
|
|||
|
|
trên cùng mảnh đất mà họ trồng chè. Đồng thời, chúng tôi được
|
|||
|
|
thúc đẩy bởi niềm đam mê chia sẻ trà lá tươi của họ với bạn và
|
|||
|
|
phần còn lại của thế giới.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Cho dù mục tiêu của bạn là giảm cân, giữ gìn sức khỏe và tràn
|
|||
|
|
đầy năng lượng hay chỉ đơn giản là thưởng thức một tách cà phê
|
|||
|
|
đích thực, bạn đang ở đúng nơi tại Teasenz. Đây là lý do tại sao
|
|||
|
|
chúng tôi rất tự tin về trà xanh của mình:
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Tươi : Tất cả các loại trà xanh rời của chúng tôi đều được hái
|
|||
|
|
vào vụ Xuân gần nhất. Nhiệt độ thấp trong mùa này cho phép lá và
|
|||
|
|
búp trà phát triển chậm và có nhiều hương vị hơn. Vào đầu mùa
|
|||
|
|
xuân, côn trùng chưa xuất hiện, có nghĩa là sẽ tránh được việc
|
|||
|
|
sử dụng thuốc trừ sâu. Đây là lý do tại sao tất cả các loại trà
|
|||
|
|
xanh của chúng tôi đều an toàn và sẽ vượt qua kiểm tra nhập khẩu
|
|||
|
|
của EU và Hoa Kỳ một cách hoàn hảo.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Tốt cho sức khỏe : Những chiếc lá xanh tươi cũng chứa nhiều chất
|
|||
|
|
dinh dưỡng và một lượng lớn chất chống oxy hóa. Ngoài ra, tất cả
|
|||
|
|
các loại trà xanh rời của chúng tôi bao gồm 100% lá tự nhiên
|
|||
|
|
không có hương liệu hoặc màu nhân tạo.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Tasty : Đối với chúng tôi, đây là tất cả những gì về trà thực
|
|||
|
|
sự. Thật tốt khi biết rằng bạn đang uống thứ gì đó tốt cho sức
|
|||
|
|
khỏe và tươi mát, nhưng chúng tôi đam mê nhất về sự đa dạng của
|
|||
|
|
hương vị và mùi thơm tuyệt vời mà mỗi vùng mang lại. Các chuyên
|
|||
|
|
gia về trà của chúng tôi đi đến các vùng nổi tiếng như Hoàng
|
|||
|
|
Sơn, Tín Dương, Anji và Liu'an để thưởng thức và tuyển chọn
|
|||
|
|
những thứ tốt nhất. Tất cả công việc khó khăn của họ tập hợp lại
|
|||
|
|
trên trang này, cho phép giới thiệu loại trà xanh tốt nhất.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Bảo quản chuyên nghiệp : Trà xanh của chúng tôi được bảo quản
|
|||
|
|
trong tủ đông quanh năm để bảo quản tối ưu. Kết quả là, bạn sẽ
|
|||
|
|
nhận được những loại trà tươi như khi chúng được thu hoạch vào
|
|||
|
|
mùa xuân.
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Bán buôn trà xanh Chúng tôi có nhiều năm kinh nghiệm xuất khẩu
|
|||
|
|
trà xanh sang các nước khác nhau trên thế giới. Trên các trang
|
|||
|
|
sản phẩm của chúng tôi, bạn sẽ thấy giảm giá bán buôn bắt đầu từ
|
|||
|
|
200 gram (7 oz) mỗi trà. Nếu loại trà xanh mà bạn đang tìm kiếm
|
|||
|
|
không có sẵn hoặc nếu bạn có bất kỳ câu hỏi nào, chỉ cần liên hệ
|
|||
|
|
với đội ngũ nhân viên thân thiện của chúng tôi. Chúng tôi sẽ
|
|||
|
|
nhận được trả lời từ chúng tôi trong vòng một ngày.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION PRODUCT HISTORY -->
|
|||
|
|
<div class="section-product-history box-bottom">
|
|||
|
|
<div class="container">
|
|||
|
|
<h2 class="title pb-3 mb-3 heading-primary">Đã xem gần đây</h2>
|
|||
|
|
|
|||
|
|
<div class="swiper swiper-section-box-bottom">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="p-item">
|
|||
|
|
<div class="p-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
<p class="p-price-saleoff">-30%</p>
|
|||
|
|
<a href="javascript:;" class="p-cart" onclick="addCart(id)">
|
|||
|
|
<i class="teahouse-icons icon-cart"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="p-name">
|
|||
|
|
Mẫu trà xanh/trắng thu hoạch mùa xuân 2023
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<p class="p-price">200.000 VNĐ</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- DETAIL PAGE -->
|
|||
|
|
<div class="product-detail-page d-none">
|
|||
|
|
<!-- SECTION DETAIL -->
|
|||
|
|
<div class="section-product mb-4">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="col-6 col-sm-12">
|
|||
|
|
<div class="product-thumbs">
|
|||
|
|
<div class="swiper gallery-top mb-3">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<a data-fancybox="gallery" title="Click để phóng to" href="/images/teahouse-img-pro-1.png"
|
|||
|
|
class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="swiper-button-next swiper-btn-custom"></div>
|
|||
|
|
<div class="swiper-button-prev swiper-btn-custom"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="swiper gallery-thumbs" thumbsSlider="">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="d-flex" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="col-6 col-sm-12">
|
|||
|
|
<div class="product-info ml-5">
|
|||
|
|
<h1 class="product-name pb-3 mb-4 heading-primary">
|
|||
|
|
Trà xanh Bi Luo Chun, Ming Qian
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<p class="product-summary">
|
|||
|
|
Trà xanh Bi luo chun nổi tiếng với hương vị đầy đủ và hương
|
|||
|
|
hoa kéo dài. Tên của nó, được dịch theo nghĩa đen là "suối
|
|||
|
|
ốc xanh", được lấy cảm hứng từ hình dạng xoắn ốc tinh tế
|
|||
|
|
giống như một ngôi nhà ốc sên. Lấy nguồn trực tiếp từ nguồn
|
|||
|
|
gốc của nó: Dong Ting (Núi Tây) tại Hồ Tai.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|||
|
|
<p class="product-price">200.000 VNĐ</p>
|
|||
|
|
<a href="" class="product-rate"><i></i>9 Nhận xét</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="product-config mb-32px">
|
|||
|
|
<p class="config-title font-weight-500 color-secondary">
|
|||
|
|
Chọn trọng lượng
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<select name="" id="" class="config-select">
|
|||
|
|
<option value="">- - Vui lòng chọn - -</option>
|
|||
|
|
<option value="">300 gram</option>
|
|||
|
|
<option value="">500 gram</option>
|
|||
|
|
<option value="">700 gram</option>
|
|||
|
|
<option value="">1000 gram</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="product-buy d-flex align-items-center gap-10">
|
|||
|
|
<div class="buy-quantity">
|
|||
|
|
<div class="buy-quantity-holder">
|
|||
|
|
<a href="javascript:;" class="buy-quantity-btn js-quantity-change" data-value="-1">‹</a>
|
|||
|
|
<input type="text" class="buy-quantity-input js-buy-quantity js-quantity-change" value="1" />
|
|||
|
|
<a href="javascript:;" class="buy-quantity-btn js-quantity-change" data-value="1">›</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<input type="hidden" id="js-buy-quantity-temp" value="1" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="javascript:;" class="buy-btn" onclick="addProductToCart(7739)">
|
|||
|
|
Thêm vào giỏ hàng
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<button class="buy-like">
|
|||
|
|
<i class="teahouse-icons icon-hearth-fill-black"></i>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION FEATURES -->
|
|||
|
|
<div class="section-features mb-5">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="features-title">
|
|||
|
|
<ul class="list d-flex align-items-center justify-content-center gap-32">
|
|||
|
|
<li class="item active">Chi tiết</li>
|
|||
|
|
<li class="item">Thông tin thêm</li>
|
|||
|
|
<li class="item">Video</li>
|
|||
|
|
<li class="item">Nhận xét (09)</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="features-list">
|
|||
|
|
<div class="feartures-item detail-content static-html max-height-none active">
|
|||
|
|
<p>
|
|||
|
|
Thưởng thức loại trà Vân Nam vàng thượng hạng (hay còn gọi là
|
|||
|
|
Diên Hồng). Trà đen này đến từ tỉnh Vân Nam, cùng với Phúc
|
|||
|
|
Kiến, là những vùng nổi tiếng nhất của Trung Quốc về trà đen.
|
|||
|
|
Những búp trà tinh tế của loại trà thơm này được hái thủ công
|
|||
|
|
từ những cây trà cổ thụ và chế biến hoàn toàn thủ công theo
|
|||
|
|
phương pháp truyền thống. Quá trình xử lý cẩn thận này tạo ra
|
|||
|
|
một loại trà có màu vàng đồng nhất tuyệt vời.
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Nếu bạn thấy Lapsang Souchong quá ngọt hoặc trà đen Keemun quá
|
|||
|
|
đậm, thì hãy chọn Vân Nam Vàng mềm mại, thơm ngon của chúng
|
|||
|
|
tôi với hương mật ong và caramel tinh tế. Nó pha một tách trà
|
|||
|
|
màu vàng cam và sáng tuyệt vời sẽ thắp sáng một ngày của bạn.
|
|||
|
|
Vàng Vân Nam của chúng tôi hầu như bao gồm các búp vàng nguyên
|
|||
|
|
chất và là loại cao cấp nhất mà bạn có thể mua được với giá cả
|
|||
|
|
phải chăng. Vân Nam Gold của chúng tôi là loại trà hoàn hảo để
|
|||
|
|
uống nguyên chất hoặc dùng kèm với món tráng miệng yêu thích
|
|||
|
|
của bạn.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>Lịch sử Trà Diên Hồng</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Mặc dù Vân Nam là nơi sản sinh ra trà với hàng nghìn năm lịch
|
|||
|
|
sử sản xuất trà Phổ Nhĩ, nhưng loại trà đen đầu tiên từ vùng
|
|||
|
|
này đã có từ chưa đầy 100 năm trước. Màu đen không được sản
|
|||
|
|
xuất cho đến năm 1939 khi trà Dian Hong đầu tiên được chế biến
|
|||
|
|
thành công ở quận Fengqing.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>Lợi ích sức khỏe vàng Vân Nam</p>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
Tác dụng lợi tiểu: sự kết hợp của caffein và các chất khác
|
|||
|
|
trong loại trà này giúp loại bỏ chất độc và giảm lượng muối
|
|||
|
|
dư thừa. Loại thứ hai thường liên quan đến tăng huyết áp.
|
|||
|
|
Khi được tiêu thụ ở mức độ vừa phải, nó cũng có thể giúp
|
|||
|
|
chống lại bệnh tim.
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
Tác dụng chống viêm: polyphenol trong trà đen có thể làm
|
|||
|
|
giảm viêm và nhiễm trùng. Những chiếc lá trong một loại trà
|
|||
|
|
đen vàng như Vân Nam Gold thậm chí sẽ chứa nhiều polyphenol
|
|||
|
|
hơn. Đây là lý do tại sao lá cũng được sử dụng ở một số vùng
|
|||
|
|
ở Trung Quốc để đắp vết thương. Ngoài ra, nó thường được
|
|||
|
|
tiêu thụ trong các tình huống ngộ độc thực phẩm.
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
Tác dụng giải độc: polyphenol trong trà cũng đồng thời có
|
|||
|
|
thể loại bỏ kim loại nặng và alkaloid có trong thực phẩm
|
|||
|
|
hiện đại. Loại bỏ mệt mỏi: caffein trong trà đen có tác dụng
|
|||
|
|
lâu dài hơn (mặc dù ít mãnh liệt hơn) và do đó hiệu quả hơn
|
|||
|
|
trong việc giảm mệt mỏi và cải thiện sự tập trung. Nó cũng
|
|||
|
|
làm tăng lưu lượng máu và do đó cải thiện quá trình tiêu hóa
|
|||
|
|
thức ăn.
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
Sức khỏe của răng: tin hay không, uống Yunnan Gold có thể
|
|||
|
|
làm chắc răng của bạn! Nhược điểm là trà đen có khả năng làm
|
|||
|
|
ố răng, vì vậy bạn sẽ phải đánh răng ít nhất hai lần một
|
|||
|
|
ngày để giữ cho răng trắng sáng.
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="features-item more-info">
|
|||
|
|
<table class="data table additional-attributes" id="product-attribute-specs-table">
|
|||
|
|
<caption class="table-caption">
|
|||
|
|
More Information
|
|||
|
|
</caption>
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Steeping time</th>
|
|||
|
|
<td class="col data" data-th="Steeping time">
|
|||
|
|
Gaiwan / yixing teapot: 1 x rinse; 10s, 10s, 15s, 20s,
|
|||
|
|
25s, 30s, etc
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">
|
|||
|
|
Steeping temperature
|
|||
|
|
</th>
|
|||
|
|
<td class="col data" data-th="Steeping temperature">
|
|||
|
|
100 °C - 212 °F
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">
|
|||
|
|
Leaves per 500ml / 17oz teapot
|
|||
|
|
</th>
|
|||
|
|
<td class="col data" data-th="Leaves per 500ml / 17oz teapot">
|
|||
|
|
1 pc
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">
|
|||
|
|
Tablespoons / 500ml (17 oz)
|
|||
|
|
</th>
|
|||
|
|
<td class="col data" data-th="Tablespoons / 500ml (17 oz)">
|
|||
|
|
n/a
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Harvest Year</th>
|
|||
|
|
<td class="col data" data-th="Harvest Year">2022</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Tea Season</th>
|
|||
|
|
<td class="col data" data-th="Tea Season">Spring</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">
|
|||
|
|
Tea Caffeine Content
|
|||
|
|
</th>
|
|||
|
|
<td class="col data" data-th="Tea Caffeine Content">
|
|||
|
|
medium
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Tea Region</th>
|
|||
|
|
<td class="col data" data-th="Tea Region">
|
|||
|
|
Wuyishan (350m)
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Tea Province</th>
|
|||
|
|
<td class="col data" data-th="Tea Province">Fujian</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Gluten-free</th>
|
|||
|
|
<td class="col data" data-th="Gluten-free">yes</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="col label" scope="row">Tea in Chinese</th>
|
|||
|
|
<td class="col data" data-th="Tea in Chinese">铁罗汉</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="features-item video"></div>
|
|||
|
|
|
|||
|
|
<div class="features-item review"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION PRODUCT SAME CATEGORY -->
|
|||
|
|
<div class="section-product-same-category box-bottom">
|
|||
|
|
<div class="container">
|
|||
|
|
<h2 class="title pb-3 mb-3 heading-primary">Sản phẩm tương tự</h2>
|
|||
|
|
|
|||
|
|
<div class="swiper swiper-section-box-bottom">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="p-item">
|
|||
|
|
<div class="p-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
<p class="p-price-saleoff">-30%</p>
|
|||
|
|
<a href="javascript:;" class="p-cart" onclick="addCart(id)">
|
|||
|
|
<i class="teahouse-icons icon-cart"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="p-name">
|
|||
|
|
Mẫu trà xanh/trắng thu hoạch mùa xuân 2023
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<p class="p-price">200.000 VNĐ</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION PRODUCT HOT -->
|
|||
|
|
<div class="section-product-hot box-bottom">
|
|||
|
|
<div class="container">
|
|||
|
|
<h2 class="title pb-3 mb-3 heading-primary">
|
|||
|
|
Khách hàng đã mua các sản phẩm
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<div class="swiper swiper-section-box-bottom">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="p-item">
|
|||
|
|
<div class="p-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
<p class="p-price-saleoff">-30%</p>
|
|||
|
|
<a href="javascript:;" class="p-cart" onclick="addCart(id)">
|
|||
|
|
<i class="teahouse-icons icon-cart"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="p-name">
|
|||
|
|
Mẫu trà xanh/trắng thu hoạch mùa xuân 2023
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<p class="p-price">200.000 VNĐ</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- CART PAGE -->
|
|||
|
|
<div class="cart-page mb-5 d-none">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 class="heading-primary page-title mb-4">Giỏ hàng</h1>
|
|||
|
|
|
|||
|
|
<div class="cart-step-1 row">
|
|||
|
|
<!-- COL-LEFT -->
|
|||
|
|
<div class="col-8 col-sm-12 col-left">
|
|||
|
|
<!-- PRODUCT -->
|
|||
|
|
<table class="cart-product">
|
|||
|
|
<thead>
|
|||
|
|
<tr class="cart-product-title pc-display">
|
|||
|
|
<td class="title"><span>Sản phẩm</span></td>
|
|||
|
|
<td class="price"><span>Giá</span></td>
|
|||
|
|
<td class="quantity"><span>Số lượng</span></td>
|
|||
|
|
<td class="price total-price"><span>Tổng</span></td>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
|
|||
|
|
<tbody style="vertical-align: top">
|
|||
|
|
<tr class="c-item js-item-row" data-variant_id="0" data-item_id="0" data-item_type="product">
|
|||
|
|
<td class="c-wrapper">
|
|||
|
|
<div class="c-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="c-name flex-1">
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="name">
|
|||
|
|
Bình tách trà thủy tinh treo tường đôi có bình
|
|||
|
|
pha/bảo quản 238 ml (8oz)
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-price">
|
|||
|
|
<p>200.000 VNĐ</p>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-quantity">
|
|||
|
|
<input class="quantity js-quantity-change" type="number" value="1" min="1" />
|
|||
|
|
|
|||
|
|
<div class="c-edit">
|
|||
|
|
<button class="c-btn">
|
|||
|
|
<img src="/images/teahouse-icon-pencil-grey-1.png" alt="Icon" />
|
|||
|
|
</button>
|
|||
|
|
<button class="c-btn">
|
|||
|
|
<img src="/images/teahouse-icon-trash-grey-1.png" alt="Icon" />
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-price c-total-price js-buy-price" data-price="200000">
|
|||
|
|
<p>200.000 VNĐ</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
<tr class="c-item js-item-row" data-variant_id="0" data-item_id="0" data-item_type="product">
|
|||
|
|
<td class="c-wrapper">
|
|||
|
|
<div class="c-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-pro-1.png" alt="Product" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="c-name flex-1">
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="name">
|
|||
|
|
Bình tách trà thủy tinh treo tường đôi có bình
|
|||
|
|
pha/bảo quản 238 ml (8oz)
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-price">
|
|||
|
|
<p>200.000 VNĐ</p>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-quantity">
|
|||
|
|
<input class="quantity js-quantity-change" type="number" value="1" min="1" />
|
|||
|
|
|
|||
|
|
<div class="c-edit">
|
|||
|
|
<button class="c-btn">
|
|||
|
|
<img src="/images/teahouse-icon-pencil-grey-1.png" alt="Icon" />
|
|||
|
|
</button>
|
|||
|
|
<button class="c-btn">
|
|||
|
|
<img src="/images/teahouse-icon-trash-grey-1.png" alt="Icon" />
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="c-price c-total-price js-buy-price" data-price="200000">
|
|||
|
|
<p>200.000 VNĐ</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- ADD-ON -->
|
|||
|
|
<div class="cart-addon text-16 my-3 d-flex justify-content-between">
|
|||
|
|
<a href="/" class="cart-addon-return">Tiếp tục mua sắm</a>
|
|||
|
|
|
|||
|
|
<button class="cart-page-btn cart-addon-clear">
|
|||
|
|
Làm trống giỏ hàng
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="cart-form mt-5">
|
|||
|
|
<h2 class="text-20 mb-4">THÔNG TIN GIAO HÀNG</h2>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="customer-form" id="js-customer-form">
|
|||
|
|
<input type="text" name="user_info[name]" id="buyer_name" class="form-input" placeholder="Họ và tên"
|
|||
|
|
value="" check-type="name" />
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-8 col-mb-12">
|
|||
|
|
<input type="email" name="user_info[email]" id="buyer_email" class="form-input" placeholder="Email"
|
|||
|
|
value="" check-type="email" />
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4 col-mb-12">
|
|||
|
|
<input type="text" name="user_info[tel]" id="buyer_tel" class="form-input"
|
|||
|
|
placeholder="Số điện thoại" value="" check-type="tel" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<input type="text" name="user_info[address]" id="buyer_address" class="form-input" placeholder="Địa chỉ"
|
|||
|
|
value="" check-type="address" />
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-4 col-mb-12">
|
|||
|
|
<select name="user_info[province]" id="buyer_province" class="form-input"
|
|||
|
|
onchange="getLocationSelect(this.value, '#buyer_district', 'province')" check-type="province">
|
|||
|
|
<option value="">Chọn Tỉnh thành</option>
|
|||
|
|
<option value="1" data-name="Hà Nội">Hà Nội</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4 col-mb-12">
|
|||
|
|
<select name="user_info[district]" id="buyer_district" class="form-input"
|
|||
|
|
onchange="getLocationSelect(this.value, '#buyer_ward', 'district')" check-type="district">
|
|||
|
|
<option value="">Chọn Quận/ Huyện</option>
|
|||
|
|
<option value="">Chưa chọn Tỉnh thành</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4 col-mb-12">
|
|||
|
|
<select name="user_info[ward]" id="buyer_ward" class="form-input" check-type="ward">
|
|||
|
|
<option value="">Chọn Phương/ Xã</option>
|
|||
|
|
<option value="">Chưa chọn Quận/ Huyện</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<textarea name="user_info[note]" id="buyer_note" cols="30" rows="10" class="form-input"
|
|||
|
|
placeholder="Ghi chú"></textarea>
|
|||
|
|
|
|||
|
|
<div class="alert-error mt-0" id="js-customer-form-error"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="payment mb-5">
|
|||
|
|
<h2 class="text-20 mb-4">Phương thức thanh toán</h2>
|
|||
|
|
|
|||
|
|
<ul class="list list-radio">
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="pay_method_1" name="pay_method" value="1" checked="" />
|
|||
|
|
<label for="pay_method_1"
|
|||
|
|
title="Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM, Visa, Master)">
|
|||
|
|
<span>Thanh toán tiền mặt khi nhận hàng</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="pay_method_2" name="pay_method" value="2" />
|
|||
|
|
<label for="pay_method_2" title="Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)">
|
|||
|
|
<span>Thanh toán qua chuyển khoản ngân hàng</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="pay_method_3" name="pay_method" value="3" />
|
|||
|
|
<label for="pay_method_3" title="Thanh toán qua Ngân Lượng (ATM nội địa, Visa, Master)">
|
|||
|
|
<span>Thanh toán qua Ngân Lượng</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="pay_method_4" name="pay_method" value="4" />
|
|||
|
|
<label for="pay_method_4" title="Trả góp Alepay (Ngân Lượng)">
|
|||
|
|
<span>Trả góp Alepay</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="pay_method_5" name="pay_method" value="5" />
|
|||
|
|
<label for="pay_method_5" title="Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng VnPay)">
|
|||
|
|
<span>Thanh toán trực tuyến</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="shipping mb-3">
|
|||
|
|
<h2 class="text-20 mb-4">Phương thức vận chuyển</h2>
|
|||
|
|
|
|||
|
|
<ul class="list list-radio">
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="shipping_method_1" name="ship_method" value="1" checked="" />
|
|||
|
|
<label for="shipping_method_1" title="">Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội
|
|||
|
|
+HCM)</label>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="item">
|
|||
|
|
<input class="d-none" type="radio" id="shipping_method_2" name="ship_method" value="2" />
|
|||
|
|
<label for="shipping_method_2" title="">Giao hàng tiêu chuẩn</label>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- COL RIGHT -->
|
|||
|
|
<div class="col-4 col-sm-12 col-right">
|
|||
|
|
<!-- CART SUMMARY -->
|
|||
|
|
<div class="cart-summary">
|
|||
|
|
<div class="cart-voucher">
|
|||
|
|
<p class="cart-voucher-title accordion">
|
|||
|
|
Áp dụng mã giảm giá
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="cart-vocher-wrapper accordion-content accordion-content-pc my-3">
|
|||
|
|
<input type="text" class="form-input voucher-input" id="js-voucher-input" placeholder="Mã giảm giá" />
|
|||
|
|
<a href="javascript:;" class="cart-page-btn cart-vocher-btn">Áp dụng</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h2 class="cart-summary-title text-20 mb-3">TỔNG CỘNG</h2>
|
|||
|
|
|
|||
|
|
<p class="d-flex justify-content-between align-items-center pb-3">
|
|||
|
|
<span class="text">Tạm tính</span>
|
|||
|
|
<span>200.000 VNĐ</span>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p class="d-flex justify-content-between align-items-center pb-3 mb-4"
|
|||
|
|
style="border-bottom: 1px solid #eaeaea">
|
|||
|
|
<span class="text">Phí giao hàng</span>
|
|||
|
|
<span>200.000 VNĐ</span>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p class="d-flex justify-content-between align-items-center pb-3">
|
|||
|
|
<span class="text font-weight-700">Tổng tiền</span>
|
|||
|
|
<span class="font-weight-700">200.000 VNĐ</span>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="mt-4">
|
|||
|
|
<button class="cart-page-btn cart-summary-checkout">
|
|||
|
|
Thanh toán
|
|||
|
|
</button>
|
|||
|
|
|
|||
|
|
<div class="d-flex mt-12px gap-12">
|
|||
|
|
<a href="/print/user.php?view=cart" target="_blank" rel="nofollow"
|
|||
|
|
class="cart-page-btn cart-summary-print">In đơn hàng</a>
|
|||
|
|
<a href="/export_file.php?file_type=xls&content_type=shopping-cart" target="_blank" rel="nofollow"
|
|||
|
|
class="cart-page-btn cart-summary-excel">Tải excel</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- ARTICLE CATEGORY -->
|
|||
|
|
<div class="article-page page-category d-none">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 class="page-title heading-primary">
|
|||
|
|
Hướng dẫn về Trà TEAHOUSE - Blog Thông tin & Sự kiện về Trà TEAHOUSE
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<div class="page-content">
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="article-col-left">
|
|||
|
|
<div class="article-list">
|
|||
|
|
<article class="article-box a-item">
|
|||
|
|
<div class="a-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-article-1.png" alt="Article" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="a-info">
|
|||
|
|
<span class="a-time">Ngày 13 tháng 6 năm 2023</span>
|
|||
|
|
<span class="a-views">51 lượt xem</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<a href="">
|
|||
|
|
<h3 class="a-name heading-primary">
|
|||
|
|
Cách Pha Trà Lài: 5 Cách Pha Trà Lài
|
|||
|
|
</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<p class="a-summary">
|
|||
|
|
Hãy cùng khám phá 5 cách khác nhau để pha một tách trà hoa
|
|||
|
|
nhài hoàn hảo ngay tại nhà.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="d-flex align-items-center justify-content-between mt-4">
|
|||
|
|
<span class="a-category">
|
|||
|
|
Đăng trong:
|
|||
|
|
<a href="" class="a-category-link">Cách Pha Trà Trung Quốc</a>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
<a href="" class="a-btn">Đọc thêm</a>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="paging paging-category">
|
|||
|
|
<a href="" class="paging-link active">1</a>
|
|||
|
|
<a href="" class="paging-link">2</a>
|
|||
|
|
<a href="" class="paging-link">3</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="article-col-right pc-display">
|
|||
|
|
<!-- SECTION CATEGORY -->
|
|||
|
|
<div class="article-box article-category">
|
|||
|
|
<h2 class="article-box-title mb-1">Danh mục</h2>
|
|||
|
|
|
|||
|
|
<ul class="list">
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION TAGS -->
|
|||
|
|
<div class="article-box article-tags">
|
|||
|
|
<h2 class="article-box-title mb-12px">Tags</h2>
|
|||
|
|
|
|||
|
|
<ul class="list d-flex flex-wrap gap-8">
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Phụ kiện pha trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà Olong</a></li>
|
|||
|
|
<li><a href="" class="item">Trà nhài</a></li>
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Lục bảo trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà trắng</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION SEARCH -->
|
|||
|
|
<div class="article-box article-search">
|
|||
|
|
<h2 class="article-box-title mb-12px">Tìm kiếm blog</h2>
|
|||
|
|
|
|||
|
|
<form method="get" action="/tim-bai" enctype="multipart/form-data" name="searchForm" class="p-relative">
|
|||
|
|
<input type="text" name="q" class="article-search-input" placeholder="Nhập từ khóa cần tìm..." value=""
|
|||
|
|
autocomplete="off" onclick="getSearchValue()" />
|
|||
|
|
<button class="article-search-btn">
|
|||
|
|
<i class="teahouse-icons icon-search"></i>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION ARTICLE NEWEST -->
|
|||
|
|
<div class="article-box article-newest">
|
|||
|
|
<h2 class="article-box-title mb-12px">Bài viết gần đây</h2>
|
|||
|
|
|
|||
|
|
<ul class="list">
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách Pha Trà Lài: 5 Cách Pha Trà Lài</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách pha trà hoa nhài ủ lạnh tại nhà</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà lạnh so với trà nóng</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà Pu Erh có phải là trà đen không?</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">6 loại trà khác nhau của Trung Quốc</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- ARTICLE DETAIL -->
|
|||
|
|
<div class="article-page page-detail d-none">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 class="page-title heading-primary">
|
|||
|
|
Hướng dẫn về Trà TEAHOUSE - Blog Thông tin & Sự kiện về Trà TEAHOUSE
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<div class="page-content">
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="article-col-left pc-display">
|
|||
|
|
<!-- SECTION SEARCH -->
|
|||
|
|
<div class="article-box article-search">
|
|||
|
|
<h2 class="article-box-title mb-12px">Tìm kiếm blog</h2>
|
|||
|
|
|
|||
|
|
<form method="get" action="/tim-bai" enctype="multipart/form-data" name="searchForm" class="p-relative">
|
|||
|
|
<input type="text" name="q" class="article-search-input" placeholder="Nhập từ khóa cần tìm..." value=""
|
|||
|
|
autocomplete="off" onclick="getSearchValue()" />
|
|||
|
|
<button type="submit" class="article-search-btn">
|
|||
|
|
<i class="teahouse-icons icon-search"></i>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION ARTICLE NEWEST -->
|
|||
|
|
<div class="article-box article-newest">
|
|||
|
|
<h2 class="article-box-title mb-12px">Bài viết gần đây</h2>
|
|||
|
|
|
|||
|
|
<ul class="list">
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách Pha Trà Lài: 5 Cách Pha Trà Lài</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách pha trà hoa nhài ủ lạnh tại nhà</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà lạnh so với trà nóng</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà Pu Erh có phải là trà đen không?</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">6 loại trà khác nhau của Trung Quốc</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="article-main-content">
|
|||
|
|
<article class="article-box a-item p-0">
|
|||
|
|
<div class="a-img">
|
|||
|
|
<a href="" class="style-img-block">
|
|||
|
|
<img src="/images/teahouse-img-article-1.png" alt="Article" class="style-img-content" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="a-content">
|
|||
|
|
<div class="a-info">
|
|||
|
|
<span class="a-time">Ngày 13 tháng 6 năm 2023</span>
|
|||
|
|
<span class="a-views">51 lượt xem</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="a-html static-html max-height-none">
|
|||
|
|
<h2>Trà trắng vs Trà xanh: Mọi thứ bạn cần biết</h2>
|
|||
|
|
<p>
|
|||
|
|
Trà xanh nổi tiếng với vô số lợi ích cho sức khỏe , trong
|
|||
|
|
đó có tác dụng giảm cân . Tuy nhiên, trong những năm gần
|
|||
|
|
đây, trà trắng đang trở nên phổ biến. Loại trà có liên
|
|||
|
|
quan chặt chẽ này trên thực tế được làm từ cùng một cây
|
|||
|
|
trà Camellia Sinenes. Vì vậy, sự khác biệt thực sự giữa
|
|||
|
|
trà trắng và trà xanh là gì? Trong bài viết này, chúng tôi
|
|||
|
|
so sánh cả hai loại và thảo luận về sự khác biệt của chúng
|
|||
|
|
trong quá trình chế biến, hàm lượng caffein, lợi ích sức
|
|||
|
|
khỏe, giá cả, v.v.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="a-tags article-tags my-4">
|
|||
|
|
<ul class="list d-flex flex-wrap gap-8">
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Phụ kiện pha trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà Olong</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="d-flex align-items-center gap-28 mt-4">
|
|||
|
|
<span class="a-category">
|
|||
|
|
Đăng trong:
|
|||
|
|
<a href="" class="a-category-link">Cách Pha Trà Trung Quốc</a>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
<a href="" class="a-comments d-flex gap-4">
|
|||
|
|
<img src="/images/teahouse-icon-chat-box-grey-1.png" alt="Icon" class="a-icon-chat" width="19" />
|
|||
|
|
0 Bình luận
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
<div class="article-box article-comments review-box">
|
|||
|
|
<h2 class="article-box-title mb-12px">Bình luận</h2>
|
|||
|
|
|
|||
|
|
<div class="review-form d-block" id="js-comment-form-0">
|
|||
|
|
<div class="review-content">
|
|||
|
|
<div class="review-form-item">
|
|||
|
|
<textarea name="review" id="comment-content0" cols="30" rows="10" class="r-input"
|
|||
|
|
placeholder="Mời bạn bình luận hoặc đặt câu hỏi" check-type="content"></textarea>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-6 col-mb-12">
|
|||
|
|
<div class="review-form-item">
|
|||
|
|
<input type="text" name="name" id="comment-name0" class="r-input"
|
|||
|
|
placeholder="Họ và tên (bắt buộc)" check-type="name" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-6 col-mb-12">
|
|||
|
|
<div class="review-form-item">
|
|||
|
|
<input type="email" name="email" id="comment-email0" class="r-input"
|
|||
|
|
placeholder="Email (bắt buộc)" check-type="email" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p class="mt-1 mb-12px">
|
|||
|
|
<img src="/images/teahouse-icon-shield-blue-1.png" alt="Icon" width="16" />
|
|||
|
|
<i>Teahouse cam kết bảo mật địa chỉ Email của bạn.</i>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<a href="javascript:;" onclick="postComment(0, '', 'comment')" class="r-btn">
|
|||
|
|
Đăng bình luận
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="alert-error m-0" id="js-alert-comment-form-0"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="review-list">
|
|||
|
|
<div class="review-list-item my-32px">
|
|||
|
|
<div class="r-top d-flex align-items-center gap-8">
|
|||
|
|
<p class="r-avatar">J</p>
|
|||
|
|
<p class="r-name font-weight-600">Jack</p>
|
|||
|
|
<p class="r-time text-13 font-weight-300">
|
|||
|
|
13 Tháng Ba, 2017
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p class="r-content my-3">
|
|||
|
|
Bài báo tuyệt vời! Tôi là người mới uống trà. Tôi luôn
|
|||
|
|
nghĩ mỗi loại trà được làm từ một loại cây khác nhau. Thật
|
|||
|
|
tốt khi biết rằng nó thực sự là cùng một loại cây.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="r-bottom d-flex gap-20">
|
|||
|
|
<a href="" class="r-reply-show-form">
|
|||
|
|
<img src="/images/teahouse-icon-cuver-arrow-blue-1.png" alt="Icon" width="16" />
|
|||
|
|
<span class="color-blue ml-1">Trả lời</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="" class="r-reply-show-list">
|
|||
|
|
<img src="/images/teahouse-icon-chat-box-grey-1.png" alt="Icon" class="a-icon-chat" width="19" />
|
|||
|
|
<span class="font-weight-500 ml-1 color-gray">0 Trả lời</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- -->
|
|||
|
|
<div class="article-col-left pc-display">
|
|||
|
|
<!-- SECTION CATEGORY -->
|
|||
|
|
<div class="article-box article-category">
|
|||
|
|
<h2 class="article-box-title mb-1">Danh mục</h2>
|
|||
|
|
|
|||
|
|
<ul class="list">
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION TAGS -->
|
|||
|
|
<div class="article-box article-tags">
|
|||
|
|
<h2 class="article-box-title mb-12px">Tags</h2>
|
|||
|
|
|
|||
|
|
<ul class="list d-flex flex-wrap gap-8">
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Phụ kiện pha trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà Olong</a></li>
|
|||
|
|
<li><a href="" class="item">Trà nhài</a></li>
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Lục bảo trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà trắng</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- ARTICLE NAVBAR -->
|
|||
|
|
<div class="article-page">
|
|||
|
|
<div class="article-navbar mb-display">
|
|||
|
|
<div class="article-navbar-btn" onclick="fadeToggle('#js-article-navbar-popup')">
|
|||
|
|
<i class="fa fa-th-large" aria-hidden="true" style="line-height: 0"></i>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="article-navbar-popup" id="js-article-navbar-popup">
|
|||
|
|
<div class="popup-bg" onclick="fadeToggle('#js-article-navbar-popup')"></div>
|
|||
|
|
|
|||
|
|
<div class="popup-content">
|
|||
|
|
<h2 class="popup-content-title heading-primary page-title mb-32px">
|
|||
|
|
BLOG MENU
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<!-- SECTION SEARCH -->
|
|||
|
|
<div class="article-box article-search">
|
|||
|
|
<h2 class="article-box-title accordion">
|
|||
|
|
Tìm kiếm blog
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<div class="accordion-content">
|
|||
|
|
<form method="get" action="/tim-bai" enctype="multipart/form-data" name="searchForm"
|
|||
|
|
class="p-relative">
|
|||
|
|
<input type="text" name="q" class="article-search-input" placeholder="Nhập từ khóa cần tìm..."
|
|||
|
|
value="" autocomplete="off" onclick="getSearchValue()" />
|
|||
|
|
<button type="submit" class="article-search-btn">
|
|||
|
|
<i class="teahouse-icons icon-search"></i>
|
|||
|
|
</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION CATEGORY -->
|
|||
|
|
<div class="article-box article-category">
|
|||
|
|
<h2 class="article-box-title accordion">
|
|||
|
|
Danh mục
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<ul class="list accordion-content">
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item hover-primary">
|
|||
|
|
<a href="">Đồ gốm sứ Teahouse <span class="number">(2)</span></a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION ARTICLE NEWEST -->
|
|||
|
|
<div class="article-box article-newest">
|
|||
|
|
<h2 class="article-box-title accordion">
|
|||
|
|
Bài viết gần đây
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<ul class="list accordion-content">
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách Pha Trà Lài: 5 Cách Pha Trà Lài</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Cách pha trà hoa nhài ủ lạnh tại nhà</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà lạnh so với trà nóng</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">Trà Pu Erh có phải là trà đen không?</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="" class="name hover-primary">6 loại trà khác nhau của Trung Quốc</a>
|
|||
|
|
<p class="number">51 lượt xem</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SECTION TAGS -->
|
|||
|
|
<div class="article-box article-tags">
|
|||
|
|
<h2 class="article-box-title accordion">
|
|||
|
|
Tags
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</h2>
|
|||
|
|
|
|||
|
|
<ul class="list d-flex flex-wrap gap-8 accordion-content">
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Phụ kiện pha trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà Olong</a></li>
|
|||
|
|
<li><a href="" class="item">Trà nhài</a></li>
|
|||
|
|
<li><a href="" class="item">Trà hoa</a></li>
|
|||
|
|
<li><a href="" class="item">Lục bảo trà</a></li>
|
|||
|
|
<li><a href="" class="item">Trà trắng</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="popup-content-close" onclick="fadeToggle('#js-article-navbar-popup')">
|
|||
|
|
<i class="fa fa-times" aria-hidden="true"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- CUSTOMER LOGIN -->
|
|||
|
|
<div class="customer-page d-none">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="customer-content-group">
|
|||
|
|
<div class="customer-content-title d-flex justify-content-center">
|
|||
|
|
<h1 class="heading-primary page-title pb-1 mb-32px">
|
|||
|
|
Khách hàng đăng nhập
|
|||
|
|
</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="customer-form">
|
|||
|
|
<div id="js-login-form">
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Email<span>*</span></p>
|
|||
|
|
<input type="text" name="info[email]" id="email" check-type="email" />
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Mật khẩu<span>*</span></p>
|
|||
|
|
<div class="password-input" style="position: relative">
|
|||
|
|
<input type="password" class="input-pass" name="info[password]" id="password" check-type="password" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="d-flex gap-4 mt-4">
|
|||
|
|
<input type="checkbox" id="forgot-passwords" />
|
|||
|
|
<label for="forgot-passwords">Hiển thị mật khẩu</label>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="d-flex gap-4 mt-2">
|
|||
|
|
<input type="checkbox" id="save-passwords" />
|
|||
|
|
<label for="save-passwords">Lưu lại mật khẩu</label>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="alert-error mb-0" id="js-login-form-error"></div>
|
|||
|
|
|
|||
|
|
<button type="submit" class="btn btn-customer" onclick="check_login()">
|
|||
|
|
ĐĂNG NHẬP
|
|||
|
|
</button>
|
|||
|
|
|
|||
|
|
<div class="d-flex align-items-center justify-content-between mt-4">
|
|||
|
|
<a href="" class="default font-weight-500 text-uppercase">Tạo tài khoản mới</a>
|
|||
|
|
|
|||
|
|
<a href="/quen-mat-khau" class="default font-weight-300">Quên mật khẩu?</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- CUSTOMER RES -->
|
|||
|
|
<div class="customer-page d-none">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="customer-content-group">
|
|||
|
|
<div class="customer-content-title d-flex justify-content-center">
|
|||
|
|
<h1 class="heading-primary page-title pb-1 mb-32px">
|
|||
|
|
Tạo tài khoản khách hàng mới
|
|||
|
|
</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="customer-form">
|
|||
|
|
<div id="js-register-form">
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Họ và Tên<span>*</span></p>
|
|||
|
|
<input type="text" name="info[full_name]" id="full_name" check-type="name" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Số điện thoại<span>*</span></p>
|
|||
|
|
<input type="text" name="info[tel]" id="tel" check-type="tel" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Địa chỉ<span>*</span></p>
|
|||
|
|
<input type="text" name="info[address]" id="address" check-type="address" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Email<span>*</span></p>
|
|||
|
|
<input type="text" name="info[email]" id="email" check-type="email" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Mật khẩu<span>*</span></p>
|
|||
|
|
|
|||
|
|
<div class="password-input" style="position: relative">
|
|||
|
|
<input type="password" class="input-pass" name="info[password]" id="password" check-type="password" />
|
|||
|
|
<a href="javascript:void(0)" class="show-pass fa fa-eye" onclick="show_hide_pass(this)"
|
|||
|
|
aria-hidden="true"></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<p>Nhập lại mật khẩu<span>*</span></p>
|
|||
|
|
|
|||
|
|
<div class="password-input" style="position: relative">
|
|||
|
|
<input type="password" class="input-pass" id="password1" check-type="password-repeat" />
|
|||
|
|
<a href="javascript:void(0)" class="show-pass fa fa-eye" onclick="show_hide_pass(this)"
|
|||
|
|
aria-hidden="true"></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="alert-error mb-0" id="js-register-form-error"></div>
|
|||
|
|
|
|||
|
|
<button class="btn btn-customer mt-4" onclick="check_field_registor()">
|
|||
|
|
TẠO TÀI KHOẢN MỚI
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- FOOTER -->
|
|||
|
|
<footer class="global-footer mt-4">
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- LETTERNEWS -->
|
|||
|
|
<div class="letternews">
|
|||
|
|
<h4 class="title">ĐĂNG KÝ NHẬN BẢN TIN CỦA CHÚNG TÔI</h4>
|
|||
|
|
<form action="" class="form-newsletter" onsubmit="return subscribe_newsletter('#js-newsletter-email');">
|
|||
|
|
<i class="teahouse-icons icon-mail form-newsletter-icon"></i>
|
|||
|
|
<input type="email" name="newsletter-email" placeholder="Nhập địa chỉ email của bạn"
|
|||
|
|
id="js-newsletter-email" class="form-newsletter-input" />
|
|||
|
|
<button type="submit" class="form-newsletter-btn">ĐĂNG KÝ</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- COMPANY -->
|
|||
|
|
<div class="company row">
|
|||
|
|
<div class="col-3 col-sm-12">
|
|||
|
|
<div class="col-content">
|
|||
|
|
<p class="col-heading font-weight-700 mb-2 accordion">
|
|||
|
|
DỊCH VỤ & THÔNG TIN
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<ul class="col-list list accordion-content">
|
|||
|
|
<li class="item"><a href="/gioi-thieu">Về chúng tôi</a></li>
|
|||
|
|
<li class="item"><a href="/lien-he">Liên hệ chúng tôi</a></li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="/thong-tin-van-chuyen">Thông tin vận chuyển</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item"><a href="/ban-buon-tra">Bán buôn trà</a></li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="/huong-dan-tra-trung-quoc">Hướng dẫn trà Trung Quốc</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="/mau-tra-mien-phi">Mẫu trà miễn phí</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="/phuong-tuc-thanh-toan-va-cau-hoi-thuong-gap">Phương thức thanh toán & Câu hỏi thường gặp</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="item">
|
|||
|
|
<a href="/dieu-khoan-va-dieu-kien">Điều khoản và điều kiện</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-3 col-sm-12">
|
|||
|
|
<div class="col-content">
|
|||
|
|
<p class="col-heading font-weight-700 mb-2 accordion">
|
|||
|
|
PHỔ BIẾN
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<ul class="col-list list accordion-content">
|
|||
|
|
<li class="item"><a href="">Trà trong hộp thiếc</a></li>
|
|||
|
|
<li class="item"><a href="">Trà lài</a></li>
|
|||
|
|
<li class="item"><a href="">Bánh trà trắng</a></li>
|
|||
|
|
<li class="item"><a href="">Thiết quan âm</a></li>
|
|||
|
|
<li class="item"><a href="">Trà giếng rồng</a></li>
|
|||
|
|
<li class="item"><a href="">Trà mao phong</a></li>
|
|||
|
|
<li class="item"><a href="">Ngọc rồng hoa nhài</a></li>
|
|||
|
|
<li class="item"><a href="">Kim Tuấn Mỹ</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-3 col-sm-12">
|
|||
|
|
<div class="col-content">
|
|||
|
|
<p class="col-heading font-weight-700 mb-2 accordion">
|
|||
|
|
TRÀ THẢO MỘC & HOA
|
|||
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<ul class="col-list list accordion-content">
|
|||
|
|
<li class="item"><a href="">Trà hoa hồng</a></li>
|
|||
|
|
<li class="item"><a href="">Hoa cúc</a></li>
|
|||
|
|
<li class="item"><a href="">Trà Kuding</a></li>
|
|||
|
|
<li class="item"><a href="">Tiêu Thanh Cán</a></li>
|
|||
|
|
<li class="item"><a href="">Trà hoa oải hương</a></li>
|
|||
|
|
<li class="item"><a href="">Trà kim ngân hoa</a></li>
|
|||
|
|
<li class="item"><a href="">Trà mộc nhĩ</a></li>
|
|||
|
|
<li class="item"><a href="">Trà soba kiều mạch</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-3 col-sm-12 col-contact">
|
|||
|
|
<p class="col-heading font-weight-700 mb-2">
|
|||
|
|
LIÊN HỆ VỚI CHÚNG TÔI
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<a href="mailto:info@teahouse.com" target="_blank">info@teahouse.com</a>
|
|||
|
|
|
|||
|
|
<p class="col-heading font-weight-700 my-2">
|
|||
|
|
PHƯƠNG THỨC THANH TOÁN
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
PayPal, Visa, Mastercard, American Express, Google Pay, Apple
|
|||
|
|
Pay, iDeal, Bancontact, Sofort, Giropay, EPS, Przelewy24, SEPA,
|
|||
|
|
Cartes Bancaires, Alipay, Wechat Pay, UnionPay.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- SOCIAL -->
|
|||
|
|
<div class="social d-flex align-items-center justify-content-center gap-16 mt-5 mb-4">
|
|||
|
|
<a href="">
|
|||
|
|
<i class="teahouse-icons icon-logo-fb"></i>
|
|||
|
|
</a>
|
|||
|
|
<a href="">
|
|||
|
|
<i class="teahouse-icons icon-logo-instagram"></i>
|
|||
|
|
</a>
|
|||
|
|
<a href="">
|
|||
|
|
<i class="teahouse-icons icon-logo-twitter"></i>
|
|||
|
|
</a>
|
|||
|
|
<a href="">
|
|||
|
|
<i class="teahouse-icons icon-logo-youtube"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="copyright">
|
|||
|
|
<p class="text">COPYRIGHT © TEAHOUSE</p>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
|
|||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
|||
|
|
<script src="/js/library.js"></script>
|
|||
|
|
<script src="/js/main_pc.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|