Files
giao_dien_web_mau/demo-mevabe-1/index.html

1548 lines
75 KiB
HTML
Raw Normal View History

2023-03-23 10:35:24 +07:00
<!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="header">
<div class="header-top">
<div class="container">
<div class="header-content-top d-flex align-items space-between">
<div class="header-top-left d-flex align-items">
<i class="icon_2023 map"></i>
<a href="#">Khu vực của bạn:Phường Mỹ Đình 2, Quận Nam Từ Liêm, Thành phố Hà Nội</a>
<i class="fa fa-angle-down"></i>
</div>
<div class="header-top-right d-flex align-items">
<div class="item d-flex align-items">
<i class="icon_2023 store"></i>
<a href="#" class="txt">Hệ thống 161 cửa hàng</a>
</div>
<div class="item d-flex align-items">
<i class="icon_2023 phone"></i>
<p class="txt">
Hotline:
<a href="tel:18006886">18006886</a>
(miễn phí)
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="header-main d-flex align-items">
<div class="header-menu ">
<div class="title">
<i class="icon_2023 bars"></i>
<p>Danh mục sản phẩm</p>
</div>
<div class="height-hover"></div>
<div class="menu_holder">
<div class="item">
<a href="/laptop" class="item-cate d-flex align-items">
<p class="cat-title">Laptop</p>
</a>
<div class="menu-hover">
<div class="list-holder d-flex flex-wrap">
<div class="item-holder">
<a href="/laptop-gaming" class="title-holder">Laptop Gaming</a>
<div class="holder-last">
<a href="/laptop-gaming-asus">Laptop Gaming Asus</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-acer">Laptop Gaming Acer</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-dell">Laptop Gaming Dell</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-hp">Laptop Gaming HP</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-lenovo">Laptop Gaming Lenovo</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-msi">Laptop Gaming MSI</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming-gigabyte">Laptop Gaming Gigabyte</a>
</div>
</div>
<div class="item-holder">
<a href="/laptop-theo-khoang-gia" class="title-holder">Laptop theo khoảng
giá</a>
</div>
<div class="item-holder">
<a href="/laptop-theo-yeu-cau" class="title-holder">Laptop theo yêu cầu</a>
<div class="holder-last">
<a href="/laptop-mong-nhe">Laptop mỏng nhẹ</a>
</div>
<div class="holder-last">
<a href="/laptop-cao-cap">Laptop cao cấp</a>
</div>
<div class="holder-last">
<a href="/laptop-doanh-nghiep">Laptop doanh nghiệp</a>
</div>
<div class="holder-last">
<a href="/laptop-hoc-tap-van-phong">Laptop học tập-văn phòng</a>
</div>
<div class="holder-last">
<a href="/laptop-do-hoa-ky-thuat">Laptop đồ họa- Kỹ Thuật</a>
</div>
<div class="holder-last">
<a href="/laptop-gaming">Laptop Gaming</a>
</div>
</div>
<div class="item-holder">
<a href="/laptop-theo-cau-hinh" class="title-holder">Laptop theo cấu
hình</a>
<div class="holder-last">
<a href="/laptop-celeron">Laptop Celeron</a>
</div>
<div class="holder-last">
<a href="/laptop-pentium">Laptop Pentium</a>
</div>
<div class="holder-last">
<a href="/laptop-core-i3">Laptop Core i3</a>
</div>
<div class="holder-last">
<a href="/laptop-core-i5">Laptop Core i5</a>
</div>
<div class="holder-last">
<a href="/laptop-core-i7">Laptop Core i7</a>
</div>
<div class="holder-last">
<a href="/laptop-core-i9">Laptop Core i9</a>
</div>
<div class="holder-last">
<a href="/laptop-ryen-3">Laptop Ryen 3</a>
</div>
<div class="holder-last">
<a href="/laptop-ryen-5">Laptop Ryen 5</a>
</div>
<div class="holder-last">
<a href="/laptop-ryen-7">Laptop Ryen 7</a>
</div>
<div class="holder-last">
<a href="/laptop-ryen-9">Laptop Ryen 9</a>
</div>
</div>
<div class="item-holder">
<a href="/laptop-workstation" class="title-holder">Laptop workstation</a>
<div class="holder-last">
<a href="/laptop-workstation-hp">Laptop Workstation HP</a>
</div>
<div class="holder-last">
<a href="/laptop-workstation-lenovo">Laptop Workstation Lenovo</a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/gaming-gear" class="item-cate d-flex align-items">
<p class="cat-title">Gaming Gear</p>
</a>
<div class="menu-hover">
<div class="list-holder d-flex flex-wrap">
<div class="item-holder">
<a href="/gaming-keyboard" class="title-holder">Bàn phím Gaming</a>
</div>
<div class="item-holder">
<a href="/gaming-headphone" class="title-holder">Tai nghe Gaming</a>
<div class="holder-last">
<a href="/tai-nghe-gaming-gia-re">Tai Nghe Gaming giá rẻ</a>
</div>
<div class="holder-last">
<a href="/tai-nghe-gaming-cao-cap">Tai nghe Gaming cao cấp</a>
</div>
</div>
<div class="item-holder">
<a href="/tay-cam-game" class="title-holder">Tay cầm Game</a>
<div class="holder-last">
<a href="/tay-cam-sony">Tay Cầm Sony</a>
</div>
<div class="holder-last">
<a href="/tay-cam-rapoo">Tay Cầm Rapoo</a>
</div>
<div class="holder-last">
<a href="/tay-cam-e-dra">Tay Cầm E-Dra</a>
</div>
</div>
<div class="item-holder">
<a href="/gaming-mouse-pad" class="title-holder">Bàn di chuột Gaming</a>
<div class="holder-last">
<a href="/ban-di-steelseries">Bàn di Steelseries</a>
</div>
<div class="holder-last">
<a href="/ban-di-kingston-hyperx">Bàn di Kingston HyperX</a>
</div>
<div class="holder-last">
<a href="/ban-di-corsair">Bàn di Corsair</a>
</div>
<div class="holder-last">
<a href="/ban-di-asus">Bàn di Asus</a>
</div>
<div class="holder-last">
<a href="/ban-di-akko">Bàn di AKKO</a>
</div>
<div class="holder-last">
<a href="/ban-di-dare-u">Bàn di Dare-U</a>
</div>
<div class="holder-last">
<a href="/ban-di-e-dra">Bàn di E-Dra</a>
</div>
<div class="holder-last">
<a href="/ban-di-vitra">Bàn di Vitra</a>
</div>
</div>
<div class="item-holder">
<a href="/ghe-game-chuyen-dung" class="title-holder">Ghế Gaming</a>
<div class="holder-last">
<a href="/ghe-gaming-gia-re">Ghế Gaming giá rẻ</a>
</div>
<div class="holder-last">
<a href="/ghe-gaming-cao-cap">Ghế Gaming cao cấp</a>
</div>
</div>
<div class="item-holder">
<a href="/ban-game" class="title-holder">Bàn Game</a>
<div class="holder-last">
<a href="/ban-e-dra">Bàn E-Dra</a>
</div>
<div class="holder-last">
<a href="/ban-dx-racer">Bàn DX-Racer</a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/linh-kien-may-tinh" class="item-cate d-flex align-items">
<p class="cat-title">Linh Kiện Máy Tính</p>
</a>
<div class="menu-hover">
<div class="list-holder d-flex flex-wrap">
<div class="item-holder">
<a href="/bo-vi-xu-ly" class="title-holder">Bộ Vi Xử Lý</a>
<div class="holder-last">
<a href="/intel">Intel</a>
</div>
<div class="holder-last">
<a href="/amd">AMD</a>
</div>
</div>
<div class="item-holder">
<a href="/bo-mach-chu" class="title-holder">Bo Mạch Chủ</a>
<div class="holder-last">
<a href="/bo-mach-chu-theo-hang">Main Theo Hãng</a>
</div>
<div class="holder-last">
<a href="/main-theo-cpu">Main Theo CPU</a>
</div>
</div>
<div class="item-holder">
<a href="/card-man-hinh" class="title-holder">Card Màn Hình</a>
</div>
<div class="item-holder">
<a href="/tan-nhiet-cooling" class="title-holder">Tản Nhiệt Cooling</a>
</div>
<div class="item-holder">
<a href="/ban-phim-chuot" class="title-holder">Bàn Phím, Chuột</a>
</div>
<div class="item-holder">
<a href="/psu-nguon-may-tinh" class="title-holder">PSU-Nguồn Máy Tính</a>
</div>
<div class="item-holder">
<a href="/o-cung-ssd" class="title-holder">ổ cứng SSD</a>
</div>
<div class="item-holder">
<a href="/case-vo-may-tinh" class="title-holder">Case- Vỏ máy tính</a>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/man-hinh-may-tinh" class="item-cate d-flex align-items">
<p class="cat-title">Màn Hình Máy Tính</p>
</a>
<div class="menu-hover">
<div class="list-holder d-flex flex-wrap">
<div class="item-holder">
<a href="/thuong-hieu" class="title-holder">Thương Hiệu</a>
<div class="holder-last">
<a href="/man-hinh-acer">Màn hình Acer</a>
</div>
<div class="holder-last">
<a href="/man-hinh-aoc">Màn hình AOC</a>
</div>
<div class="holder-last">
<a href="/man-hinh-asus">Màn Hình Asus</a>
</div>
<div class="holder-last">
<a href="/man-hinh-apple">Màn Hình Apple</a>
</div>
<div class="holder-last">
<a href="/man-hinh-benq">Màn Hình BenQ</a>
</div>
<div class="holder-last">
<a href="/man-hinh-cooler-master">Màn Hình Cooler Master</a>
</div>
<div class="holder-last">
<a href="/man-hinh-dell">Màn Hình Dell</a>
</div>
<div class="holder-last">
<a href="/man-hinh-gigabyte">Màn Hình Gigabyte</a>
</div>
<div class="holder-last">
<a href="/man-hinh-hp">Màn Hình HP</a>
</div>
<div class="holder-last">
<a href="/man-hinh-samsung">Màn Hình Samsung</a>
</div>
<div class="holder-last">
<a href="/man-hinh-msi">Màn Hình MSI</a>
</div>
<div class="holder-last">
<a href="/man-hinh-lenovo">Màn Hình Lenovo</a>
</div>
<div class="holder-last">
<a href="/man-hinh-lg">Màn Hình LG</a>
</div>
<div class="holder-last">
<a href="/man-hinh-viewsonic">Màn Hình Viewsonic</a>
</div>
<div class="holder-last">
<a href="/man-hinh-conceptd-do-hoa">Màn Hình ConceptD- Đồ Họa</a>
</div>
</div>
<div class="item-holder">
<a href="/man-hinh-theo-yeu-cau" class="title-holder">Màn Hình theo yêu
cầu</a>
<div class="holder-last">
<a href="/man-hinh-gaming">Màn Hình Gaming</a>
</div>
<div class="holder-last">
<a href="/man-hinh-do-hoa">Màn Hình Đồ Họa</a>
</div>
<div class="holder-last">
<a href="/man-hinh-ultrawide">Màn Hình Ultrawide</a>
</div>
<div class="holder-last">
<a href="/man-hinh-cong">Màn Hình cong</a>
</div>
<div class="holder-last">
<a href="/man-hinh-van-phong">Màn Hình văn phòng</a>
</div>
<div class="holder-last">
<a href="/man-hinh-cam-ung">Màn Hình cảm ứng</a>
</div>
<div class="holder-last">
<a href="/man-hinh-vuong">Màn Hình vuông</a>
</div>
<div class="holder-last">
<a href="/man-hinh-thong-minh">Màn Hình thông minh</a>
</div>
<div class="holder-last">
<a href="/man-hinh-tuong-tac">Màn Hình tương tác</a>
</div>
<div class="holder-last">
<a href="/man-hinh-hien-thi">Màn Hình hiển thị</a>
</div>
</div>
<div class="item-holder">
<a href="/kich-co-man-hinh" class="title-holder">Kích cỡ màn hình</a>
<div class="holder-last">
<a href="/man-hinh-duoi-20-inch">Màn Hình dưới 20 inch</a>
</div>
<div class="holder-last">
<a href="/man-hinh-20-21-inch">Màn Hình 20-21 inch</a>
</div>
<div class="holder-last">
<a href="/man-hinh-22-25-inch">Màn Hình 22-25 inch</a>
</div>
<div class="holder-last">
<a href="/man-hinh-27-29-inch">Màn Hình 27-29 inch</a>
</div>
<div class="holder-last">
<a href="/ma-hinh-tren-315-inch">Mà Hình trên 31.5 inch</a>
</div>
</div>
<div class="item-holder">
<a href="/tan-so-quet-man-hinh" class="title-holder">Tần số quét màn
hình</a>
</div>
<div class="item-holder">
<a href="/do-phan-giai-man-hinh" class="title-holder">Độ phân giải màn
hình</a>
</div>
<div class="item-holder">
<a href="/khoang-gia-man-hinh" class="title-holder">Khoảng giá màn hình</a>
</div>
<div class="item-holder">
<a href="/phu-kien-man-hinh" class="title-holder">Phụ Kiện màn hình</a>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/may-tinh-dong-bo" class="item-cate d-flex align-items">
<p class="cat-title">Máy Tính Đồng Bộ</p>
</a>
<div class="menu-hover">
<div class="list-holder d-flex flex-wrap">
<div class="item-holder">
<a href="/may-dong-bo-theo-hang" class="title-holder">Máy đồng bộ theo
hãng</a>
<div class="holder-last">
<a href="/pc-dell">PC Dell</a>
</div>
<div class="holder-last">
<a href="/pc-hp">PC HP</a>
</div>
<div class="holder-last">
<a href="/pc-lenovo">PC Lenovo</a>
</div>
<div class="holder-last">
<a href="/pc-sunpac">PC Sunpac</a>
</div>
<div class="holder-last">
<a href="/pc-dell">PC Dell</a>
</div>
<div class="holder-last">
<a href="/pc-apple-mac-pro">PC Apple Mac pro</a>
</div>
<div class="holder-last">
<a href="/pc-acer">PC Acer</a>
</div>
<div class="holder-last">
<a href="/pc-asus">PC Asus</a>
</div>
<div class="holder-last">
<a href="/pc-msi">PC MSI</a>
</div>
</div>
<div class="item-holder">
<a href="/may-dong-bo-theo-yeu-cau" class="title-holder">Máy đồng bộ theo
yêu
cầu</a>
<div class="holder-last">
<a href="/dung-cho-marketing-thiet-ke">Dùng cho Marketing- Thiết kế</a>
</div>
<div class="holder-last">
<a href="/dung-cho-ke-toan-van-phong">Dùng cho kế toán- văn phòng</a>
</div>
<div class="holder-last">
<a href="/dung-cho-khu-cong-nghiep">Dùng cho khu công nghiệp</a>
</div>
<div class="holder-last">
<a href="/dung-cho-thu-ngan">Dùng cho thu ngân</a>
</div>
<div class="holder-last">
<a href="/dung-choi-game">Dùng chơi game</a>
</div>
</div>
<div class="item-holder">
<a href="/may-all-in-one-theo-hang" class="title-holder">Máy all in one theo
hãng</a>
<div class="holder-last">
<a href="/aio-hp">AIO HP</a>
</div>
<div class="holder-last">
<a href="/aio-dell">AIO DeLL</a>
</div>
<div class="holder-last">
<a href="/aio-lenovo">AIO Lenovo</a>
</div>
<div class="holder-last">
<a href="/aio-asus">AIO Asus</a>
</div>
<div class="holder-last">
<a href="/aio-acer">AIO Acer</a>
</div>
<div class="holder-last">
<a href="/aio-apple">AIO Apple</a>
</div>
<div class="holder-last">
<a href="/aio-microsoft">AIO Microsoft</a>
</div>
<div class="holder-last">
<a href="/aio-singpc">AIO SingPC</a>
</div>
</div>
<div class="item-holder">
<a href="/may-all-in-one-theo-nhu-cau" class="title-holder">Máy all in one
theo
nhu cầu</a>
</div>
<div class="item-holder">
<a href="/may-tinh-mini" class="title-holder">Máy tính Mini</a>
<div class="holder-last">
<a href="/intel-nuc">Intel NUC</a>
</div>
<div class="holder-last">
<a href="/mini-dell">Mini Dell</a>
</div>
<div class="holder-last">
<a href="/mini-apple">Mini Apple</a>
</div>
<div class="holder-last">
<a href="/mini-hp">Mini HP</a>
</div>
<div class="holder-last">
<a href="/mini-asus">Mini Asus</a>
</div>
<div class="holder-last">
<a href="/mini-lenovo">Mini Lenovo</a>
</div>
<div class="holder-last">
<a href="/mini-gigabyte">Mini Gigabyte</a>
</div>
</div>
<div class="item-holder">
<a href="/may-dong-bo-theo-cpu" class="title-holder">Máy đồng bộ theo
CPU</a>
</div>
</div>
</div>
</div>
<div class="item">
<a href="/thiet-bi-van-phong" class="item-cate d-flex align-items">
<p class="cat-title">Thiết bị văn phòng</p>
</a>
</div>
<div class="item">
<a href="/gaming-pc" class="item-cate d-flex align-items">
<p class="cat-title">Gaming PC</p>
</a>
</div>
<div class="item">
<a href="/thiet-bi-luu-tru" class="item-cate d-flex align-items">
<p class="cat-title">Thiết bị lưu trữ</p>
</a>
</div>
<div class="item">
<a href="/thiet-bi-mang" class="item-cate d-flex align-items">
<p class="cat-title">Thiết bị mạng</p>
</a>
</div>
<div class="item">
<a href="/camera" class="item-cate d-flex align-items">
<p class="cat-title">Camera</p>
</a>
</div>
<div class="item">
<a href="/phan-mem-ban-quyen" class="item-cate d-flex align-items">
<p class="cat-title">Phần mềm bản quyền</p>
</a>
</div>
<div class="item">
<a href="/dien-thoai" class="item-cate d-flex align-items">
<p class="cat-title">Điện thoại</p>
</a>
</div>
</div>
</div>
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="logo">
</a>
<div class="form__input">
<form method="get" action="/tim" enctype="multipart/form-data"
class="clearfix search-form bg-white">
<div class="searh-form-container">
<input type="text" id="js-global-seach" class="text_search" name="q" placeholder="Tìm kiếm"
autocomplete="off">
<button type="submit" class="submit-search">
<i class="icon_2023 search"></i>
</button>
</div>
</form>
<div class="autocomplete-suggestions" id="js-seach-holder"></div>
</div>
<div class="header-main-right d-flex align-items">
<a href="/taikhoan" class="item">
<i class="icon_2023 account"></i>
</a>
<a href="/cart" class="item icon_cart">
<i class="icon_2023 cart"></i>
<span class="js-cart-counter cart-count">2</span>
</a>
</div>
</div>
</div>
</div>
<div class="homepage">
<div class="banner">
<div class="container">
<div class="banner-slider owl-carousel custom-nav owl-theme owl-loaded owl-drag" id="js-slider-home">
<a href="" class="item">
<img src="./assets/images/banner_slider.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/banner_slider.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/banner_slider.png" alt="">
</a>
</div>
</div>
</div>
<div class="category-home">
<div class="container">
<h2 class="title">Danh mục nổi bật</h2>
<div class="list-categroy d-flex flex-wrap">
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 2.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 3.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 4.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 5.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 6.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
<a href="" class="item">
<div class="icon">
<img src="./assets/images/image 7.png" alt="">
</div>
<div class="txt">Bé chơi & học</div>
</a>
</div>
</div>
</div>
<div class="product-flash-sale">
<div class="container">
<div class="title">
<i class="icon_2023 flash"></i>
<h2>flash sale</h2>
<b>Kết thúc sau</b>
<div class="product-time-holder js-item-deal-time">
<div class="item-time"><b> 09 </b></div>
<div class="item-time"><b> 51 </b></div>
<div class="item-time"><b> 54 </b></div>
</div>
</div>
<div class="background-deal">
<div class="product-list owl-carousel custom-nav owl-theme owl-loaded owl-drag" id="js-slider-deal">
<div class="product-item-deal">
<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 class="deal-count">
<i class="icon_2023 hot"></i>
<b>Sắp bán hết</b>
<span class="count-bg" style="width: 80%"></span>
</div>
</div>
</div>
<div class="product-item-deal">
<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 class="deal-count">
<i class="icon_2023 hot"></i>
<span class="count-bg" style="width: 0%"></span>
<b>Sắp bán hết</b>
</div>
</div>
</div>
<div class="product-item-deal">
<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 class="deal-count">
<i class="icon_2023 hot"></i>
<span class="count-bg" style="width: 0%"></span>
<b>Sắp bán hết</b>
</div>
</div>
</div>
<div class="product-item-deal">
<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 class="deal-count">
<i class="icon_2023 hot"></i>
<span class="count-bg" style="width: 0%"></span>
<b>Sắp bán hết</b>
</div>
</div>
</div>
<div class="product-item-deal">
<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 class="deal-count">
<i class="icon_2023 hot"></i>
<span class="count-bg" style="width: 0%"></span>
<b>Sắp bán hết</b>
</div>
</div>
</div>
</div>
<a href="/deal" class="more-all">
Xem thêm
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="banner-sale-home">
<div class="container">
<div class="d-flex align-items">
<a href="" class="item">
<img src="./assets/images/Rectangle 24.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/Rectangle 25.png" alt="">
</a>
</div>
</div>
</div>
<div class="group-category-home">
<div class="content-list-category">
<div class="container">
<div class="title-category">
<h3 class="name"><a href="">Bé mặc</a></h3>
<div class="list-cat">
<a href="" class="item active">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
</div>
</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 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 class="content-list-category">
<div class="container">
<div class="title-category">
<h3 class="name"><a href="">Bé mặc</a></h3>
<div class="list-cat">
<a href="" class="item active">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
<a href="" class="item">Đồ sơ sinh cho bé</a>
</div>
</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 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 class="customer-feeback">
<div class="container">
<h2 class="title">Khách hàng nói về chúng tôi</h2>
<div class="list-feeback owl-carousel custom-nav owl-theme owl-loaded owl-drag" id="js-slider-feeback">
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-5">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-4">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-4">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-4">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-4">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
<div class="item-feeback">
<div class="avatar">
<img src="./assets/images/avatar.png" alt="avatar">
</div>
<div class="info">
<b>Nguyễn hồng nhung</b>
<span>- 0383 100 ***</span>
</div>
<div class="content line-clamp-4">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries for previewing layouts
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print
...
</div>
<div class="star">
<img src="./assets/images/star_feeback.png" alt="star feeback">
</div>
</div>
</div>
</div>
</div>
<div class="brand-list">
<div class="container">
<div class="content-brand-list owl-carousel custom-nav owl-theme owl-loaded owl-drag"
id="js-slider-brand">
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-top">
<div class="form-khuyenmai">
<h2 class="title">
NHẬP EMAIL NHẬN TIN KHUYẾN MẠI
</h2>
<div class="content-form">
<input type="text" id="email-newsletter" placeholder="Nhập email của bạn....">
<a href="javascript:;" class="send-newsletter" onclick="subscribe_newsletter('#email-newsletter')">
<i class="icon_2023 send-form"></i>
</a>
</div>
</div>
</div>
<div class="footer-main">
<div class="container">
<div class="info-contact d-flex">
<a href="/" class="item">
<img src="./assets/images/logo.png" alt="logo">
</a>
<div class="item">
<div class="icon">
<i class="icon_2023 map"></i>
<p>Địa chỉ</p>
</div>
<p class="txt">120 Trần Duy Hưng, Phường Trung Hòa, Quận Cầu Giấy, Hà Nội, Việt Nam</p>
</div>
<div class="item">
<div class="icon">
<i class="icon_2023 phone"></i>
<p>Email</p>
</div>
<p class="txt">cskh@bibomart.com.vn</p>
</div>
<div class="item pay">
<p>
Phương pháp thanh toán
</p>
<p class="txt">
<img src="./assets/images/pay.png" alt="pay" width="100%" height="100%">
</p>
</div>
</div>
<div class="content-footer-main d-flex">
<div class="item-footer">
<div class="title">Giới thiệu Bibomart</div>
<a href="/">Về Bibomart</a>
<a href="/tin-khuyen-mai">Tin Khuyến mại</a>
<a href="/he-thong-cua-hang">Hệ thống cửa hàng</a>
<a href="/van-hoa-bibomart">Văn hóa Bibomart</a>
<a href="/tuyen-dung">Tuyển dụng</a>
<a href="/trung-tam-ban-buon">Trung tâm Bán buôn</a>
</div>
<div class="item-footer">
<div class="title">Chăm sóc khách hàng</div>
<a href="tel:18006886">Hotline miễn phí: 18006886</a>
<a href="/chinh-sach-cskh">Chính sách CSKH</a>
<a href="/huong-dan-doi-qua-tu-bixu">Hướng dẫn đổi quà từ Bixu</a>
<a href="/chinh-sach-doi-tra-hang">CS đổi hàng & hoàn tiền</a>
<a href="/chinh-sach-bao-hanh">Chính sách bảo hành</a>
<a href="/cua-hang">Zalo & Hotline Cửa hàng</a>
</div>
<div class="item-footer">
<div class="title">Hướng dẫn mua hàng</div>
<a href="/cam-ket-ban-hang">Cam kết bán hàng</a>
<a href="/dat-hang-online">Đặt hàng Online - Nhận cửa hàng</a>
<a href="/phuong-phap-van-chuyen">Phương thức vận chuyển</a>
<a href="/dieu-khoan-su-dung">Điều khoản sử dụng</a>
<a href="/tao-list-qua-tang">Tạo list quà tặng cho bé</a>
</div>
<div class="item-footer">
<div class="title">Hệ thống tiện ích</div>
<a href="/tra-cuu-hoa-don">Tra cứu hóa đơn điện tử</a>
<a href="/kiem-tra-dat-hang">Kiểm tra đơn hàng</a>
<a href="/huong-dan-dat-hang">Hướng dẫn đặt hàng</a>
<a href="/phuong-phap-thanh-toan">Phương thức thanh toán</a>
<div class="d-flex align-items">
<a href="">
<img src="./assets/images/bct.png" alt="bct" width="100%" height="100%">
</a>
<a href="">
<img src="./assets/images/right-bct.png" alt="bct" width="100%" height="100%">
</a>
</div>
</div>
</div>
<div class="footer-contact">
<p class="text-center">© 2023: Bản quyền Hurasoft</p>
</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>
</html>