Files
giao_dien_web_mau/demo-mevabe-1/product-detail.html
2023-03-25 09:41:13 +07:00

502 lines
32 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">
<title>Mẹ và bé</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="product-detail">
<div class="container">
<div id="breadcrumb" class="breadcrumb">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name"><i class="icon_2023 home"></i> Trang chủ</span>
</a> <i class="fa fa-angle-right"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/linh-kien-may-tinh/" itemprop="item">
<span itemprop="name">
Linh Kiện Máy Tính
</span> <span class="last-bre"> <i class="fa fa-angle-right"></i> </span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="clearfix"></div>
<div class="main-product-detail d-flex">
<div class="product-image-detail">
<div id="sync1">
<a data-fancybox="gallery" href="./assets/images/product-big-detail.png">
<img src="./assets/images/product-big-detail.png" alt="">
</a>
</div>
<div class="product-detail-thumbnail owl-carousel custom-nav owl-theme custom-nav owl-loaded owl-drag"
id="sync2">
<div class="item-thumbnail active">
<a href="./assets/images/product-big-detail.png" class="border-img">
<img src="./assets/images/image_thumb_1.png" alt="">
</a>
</div>
<div class="item-thumbnail">
<a href="./assets/images/image_thumb_2.png" rel="./asset/images/thum-detail.png"
class="border-img">
<img src="./assets/images/image_thumb_2.png" alt="">
</a>
</div>
<div class="item-thumbnail">
<a href="./assets/images/image_thumb_3.png" rel="./asset/images/thum-detail.png"
class="border-img">
<img src="./assets/images/image_thumb_3.png" alt="">
</a>
</div>
<div class="item-thumbnail">
<a href="./assets/images/image_thumb_4.png" rel="./asset/images/thum-detail.png"
class="border-img">
<img src="./assets/images/image_thumb_4.png" alt="">
</a>
</div>
<div class="item-thumbnail">
<a href="./assets/images/image_thumb_4.png" rel="./asset/images/thum-detail.png"
class="border-img">
<img src="./assets/images/image_thumb_4.png" alt="">
</a>
</div>
</div>
</div>
<div class="product-detail-mid">
<h2 class="name">Bộ dài tay bé trai phối túi in chéo vàng HN22D</h2>
<div class="d-flex align-items">
<p class="brand">Thương hiệu:<span style="color: #FF981F">Bibo Mart</span></p>
<p class="sku">SKU:<span style="color: #FF981F">KIDS-611191297</span></p>
</div>
<div class="d-flex align-items space-between detal-review">
<div class="info-review d-flex align-items">
<i class="icon_star star5"></i>
<span>Có 0 người dùng đánh giá</span>
</div>
<div class="fb-like" data-href="https://apollohome.vn/giai-phap/test-bai-viet-tin-tuc.html"
data-width="" data-layout="button_count" data-action="like" data-size="small"
data-share="true">
</div>
</div>
<ul class="product-summary">
<li>Chất liệu cao cấp: Chất liệu phao ấm</li>
<li>Chất liệu cao cấp: Chất liệu phao ấm</li>
<li>Chất liệu cao cấp: Chất liệu phao ấm</li>
<li>Chất liệu cao cấp: Chất liệu phao ấm</li>
</ul>
<div class="group-price-detail">
<div class="d-flex align-items">
<div class="price">490.000 <u>đ</u></div>
<div class="old-price">480.000 <u>đ</u></div>
</div>
<div class="saleoff-price">
Tiết kiệm <span style="color: #F90012">20%</span>
</div>
</div>
<div class="unit-detail-amount-control">
<span>Số lượng:</span>
<a href="javascript:;" data-value="-1" class="minus"><i class="fa fa-minus"></i></a>
<input type="text" size="3" data-total="1" value="1" id="js-buy-quantity">
<a href="javascript:;" data-value="1" class="plus"><i class="fa fa-plus"></i></a>
</div>
<div class="product-detail-store">
<a href="" class="link-store">
<i class="fas fa-map-marker-alt"></i>
Tìm cửa hàng gần bạn nhất
</a>
<span>Đã có 1.864 người mua</span>
</div>
<div class="product-btn-cart d-flex align-items">
<div class="btn-buy">
<a href="javascript:void(0)" class="buy-go-cart btn-buyNow js-buyNow" data-id="7882"
data-name="">
Mua ngay
</a>
</div>
<div class="btn-buy add-to-cart">
<a href="javascript:void(0)" class="buy-go-cart btn-buyNow js-AddNow" data-id="7882"
data-name="">
Thêm vào giỏ hàng
</a>
</div>
</div>
<div class="product-detail-voucher">
<p>
Nhập mã <a href="">Khuyenmai10</a> để được giảm 10% giá trị đơn hàng
</p>
</div>
</div>
<div class="product-detail-right">
<div class="title">Tại sao chọn chúng tôi</div>
<div class="content">
<div class="item d-flex align-items">
<div class="icon">
<i class="icon_2023 phone"></i>
</div>
<div class="txt">
<b>Hỗ trợ 24/7</b>
<span>Nhân viên online hỗ trợ</span>
</div>
</div>
<div class="item d-flex align-items">
<div class="icon">
<i class="icon_2023 save"></i>
</div>
<div class="txt">
<b>Tiết kiệm</b>
<span>Mua nhiều ưu đãi hơn</span>
</div>
</div>
<div class="item d-flex align-items">
<div class="icon">
<i class="icon_2023 gift"></i>
</div>
<div class="txt">
<b>Quà tặng</b>
<span>Tri ân khách hàng cũ</span>
</div>
</div>
<div class="item d-flex align-items">
<div class="icon shipping">
<i class="icon_2023 shipping"></i>
</div>
<div class="txt">
<b>Vận chuyển</b>
<span>Siêu nhanh, Nội thành Hà Nội, HCM</span>
</div>
</div>
</div>
</div>
</div>
<div class="content-product-detail d-flex">
<div class="detail-left">
<div class="list-tab d-flex align-items" id="title_tab_scroll_pro">
<a href="#tabdesc" class="item-tab active">Chi tiết</a>
<a href="#tabinfo" class="item-tab">Thông tin</a>
<a href="#tabinstruct" class="item-tab">Hướng dẫn</a>
<a href="#tabreview" class="item-tab">Đánh giá</a>
</div>
<div class="content-tab nd active" id="tabdesc">
<p><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>Với 3 chi tiết áo body liền thân, quần yếm và mũ
đội đầu, <strong>set 3
chi tiết body Bibo's</strong> mix quần mũ đen tạo nên một set đồ không chỉ thời
trang, đáng yêu mà còn vô
cùng thoải mái và giữ ấm tốt, bảo vệ sức khỏe bé trong năm đầu tiên của cuộc đời. Bên
cạnh đó, sản phẩm còn được
thiết kế cực tiện dụng góp phần hỗ trợ ba mẹ trong hành trình chăm sóc bé yêu.</span>
</p>
<p dir="ltr" style="text-align: center;"><span><img lazy=""
src="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
data-original="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
style="display: block; margin-left: auto; margin-right: auto;"
title="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den"
alt="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den" width="450"
height="450">&nbsp;<em>Set 3 chi tiết body Bibo's&nbsp;mix quần mũ đen</em></span>
</p>
<p style="text-align: justify;"><span><span></span></span></p>
<h3 dir="ltr" style="text-align: justify;"><strong>Đặc điểm nổi bật của sản phẩm</strong></h3>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><strong><em>Chất liệu an toàn</em></strong></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- <span style="text-decoration: underline;">Set
3 chi tiết body
Bibo's</span> mix quần mũ đen được làm từ chất vải rayon mang đến ưu điểm về sự mềm
mại cùng khả năng thấm
hút nhanh chóng tạo cho bé cảm giác thoải mái mỗi khi mặc lên người.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Từ chất liệu vải đến các phụ liệu khác đều
được kiểm tra và chọn lọc
kỹ lưỡng để đem đến sản phẩm có chất lượng và độ an toàn cao cho các khách hàng
nhí.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được gia công cẩn thận với những
đường may tỉ mỉ chắc chắn,
tạo sự bền đẹp cho sản phẩm.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><strong><em>Thiết kế tiện dụng, kiểu dáng đáng
yêu</em></strong></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm mang đến 1 set đồ với 3 chi tiết áo
body liền thân, quần yếm
và mũ đội không chỉ thoải mái mà còn tôn lên nét đáng yêu sẵn có của bé.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Với kiểu dáng liền thân của áo, vùng bụng của
bé được giữ ấm tối ưu.
Ba mẹ không cần lo lắng bé vô tình vén áo hay đạp chăn trong lúc ngủ gây lạnh
bụng.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Chi tiết may chồm vai không chỉ tạo điểm nhấn
cho bộ trang phục mà còn
giúp bé chùi đầu để mặc và cởi áo dễ dàng hơn.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Thiết kế cúc bấm ở đũng áo tạo sự thuận lợi
khi ba mẹ thay bỉm tã cho
bé yêu.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Phần dây yếm trên quần có độ co giãn linh hoạt
nên mẹ không lo bé cảm
thấy gò bó khi mặc. Đũng được thiết kế rộng rãi để tránh gây cản trở khi bé cử động nhất
là khi bé mặc bỉm tã
bên trong.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Một chiếc mũ đội xinh xắn là lựa chọn lý tưởng
giúp ba mẹ giữ ấm và
bảo vệ vùng thóp non nớt của bé một cách tối ưu mỗi khi bé ra ngoài.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được thiết kế với các size khác nhau
để phù hợp với kích
thước cơ thể của bé trong năm đầu đời.&nbsp;<span>Với size 3M và 6M, quần sẽ được may
liền bao chân giúp giữ ấm
và bảo vệ đôi chân non nớt của bé, size 9M và 12M được may quần ống thường để cho
đôi chân bé dần được giải
phóng và cử động tự do hơn.</span></span></p>
</div>
<div class="content-tab nd" id="tabinfo">
<h2>Thông tin</h2>
<p><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>Với 3 chi tiết áo body liền thân, quần yếm và mũ
đội đầu, <strong>set 3
chi tiết body Bibo's</strong> mix quần mũ đen tạo nên một set đồ không chỉ thời
trang, đáng yêu mà còn vô
cùng thoải mái và giữ ấm tốt, bảo vệ sức khỏe bé trong năm đầu tiên của cuộc đời. Bên
cạnh đó, sản phẩm còn được
thiết kế cực tiện dụng góp phần hỗ trợ ba mẹ trong hành trình chăm sóc bé yêu.</span>
</p>
<p dir="ltr" style="text-align: center;"><span><img lazy=""
src="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
data-original="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
style="display: block; margin-left: auto; margin-right: auto;"
title="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den"
alt="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den" width="450"
height="450">&nbsp;<em>Set 3 chi tiết body Bibo's&nbsp;mix quần mũ đen</em></span>
</p>
<p style="text-align: justify;"><span><span></span></span></p>
<h3 dir="ltr" style="text-align: justify;"><strong>Đặc điểm nổi bật của sản phẩm</strong></h3>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><strong><em>Chất liệu an toàn</em></strong></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- <span style="text-decoration: underline;">Set
3 chi tiết body
Bibo's</span> mix quần mũ đen được làm từ chất vải rayon mang đến ưu điểm về sự mềm
mại cùng khả năng thấm
hút nhanh chóng tạo cho bé cảm giác thoải mái mỗi khi mặc lên người.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Từ chất liệu vải đến các phụ liệu khác đều
được kiểm tra và chọn lọc
kỹ lưỡng để đem đến sản phẩm có chất lượng và độ an toàn cao cho các khách hàng
nhí.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được gia công cẩn thận với những
đường may tỉ mỉ chắc chắn,
tạo sự bền đẹp cho sản phẩm.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><strong><em>Thiết kế tiện dụng, kiểu dáng đáng
yêu</em></strong></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm mang đến 1 set đồ với 3 chi tiết áo
body liền thân, quần yếm
và mũ đội không chỉ thoải mái mà còn tôn lên nét đáng yêu sẵn có của bé.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Với kiểu dáng liền thân của áo, vùng bụng của
bé được giữ ấm tối ưu.
Ba mẹ không cần lo lắng bé vô tình vén áo hay đạp chăn trong lúc ngủ gây lạnh
bụng.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Chi tiết may chồm vai không chỉ tạo điểm nhấn
cho bộ trang phục mà còn
giúp bé chùi đầu để mặc và cởi áo dễ dàng hơn.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Thiết kế cúc bấm ở đũng áo tạo sự thuận lợi
khi ba mẹ thay bỉm tã cho
bé yêu.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Phần dây yếm trên quần có độ co giãn linh hoạt
nên mẹ không lo bé cảm
thấy gò bó khi mặc. Đũng được thiết kế rộng rãi để tránh gây cản trở khi bé cử động nhất
là khi bé mặc bỉm tã
bên trong.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Một chiếc mũ đội xinh xắn là lựa chọn lý tưởng
giúp ba mẹ giữ ấm và
bảo vệ vùng thóp non nớt của bé một cách tối ưu mỗi khi bé ra ngoài.</span></p>
<p style="text-align: justify;"><span><span></span></span></p>
<p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được thiết kế với các size khác nhau
để phù hợp với kích
thước cơ thể của bé trong năm đầu đời.&nbsp;<span>Với size 3M và 6M, quần sẽ được may
liền bao chân giúp giữ ấm
và bảo vệ đôi chân non nớt của bé, size 9M và 12M được may quần ống thường để cho
đôi chân bé dần được giải
phóng và cử động tự do hơn.</span></span></p>
</div>
<div class="content-tab" id="tabreview">
</div>
</div>
<div class="detail-right">
<div class="category-featured">
<div class="title">DANH MỤC NỔI BẬT</div>
<div class="list d-flex flex-wrap">
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
<div class="item">
<a class="icon">
<img src="./assets/images/ICON_1.png" alt="">
</a>
<a href="" class="txt">
Quần áo sơ sinh
</a>
</div>
</div>
</div>
<div class="product-same">
<div class="title">SẢN PHẨM TƯƠNG TỰ</div>
<div class="product-list d-flex flex-wrap">
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="./assets/js/main.js"></script>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v16.0&appId=583730498876225&autoLogAppEvents=1"
nonce="Yv1QdMGS"></script>
</html>