Files
du_an_khach_hang/Teahouse/index.html
2023-07-06 11:11:29 +07:00

2012 lines
87 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 &gt;
</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">&#8249;</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">&#8250;</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&amp;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>