Files

1984 lines
104 KiB
HTML
Raw Permalink Normal View History

<!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>Website mẫu audio hurasoft</title>
<link rel="stylesheet" href="./assets/css/style.css">
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
</head>
<body>
<header class="header">
<div class="header-top">
<div class="container">
<div class="content-header-top d-flex align-items
space-between">
<div class="header-top-left d-flex align-items">
<div class="item">
<i class="icon_2023 ship"></i>
<p class="txt">Freeship cho đơn hàng từ 500k</p>
</div>
<a class="item phone" href="tel:0933.606.215">
<i class="icon_2023 phone"></i>
<p class="txt">Hotline: <b>0933.606.215</b></p>
</a>
</div>
<div class="header-top-right d-flex align-items">
<a href="/" class="item">Trang chủ</a>
<a href="/tin-tuc" class="item">Tin tức</a>
<a href="/gioi-thieu" class="item">Giới thiệu</a>
<a href="/lien-he" class="item">Liên hệ</a>
</div>
</div>
</div>
</div>
<div class="header-mid">
<div class="container">
<div class="header-content-mid d-flex align-items">
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="logo
audio">
</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-search"
class="text_search" name="q"
placeholder="Tìm sản phẩm..."
autocomplete="off">
<button type="submit" class="submit-search">
<i class="icon_2023 search"></i>
</button>
</div>
</form>
</div>
<div class="header-mid-right d-flex align-items">
<a href="tel:0933.606.215" class="item">
<i class="icon_2023 phone"></i>
</a>
<a href="/taikhoan" class="item">
<i class="icon_2023 account"></i>
</a>
<a href="/cart" class="item cart-home">
<i class="icon_2023 cart"></i>
<span class="txt">Giỏ hàng</span>
<b class="js-cart-counter cart-count">1</b>
</a>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="header-content-bottom d-flex align-items
space-center">
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
<a href="" class="item">
<div class="border-image">
<img src="./assets/images/danhmuc_2.png"
alt="danh muc">
</div>
<div class="txt">Saleof</div>
</a>
</div>
</div>
</div>
</header>
<section class="homepage hide">
<div class="container">
<div class="banner">
<!-- Swiper -->
<div class="swiper banner_homepage">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="">
<img
src="./assets/images/banner_slider-home.png"
alt="banner">
</a>
</div>
<div class="swiper-slide">
<a href="">
<img
src="./assets/images/banner_slider-home.png"
alt="banner">
</a>
</div>
<div class="swiper-slide">
<a href="">
<img
src="./assets/images/banner_slider-home.png"
alt="banner">
</a>
</div>
<div class="swiper-slide">
<a href="">
<img
src="./assets/images/banner_slider-home.png"
alt="banner">
</a>
</div>
</div>
<div class="group-btn-swiper">
<div class="d-flex align-items content-btn">
<div class="group-pagination">
<div class="swiper-pagination"></div>
</div>
<div class="btn-next-prev">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
<div class="box-deal-home">
<div class="title-deal d-flex justify-content-between align-items">
<div class="title-deal-left d-flex align-items">
<div class="icon-deal">
<img src="./assets/images/icon-deal (1).png" alt="icon">
</div>
<h2 class="title">SALE TO GIỮA THÁNG - GIẢM ĐẾN 50%</h2>
<div class="global-time-deal d-flex align-items-center font-weight-bold color-white">
<p>9</p>
<p>9</p>
<span>:</span>
<p>9</p>
<p>9</p>
<span>:</span>
<p>9</p>
<p>9</p>
</div>
</div>
<a href="#" class="title-deal-right">
Xem tất cả
</a>
</div>
</div>
<div class="product-saleoff">
<h2 class="title">HÀNG BÁN CHẠY</h2>
<div class="list-product d-flex flex-wrap">
<div class="item-product-sale">
<a href="" class="product-image">
<img src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product">
<a href="">
Dàn âm thanh không dây Q Acoustics
Active 400
</a>
</h3>
<div class="summary-product">
<span>Loa siêu trầm: 2*114mm</span>
<span>Điểm cắt tần: 150Hz</span>
<span>Dải tần đáp ứng: 35Hz đến 20kHz</span>
</div>
<div class="group-btn d-flex align-items
space-between">
<div class="main-price">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
<a class="btn-cart"
href="javascript:void()">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="item-product-sale">
<a href="" class="product-image">
<img src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product">
<a href="">
Dàn âm thanh không dây Q Acoustics
Active 400
</a>
</h3>
<div class="summary-product">
<span>Loa siêu trầm: 2*114mm</span>
<span>Điểm cắt tần: 150Hz</span>
<span>Dải tần đáp ứng: 35Hz đến 20kHz</span>
</div>
<div class="group-btn d-flex align-items
space-between">
<div class="main-price">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
<a class="btn-cart"
href="javascript:void()">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="item-product-sale">
<a href="" class="product-image">
<img src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product">
<a href="">
Dàn âm thanh không dây Q Acoustics
Active 400
</a>
</h3>
<div class="summary-product">
<span>Loa siêu trầm: 2*114mm</span>
<span>Điểm cắt tần: 150Hz</span>
<span>Dải tần đáp ứng: 35Hz đến 20kHz</span>
</div>
<div class="group-btn d-flex align-items
space-between">
<div class="main-price">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
<a class="btn-cart"
href="javascript:void()">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="item-product-sale">
<a href="" class="product-image">
<img src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product">
<a href="">
Dàn âm thanh không dây Q Acoustics
Active 400
</a>
</h3>
<div class="summary-product">
<span>Loa siêu trầm: 2*114mm</span>
<span>Điểm cắt tần: 150Hz</span>
<span>Dải tần đáp ứng: 35Hz đến 20kHz</span>
</div>
<div class="group-btn d-flex align-items
space-between">
<div class="main-price">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
<a class="btn-cart"
href="javascript:void()">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
</div>
<a href="/san-pham-ban-chay" class="more-all d-flex
align-items">XEM THÊM <div id="total">888</div> SẢN
PHẨM</a>
</div>
<!---danh mục sản phẩm-->
<div class="group-product-category">
<div class="group-title d-flex align-items space-between">
<h2 class="name"><a href="">Dàn âm thanh</a></h2>
<div class="list-cat-home">
<a href="" class="item active">Dàn âm thanh nghe
nhạc</a>
<a href="" class="item">Dàn âm thanh nghe nhạc</a>
<a href="" class="item">Dàn âm thanh nghe nhạc</a>
<a href="" class="item">Dàn âm thanh nghe nhạc</a>
<a href="" class="more-cate">Xem thêm sản phẩm</a>
</div>
</div>
<div class="content-product-homepage d-flex">
<a class="banner-sale-category" href="">
<img src="./assets/images/images-cate-homepage.png"
alt="">
</a>
<div class="list-product d-flex">
<div class="big-product">
<a href="" class="product-image">
<img src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In at
vel accusantium
vero
</a>
</h3>
<div class="main-price d-flex align-items
space-center">
<div class="price">72.880.000₫</div>
<del class="old-price">72.880.000₫</del>
</div>
<div class="product-add-cart d-flex
align-items space-between">
<div class="unit-detail-amount-control"
id="js-detail-amount-control-6263">
<a href="javascript:void(0)"
data-value="-1"
class="min js-quantity-change
quantity-change amount-down"><i
class="fa fa-minus"></i></a>
<input type="text" size="3"
data-total="1" value="1"
class="js-quantity-change
buy-quantity quantity-change
text-center js-buy-quantity"
id="js-buy-quantity-6263">
<a href="javascript:void(0)"
data-value="1"
class="plus js-quantity-change
quantity-change amount-up"><i
class="fa fa-plus"></i></a>
</div>
<a href="javascript:void(0)"
class="btn-buyNow"
onclick="addProductToCart('6263',
1)">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="list-grid-small d-flex flex-wrap">
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/product-image.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feedback-customer">
<div class="title d-flex align-items space-between">
<h2>Khách hàng đã mua gần đây</h2>
<a href="" class="more-all">
XEM TẤT CẢ
</a>
</div>
<div class="list-feedback swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item-feedback">
<div class="image-feedback">
<img src="./assets/images/Rectangle 123.png" alt="">
</div>
<div class="info-feedback">
<div class="text line-clamp-2">Lorem,
ipsum dolor sit amet consectetur
adipisicing
elit. Vero
mollitia natus inventore quam
adipisci enim beatae cumque ducimus
porro, velit
omnis incidunt odio possimus,
cupiditate deserunt? Adipisci illum
modi quas.
</div>
<div class="info-user d-flex
align-items">
<div class="avatar">
<img
src="./assets/images/avatar.png"
alt="">
</div>
<div class="cnt-info-user">
<img
src="./assets/images/list-star.png"
alt="">
<div class="user d-flex
align-items">
<b>Nguyễn Thị Hồng Nhung -
</b>
<span> 0383100***</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item-feedback">
<div class="image-feedback">
<img src="./assets/images/Rectangle 123.png" alt="">
</div>
<div class="info-feedback">
<div class="text line-clamp-2">Lorem,
ipsum dolor sit amet consectetur
adipisicing
elit. Vero
mollitia natus inventore quam
adipisci enim beatae cumque ducimus
porro, velit
omnis incidunt odio possimus,
cupiditate deserunt? Adipisci illum
modi quas.
</div>
<div class="info-user d-flex
align-items">
<div class="avatar">
<img
src="./assets/images/avatar.png"
alt="">
</div>
<div class="cnt-info-user">
<img
src="./assets/images/list-star.png"
alt="">
<div class="user d-flex
align-items">
<b>Nguyễn Thị Hồng Nhung -
</b>
<span> 0383100***</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item-feedback">
<div class="image-feedback">
<img src="./assets/images/Rectangle 123.png" alt="">
</div>
<div class="info-feedback">
<div class="text line-clamp-2">Lorem,
ipsum dolor sit amet consectetur
adipisicing
elit. Vero
mollitia natus inventore quam
adipisci enim beatae cumque ducimus
porro, velit
omnis incidunt odio possimus,
cupiditate deserunt? Adipisci illum
modi quas.
</div>
<div class="info-user d-flex
align-items">
<div class="avatar">
<img
src="./assets/images/avatar.png"
alt="">
</div>
<div class="cnt-info-user">
<img
src="./assets/images/list-star.png"
alt="">
<div class="user d-flex
align-items">
<b>Nguyễn Thị Hồng Nhung -
</b>
<span> 0383100***</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item-feedback">
<div class="image-feedback">
<img src="./assets/images/Rectangle
123.png" alt="">
</div>
<div class="info-feedback">
<div class="text line-clamp-2">Lorem,
ipsum dolor sit amet consectetur
adipisicing
elit. Vero
mollitia natus inventore quam
adipisci enim beatae cumque ducimus
porro, velit
omnis incidunt odio possimus,
cupiditate deserunt? Adipisci illum
modi quas.
</div>
<div class="info-user d-flex
align-items">
<div class="avatar">
<img
src="./assets/images/avatar.png"
alt="">
</div>
<div class="cnt-info-user">
<img
src="./assets/images/list-star.png"
alt="">
<div class="user d-flex
align-items">
<b>Nguyễn Thị Hồng Nhung -
</b>
<span> 0383100***</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btn-slider-feedback">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</section>
<section class="box-category hide">
<div class="container">
<div class="box-search-more-category d-flex align-items flex-wrap">
<h3>TÌM KIẾM NHIỀU:</h3>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
<p>Dàn âm thanh</p>
</div>
<div class="box-list-item-category">
<h1>Dàn âm thanh</h1>
<div class="sort-list-category d-flex justify-content-between">
<div class="sort-left">
<select class="sort-bar-select" onchange="location.href=this.value">
<option class="js-select-sort-name" value="/main-bo-mach-chu">Lọc sản phẩm</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=new" selected="selected">
Mới nhất
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-asc">
Giá tăng dần
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-desc">
Giá giảm dần
</option>
</select>
<select class="sort-bar-select" onchange="location.href=this.value">
<option class="js-select-sort-name" value="/main-bo-mach-chu">Lọc sản phẩm</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=new" selected="selected">
Mới nhất
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-asc">
Giá tăng dần
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-desc">
Giá giảm dần
</option>
</select>
<select class="sort-bar-select" onchange="location.href=this.value">
<option class="js-select-sort-name" value="/main-bo-mach-chu">Lọc sản phẩm</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=new" selected="selected">
Mới nhất
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-asc">
Giá tăng dần
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-desc">
Giá giảm dần
</option>
</select>
<select class="sort-bar-select" onchange="location.href=this.value">
<option class="js-select-sort-name" value="/main-bo-mach-chu">Lọc sản phẩm</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=new" selected="selected">
Mới nhất
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-asc">
Giá tăng dần
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-desc">
Giá giảm dần
</option>
</select>
</div>
<div class="sort-right">
<select class="sort-bar-select" onchange="location.href=this.value">
<option class="js-select-sort-name" value="/main-bo-mach-chu">Lọc sản phẩm</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=new" selected="selected">
Mới nhất
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-asc">
Giá tăng dần
</option>
<option class="js-select-sort-item" value="https://demopc8.hurasoft.com/main-bo-mach-chu?sort=price-desc">
Giá giảm dần
</option>
</select>
</div>
</div>
<div class="box-category-list grid grid--4-cols">
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/item product.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/item product.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/item product.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/item product.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img
src="./assets/images/item product.png"
alt="">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="">
Lorem, ipsum dolor sit amet
consectetur adipisicing elit. In
at vel
accusantium
vero
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<del class="old-price">72.880.000₫</del>
<div class="price">72.880.000₫</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="global-cart hide">
<form class="container" method="post" enctype="multipart/form-data" action="/send-cart" onsubmit="return check_field()">
<div class="box-cart grid grid--2-cols">
<div class="box-cart-left">
<div class="box-title">
<p class="title">
Để tiếp tục đặt hàng,
<a href="/dang-nhap">Nhấp vào đây để đăng nhập</a>
hoặc nhập thông tin bên dưới
</p>
<div class="fomr-login-cart">
<form enctype="multipart/form-data" onsubmit="return check_login();">
<div class="item">
<input type="text" name="info[email]" id="email" placeholder="Email">
</div>
<div class="item">
<div class="password-input">
<input type="password" class="input-pass" name="info[password]" id="password" placeholder="Mật khẩu">
</div>
</div>
<button type="submit" class="btn btn-customer">
ĐĂNG NHẬP
</button>
</form>
</div>
</div>
<div class="box-title">
<p class="title">
Bạn có mã giảm giá,
<a href="#">Nhấn vào đây để nhập mã của bạn</a>
</p>
<div class="cart-voucher-group fomr-login-cart">
<div class="cart-voucher-form ">
<input class="voucher-input js_voucher_input" id="js_voucher_input" placeholder=" Nhập mã giảm giá">
</div>
<button type="submit" class="btn btn-customer">
Áp dụng
</button>
<p class="font-500" id="js-voucher-message"><!-- voucher mess --></p>
</div>
</div>
<h2 class="title-info">Thông tin giao hàng</h2>
<div class="cart-customer-group">
<input type="text" placeholder="Họ và tên" name="user_info[name]" id="buyer_name" value="">
<input type="text" placeholder="Email" name="user_info[email]" id="buyer_email" value="">
<input type="text" placeholder="Số điện thoại" name="user_info[mobile]" id="buyer_tel" value="">
<div class="box-adress d-flex">
<input type="text" id="js-province-tragop" name="user_info[province]" placeholder="Chọn Tỉnh thành" autocomplete="off">
<input type="text" id="js-distric-tragop" name="user_info[district]" placeholder="Chọn Quận/Huyện" autocomplete="off">
<input type="text" id="js-ward-tragop" name="user_info[ward]" placeholder="Chọn Phường/Xã" autocomplete="off">
</div>
<input type="text" placeholder="Địa chỉ" id="buyer_address" name="user_info[address]" value="">
<textarea placeholder="Ghi chú" name="user_info[note]" id="buyer_note"></textarea>
</div>
<div class="form-input">
<h2 class="title-info">Phương thức vận chuyển</h2>
<label class="ship d-flex">
<input type="radio" name="ship_method" value="1" id="ship_1_input" checked="" onchange="show_store()">
<span>Giao hàng trong 48h: 0đ</span>
</label>
<label class="ship d-flex">
<input type="radio" name="ship_method" value="2" id="ship_2_input" onchange="show_store()">
<span>[NowFree] Giao hàng nhanh trong 2 giờ: 9,000 đ
<a href="#">Đơn hàng không đủ điều kiện giao nhanh 2 giờ (xem thêm)</a>
</span>
</label>
<label class="ship d-flex">
<input type="radio" name="ship_method" value="1" id="ship_1_input" checked="" onchange="show_store()">
<span>[Nhanh] Nhận hàng vào 11 Th03 - 17 Th03: 16,000 đ</span>
</label>
</div>
</div>
<div class="box-cart-right">
<h2 class="title-info">Giỏ hàng của bạn</h2>
<div class="box-product-cart">
<div class="js-item-row cart-item-info d-flex" data-variant_id="" data-item_id="93" data-item_type="product">
<input type="hidden" class="bk-check-out-of-stock" value="">
<input type="hidden" class="bk-product-property" value="">
<div class="cart-image">
<a href="/loa-focal-pack-sib-co-51-jb">
<img src="./assets/images/cart-item1.png" alt="Loa Focal Pack Sib &amp; CO 5.1 JB" class="bk-product-image">
</a>
<a href="javascript:void(0)" class="button-remove-pro item-cart-icon js-delete-item d-flex" > Xoá</a>
</div>
<div class="cart-info-product">
<div class="name-product d-flex align-items space-between">
<a href="/loa-focal-pack-sib-co-51-jb">Loa Focal Pack Sib &amp; CO 5.1 JB</a>
</div>
<div class="price-cart d-flex align-items">
<input type="hidden" class="buy-price" value="95200000">
<div class="price bk-product-price item-cart-price js-total-item-price">95.200.000 ₫</div>
<del class="old-price"></del>
</div>
<div class="quantity-cart d-flex align-items">
<p>Số lượng:</p>
<div class="unit-detail-amount-control">
<input class="buy-quantity quantity-change js-buy-quantity js-quantity-change-cart bk-product-qt" type="number" min="1" value="1" size="5">
</div>
<input type="hidden" class="bulk_price_config" value="[]">
<input type="hidden" class="js-buy-price" value="95200000">
</div>
<b style="display:none;"><span class="total-item-price">{$total_price|format_price}</span> VND</b>
</div>
</div>
<!---end san pham--->
<div class="box-payment">
<p class="price_ship" id="js-inner-ship">
<div class="cart-customer-total d-flex align-items-center justify-content-between">
<div>
<span class="text">Phí vận chuyển: </span>
</div>
<p class="cart-customer-total-price">Chưa tính</p>
</div>
</p>
<div class="cart-customer-total total-product d-flex justify-content-between">
<span>Tổng cộng</span>
<p class="cart-customer-total-price js-total-cart-price">2.200.000 đ</p>
</div>
</div>
</div>
<h2 class="title-info title-pey-method">Phương thức thanh toán</h2>
<div class="list-pay-method">
<label class="label-container d-flex align-items">
<input type="radio" name="pay_method" value="1" checked="" class="js-payment-method">
<div class="payment-detail" style="display: none;white-space: pre-line;"></div>
<span>Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM,Visa,Master)</span>
</label>
<label class="label-container d-flex align-items">
<input type="radio" name="pay_method" value="1" checked="" class="js-payment-method">
<div class="payment-detail" style="display: none;white-space: pre-line;"></div>
<span>Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)</span>
</label>
<label class="label-container d-flex align-items">
<input type="radio" name="pay_method" value="1" checked="" class="js-payment-method">
<div class="payment-detail" style="display: none;white-space: pre-line;"></div>
<span>Thanh toán qua Ngân Lượng (ATM nội địa, Visa Master)</span>
</label>
<label class="label-container d-flex align-items">
<input type="radio" name="pay_method" value="1" checked="" class="js-payment-method">
<div class="payment-detail" style="display: none;white-space: pre-line;"></div>
<span>Trả góp Alepay(Ngân lượng)</span>
</label>
<label class="label-container d-flex align-items">
<input type="radio" name="pay_method" value="1" checked="" class="js-payment-method">
<div class="payment-detail" style="display: none;white-space: pre-line;"></div>
<span>Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng Vnpay)</span>
</label>
</div>
<div class="cart-btn-buy js-send-cart">
<button type="submit" class="js-send-cart">Hoàn tất đơn hàng</button>
<!-- BK BUTTON -->
<div class="bk-btn"></div>
<!-- END BK BUTTON -->
</div>
<a class="title-continute" href="/">Tiếp tục mua sắm</a>
</div>
</div>
</form>
</section>
<section class="page-product-detail hide">
<div class="container">
<div class="product-detail-page">
<section class="section-details" data-item_id="6" data-item_category-id="15" data-item_time-deal-end="0">
<div class="box-product-detail d-flex">
<!---FANCYBOX-->
<div class="product-images">
<img class="lazy entered loaded" data-src="/media/product/6-rectangle-29--1-.png" width="100%" style="border-radius: 15px" src="./assets/images/product-image.png" data-was-processed="true" data-ll-status="loaded">
</div>
<!-- DESCRIPTION -->
<div class="product-descriptions min-width-0">
<div class="product-title">
<h1>Đầu T+A Multi Source SACD và PCM/DSD DAC Player MP 3100 HV</h1>
</div>
<div class="product-review-detail d-flex">
<div class="product-review d-flex">
<p class="p-item-review">
<i class="star0 sprite-star"></i>
</p>
<span>
0 đánh giá
</span>
</div>
<div class="product-vist d-flex">
<b>Lượt xem:</b> 0
</div>
</div>
<div class="product-pricing ">
<div class="box-pricing-detail d-flex align-items-center">
<p class="product-pricing-sale font-weight-700 color-primary">Liên hệ</p>
</div>
</div>
<!-- GROUP -->
<div class="box-descreption-detail">
<h3 class="title">Mô tả sản phẩm</h3>
<ul>
<li>Loa siêu trầm: 2*114mm
Điểm cắt tần: 150Hz
Dải tần đáp ứng: 35Hz đến 20kHz</li>
</ul>
</div>
<div class="box-policy-detail d-flex align-items-center">
<div class="item-policy-detail">
<i class="icon_2023 policy-1"></i>
<p class="title-policy">100% Hàng hóa xuất xứ chính hãng</p>
</div>
<div class="item-policy-detail">
<i class="icon_2023 policy-2"></i>
<p class="title-policy">Bảo hành theo quy định của nhà sản xuất tối thiểu 12 tháng</p>
</div>
<div class="item-policy-detail">
<i class="icon_2023 policy-3"></i>
<p class="title-policy">Miễn phí ship nội thành Hà Nội.</p>
</div>
</div>
<div class="box-add-number-sp d-flex align-items-center">
<p class="title-add-number">Số lượng: </p>
<div class="product-buy-quantity">
<div class="cart-quantity-select d-flex align-items-center justify-content-center">
<a href="javascript:void(0)" class="js-quantity-change" data-value="-1">
</a>
<input type="text" class="js-buy-quantity js-quantity-change bk-product-qty" value="1">
<a href="javascript:void(0)" class="js-quantity-change" data-value="1">
+
</a>
</div>
<input type="hidden" class="js-buy-quantity-temp" value="1">
</div>
</div>
<!-- BUY BTN-->
<div class="product-buy">
<div class="product-buy-option grid grid--2-cols">
<button class="btn btn-buy buy-right-now" onclick="buyNow(6, 0, '')">
<p><b>Mua ngay</b></p>
</button>
<button class="btn btn-buy add-cart-detail" onclick="addProductToCart(6, 0, '')">
<p><b>Thêm vào giỏ</b></p>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="section-descreption-product">
<h2 class="title">Thông tin sản phẩm</h2>
<h2 class="alert-mess d-flex align-items-center justify-content-center">
Mô tả sản phẩm đang được cập nhật
</h2>
</section>
<section class="section-descreption-product">
<h2 class="title">Thông số kỹ thuật</h2>
<h2 class="alert-mess d-flex align-items-center justify-content-center">
Thông số kỹ thuật đang được cập nhật
</h2>
</section>
<section class="section-review-product">
<h2 class="title">Đánh giá</h2>
<form action="/ajax/post_comment.php" method="post" enctype="multipart/form-data" onsubmit="return check_field(0)" class="form-post">
<div class="box-review d-flex justify-content-between">
<div class="list-review">
<div id="js-review-holder"></div>
</div>
<div class="review-info">
<p class="title-review-info">Đánh giá sản phẩm</p>
<div class="avgRate d-flex align-items-center">
<div class="font-weight-700 title-star"><p>0.0</p></div>
<div class="list-star-active">
<i class="sprite-star star5" style="margin-right: 10px; display: inline-block;"></i>
<p>0 đánh giá</p>
</div>
</div>
<div class="box-review" id="js-box-review">
<div class="rating-form" id="review-statistic">
<table>
<tbody><tr>
<td colspan="2"><textarea id="rating-content" placeholder="Chia sẻ suy nghĩ và đánh giá của bạn về sản phẩm" class="form-control" style="height: 80px;"></textarea></td>
</tr><tr class="rowr">
<td><label>Đánh giá:</label></td>
<td>
<div class="rating" id="select-rate-pro">
<div class="rating-selection" id="rating-review0">
<input type="radio" class="rating-input" id="rating-input-review-0-5" value="5" name="user_post[rate]" checked="">
<label for="rating-input-review-0-5" class="sprite-1star rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-4" value="4" name="user_post[rate]">
<label for="rating-input-review-0-4" class="sprite-1star rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-3" value="3" name="user_post[rate]">
<label for="rating-input-review-0-3" class="sprite-1star rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-2" value="2" name="user_post[rate]">
<label for="rating-input-review-0-2" class="sprite-1star rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-1" value="1" name="user_post[rate]">
<label for="rating-input-review-0-1" class="sprite-1star rating-star"></label>
</div>
</div>
</td>
</tr>
<tr class="rowr">
<td><label>Họ và tên</label></td>
<td><input type="text" id="rating-name" class="form-control" value=""></td>
</tr>
<tr class="rowr">
<td><label>Email</label></td>
<td><input type="text" id="rating-email" class="form-control" value=""></td>
</tr>
<tr class="rowr">
<td></td>
</tr>
</tbody>
</table>
<div class="btn-review d-flex align-items-center justify-content-center" onclick="send_vote()">
<img class="lazy entered loaded" data-src="./assets/images/btn-review.png" data-ll-status="loaded" src="./assets/images/btn-review.png" data-was-processed="true">
<a href="javascript:void(0);" class="btn-blue">Gửi đánh giá của bạn</a>
</div>
<div class="clear space10px"></div>
</div>
</div>
</div>
</div>
</form>
</section>
</div>
<!----SECTION RELATED PRODUCT -->
<section class="box-bottom-detail">
<div class="box-related-products">
<h2 class="title">Sản phẩm liên quan</h2>
<div class="related-product-content">
<div class="swiper bottom-product-box-swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="js-bottom-product-box" aria-live="polite">
<div class="swiper-slide swiper-slide-active" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="1 / 10">
<div class="product-item" data-id="78" data-type="product">
<a href="/avm-evolution-streaming-cd-receiver-cs-33" class="product-image">
<img src="/media/product/250-78-209e0d7b4c8fe331a07b0a684c31f749.jpg" alt="AVM Evolution Streaming CD-Receiver CS 3.3">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/avm-evolution-streaming-cd-receiver-cs-33">
AVM Evolution Streaming CD-Receiver CS 3.3
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
237.000.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="2 / 10">
<div class="product-item" data-id="77" data-type="product">
<a href="/avm-evolution-streaming-cd-receiver-cs-53" class="product-image">
<img src="/media/product/250-77-283f369cab821c7b2a5488f6838fa1a6.jpg" alt="AVM Evolution Streaming CD-Receiver CS 5.3">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/avm-evolution-streaming-cd-receiver-cs-53">
AVM Evolution Streaming CD-Receiver CS 5.3
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
282.500.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="3 / 10">
<div class="product-item" data-id="76" data-type="product">
<a href="/dau-cd-player-naim-cd5-si" class="product-image">
<img src="/media/product/250-76-065e1d0dd6a681e03d663dba41c72d47.png" alt="Đầu CD Player Naim CD5 SI">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-cd-player-naim-cd5-si">
Đầu CD Player Naim CD5 SI
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
43.320.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="4 / 10">
<div class="product-item" data-id="75" data-type="product">
<a href="/dau-yamaha-cd-s3000" class="product-image">
<img src="/media/product/250-75-0cac133942e483c5bd128c115c689123.jpg" alt="Đầu Yamaha CD-S3000">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-yamaha-cd-s3000">
Đầu Yamaha CD-S3000
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
140.000.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="5 / 10">
<div class="product-item" data-id="74" data-type="product">
<a href="/dau-marantz-sacd-30n" class="product-image">
<img src="/media/product/250-74-348421c5d9b27c357bc899bd136b6901.jpg" alt="Đầu Marantz SACD 30N">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-marantz-sacd-30n">
Đầu Marantz SACD 30N
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
87.880.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="6 / 10">
<div class="product-item" data-id="73" data-type="product">
<a href="/dau-ayre-acoustics-cd-player-cx-7" class="product-image">
<img src="/media/product/250-73-5bf1877aec54f557e2d44f81a9bd3169.jpg" alt="Đầu Ayre Acoustics CD Player CX-7">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-ayre-acoustics-cd-player-cx-7">
Đầu Ayre Acoustics CD Player CX-7
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
79.100.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="7 / 10">
<div class="product-item" data-id="72" data-type="product">
<a href="/dau-naim-cd-player-cd5-xs" class="product-image">
<img src="/media/product/250-72-7c930ddf42022d8fca7c08560f6812ac.jpg" alt="Đầu Naim CD Player CD5 XS">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-naim-cd-player-cd5-xs">
Đầu Naim CD Player CD5 XS
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
89.012.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="8 / 10">
<div class="product-item" data-id="71" data-type="product">
<a href="/dau-esoteric-cd-player-x-01" class="product-image">
<img src="/media/product/250-71-74d8245c93cbd380485df78331549a90.jpg" alt="Đầu Esoteric CD Player X-01">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-esoteric-cd-player-x-01">
Đầu Esoteric CD Player X-01
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
116.350.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 288.5px; margin-right: 12px;" role="group" aria-label="9 / 10">
<div class="product-item" data-id="70" data-type="product">
<a href="/dau-accuphase-cd-player-dp-430" class="product-image">
<img src="/media/product/250-70-b36f9c75e142c7a7a6d2145f51e54fc5.jpg" alt="Đầu Accuphase CD Player DP-430">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-accuphase-cd-player-dp-430">
Đầu Accuphase CD Player DP-430
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
117.000.000 ₫
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="10 / 10" style="width: 288.5px; margin-right: 12px;">
<div class="product-item" data-id="69" data-type="product">
<a href="/dau-plinius-cd-player-mauri" class="product-image">
<img src="/media/product/250-69-427dd400ab686b31da6fa1b16416c33d.jpg" alt="Đầu Plinius CD Player Mauri">
</a>
<div class="info-product">
<h3 class="name-product line-clamp-2">
<a href="/dau-plinius-cd-player-mauri">
Đầu Plinius CD Player Mauri
</a>
</h3>
<div class="main-price text-center d-flex justify-content-between">
<span style="opacity: 0;">qwerty</span>
<div class="price">
141.570.000 ₫
</div>
</div>
</div>
</div>
</div>
</div>
<!----AJAX HOLDFER --->
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</section>
</div>
</section>
<sectio class="box-deal-home">
<div class="container">
<div class="title-deal d-flex justify-content-center align-items">
<div class="title-deal-left d-flex align-items">
<div class="icon-deal">
<img src="./assets/images/icon-deal (1).png" alt="icon">
</div>
<h2 class="title">SALE TO GIỮA THÁNG - GIẢM ĐẾN 50%</h2>
<div class="global-time-deal d-flex align-items-center font-weight-bold color-white">
<p>21</p>
<span>:</span>
<p>16</p>
<span>:</span>
<p>43</p>
<span>:</span>
<p>11</p>
</div>
</div>
</div>
<div class="box-content-deal category-deal grid grid--4-cols">
<div class="product p-item" data-id="75" data-time="1874626" data-type="deal">
<a href="/dau-yamaha-cd-s3000" class="p-img d-flex">
<img class="swiper-lazy lazy entered loaded" data-src="/media/product/250-75-0cac133942e483c5bd128c115c689123.jpg" alt="Đầu Yamaha CD-S3000" data-ll-status="loaded" src="./assets/images/product-image.png" data-was-processed="true">
</a>
<div class="p-content">
<a href="/dau-yamaha-cd-s3000">
<h3 class="p-name line-clamp-2">
Đầu Yamaha CD-S3000
</h3>
</a>
<p class="p-summary font-weight-300 my-4">
<span style="opacity: 0;display: block;margin-bottom: 4px;">qwerty</span>
</p>
<div class="d-flex box-price-deal align-items-center">
<p class="p-price color-primary font-weight-700">
140.000.000₫
</p>
<div class="p-box d-flex align-items-center justify-content-between">
<div class="wrapper">
<p class="p-market-price">141.000.000₫</p>
</div>
</div>
</div>
<div class="d-flex align-items-center justify-content-between p-bottom">
<div class="p-quantity-sale" data-quantity-left="1" data-quantity-sale-total="1">
<img class="icon-fire-deal" src="./assets/images/fire-deal.png">
<div class="bg-gradient"></div>
<p class="js-line-deal-left" style="width: 100%;"></p>
<span>
Đã bán 0
</span>
</div>
<a href="javascript:void(0)" class="btn-cart-product btn-cart" onclick="cartButton(75)">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="product p-item" data-id="87" data-time="1874626" data-type="deal">
<a href="/loa-bw-603-s2-anniversary-edition" class="p-img d-flex">
<img class="swiper-lazy lazy entered loaded" data-src="/media/product/250-87-6932572acadcbbf4e4eaf59a48829b45.jpg" alt="Loa B&amp;W 603 S2 Anniversary Edition" data-ll-status="loaded" src="./assets/images/product-image.png" data-was-processed="true">
</a>
<div class="p-content">
<a href="/loa-bw-603-s2-anniversary-edition">
<h3 class="p-name line-clamp-2">
Loa B&amp;W 603 S2 Anniversary Edition
</h3>
</a>
<p class="p-summary font-weight-300 my-4">
<span style="opacity: 0;display: block;margin-bottom: 4px;">qwerty</span>
</p>
<div class="d-flex box-price-deal align-items-center">
<p class="p-price color-primary font-weight-700">
62.850.000₫
</p>
<div class="p-box d-flex align-items-center justify-content-between">
<div class="wrapper">
<p class="p-market-price">64.850.000₫</p>
</div>
</div>
</div>
<div class="d-flex align-items-center justify-content-between p-bottom">
<div class="p-quantity-sale" data-quantity-left="1" data-quantity-sale-total="1">
<img class="icon-fire-deal" src="./assets/images/fire-deal.png">
<div class="bg-gradient"></div>
<p class="js-line-deal-left" style="width: 100%;"></p>
<span>
Đã bán 0
</span>
</div>
<a href="javascript:void(0)" class="btn-cart-product btn-cart" onclick="cartButton(87)">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
<div class="product p-item" data-id="53" data-time="28140226" data-type="deal">
<a href="/dau-ta-cd-player-mp-3000-hv" class="p-img d-flex">
<img class="swiper-lazy lazy entered loaded" data-src="/media/product/250-53-a1ee77cd79fa8b3f2cdd5c405c2695e5.jpg" alt="Đầu T+A CD Player MP 3000 HV" data-ll-status="loaded" src="./assets/images/product-image.png" data-was-processed="true">
</a>
<div class="p-content">
<a href="/dau-ta-cd-player-mp-3000-hv">
<h3 class="p-name line-clamp-2">
Đầu T+A CD Player MP 3000 HV
</h3>
</a>
<p class="p-summary font-weight-300 my-4">
<span style="opacity: 0;display: block;margin-bottom: 4px;">qwerty</span>
</p>
<div class="d-flex box-price-deal align-items-center">
<p class="p-price color-primary font-weight-700">
291.500.000₫
</p>
<div class="p-box d-flex align-items-center justify-content-between">
<div class="wrapper">
<p class="p-market-price">292.500.000₫</p>
</div>
</div>
</div>
<div class="d-flex align-items-center justify-content-between p-bottom">
<div class="p-quantity-sale" data-quantity-left="0" data-quantity-sale-total="5">
<img class="icon-fire-deal" src="./assets/images/fire-deal.png">
<div class="bg-gradient"></div>
<p class="js-line-deal-left" style="width: 0%;"></p>
<span>
Hết khuyến mãi
</span>
</div>
</div>
</div>
</div>
<div class="product p-item" data-id="78" data-time="28140226" data-type="deal">
<a href="/avm-evolution-streaming-cd-receiver-cs-33" class="p-img d-flex">
<img class="swiper-lazy lazy entered loaded" data-src="/media/product/250-78-209e0d7b4c8fe331a07b0a684c31f749.jpg" alt="AVM Evolution Streaming CD-Receiver CS 3.3" data-ll-status="loaded" src="./assets/images/product-image.png" data-was-processed="true">
</a>
<div class="p-content">
<a href="/avm-evolution-streaming-cd-receiver-cs-33">
<h3 class="p-name line-clamp-2">
AVM Evolution Streaming CD-Receiver CS 3.3
</h3>
</a>
<p class="p-summary font-weight-300 my-4">
<span style="opacity: 0;display: block;margin-bottom: 4px;">qwerty</span>
</p>
<div class="d-flex box-price-deal align-items-center">
<p class="p-price color-primary font-weight-700">
237.000.000₫
</p>
<div class="p-box d-flex align-items-center justify-content-between">
<div class="wrapper">
<p class="p-market-price">239.000.000₫</p>
</div>
</div>
</div>
<div class="d-flex align-items-center justify-content-between p-bottom">
<div class="p-quantity-sale" data-quantity-left="6" data-quantity-sale-total="10">
<img class="icon-fire-deal" src="./assets/images/fire-deal.png">
<div class="bg-gradient"></div>
<p class="js-line-deal-left" style="width: 60%;"></p>
<span>
Đã bán 4
</span>
</div>
<a href="javascript:void(0)" class="btn-cart-product btn-cart" onclick="cartButton(78)">
<i class="icon_2023 cart"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</sectio>
<footer class="footer">
<div class="list-brand">
<div class="box-list-item-brand d-flex align-items space-between">
<a href="" class="item">
<img src="./assets/images/brand-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/brand-2.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 class="container">
<div class="content-main-footer d-flex justify-content-between">
<div class="item">
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="">
</a>
<p>Condimentum adipiscing vel neque dis nam parturient
orci at scelerisque neque dis nam parturient.
</p>
<a href="" class="d-flex">
<i class="icon_2023 map "></i>
<span>Tràng Thi - Hoàn Kiếm - Hà Nội</span>
</a>
<a href="tel:0243.8.524.524" class="d-flex">
<i class="icon_2023 phone"></i>
<span>Hotline: 0243.8.524.524</span>
</a>
<a href="tel:0988.034.960" class="d-flex">
<i class="icon_2023 phone"></i>
<span>Điện thoại: 0988.034.960</span>
</a>
<div class="box-icon-social-footer d-flex align-items">
<a href="" class="icon-facebook d-flex align-items"><i class="fa
fa-facebook-f"></i></a>
<a href="" class="icon-youtobe d-flex align-items"><i class="fa
fa-youtube-play"></i></a>
<a href="" class="icon-instagram d-flex align-items"><i class="fa
fa-instagram"></i></a>
</div>
</div>
<div class="item">
<div class="title">THÔNG TIN HỮU ÍCH</div>
<a href="/gioi-thieu">Giới thiệu</a>
<a href="/tuyen-dung">Tuyển dụng</a>
<a href="/tin-tuc">Tin tức</a>
<a href="y-kien">Ý kiến khách hàng</a>
<a href="/chinh-sach-bao-mat">Chính sách bảo mật thông
tin</a>
<a href="/lien-he">Liên hệ</a>
</div>
<div class="item">
<div class="title">HỖ TRỢ MUA HÀNG</div>
<a href="#">Hướng dẫn mua hàng trực tuyến</a>
<a href="#"> Các hình thức thanh toán</a>
<a href="#"> Tại sao chọn mua hàng online</a>
<a href="#"> Các hình thức mua hàng</a>
<a href="#">Chính sách vận chuyển</a>
<a href="#"> Chính sách bảo trì, bảo hành</a>
<a href="#"> Chính sách đổi trả hàng</a>
</div>
<div class="item">
<div class="title">THÔNG TIN KHUYẾN MẠI</div>
<a href="#">Thông tin khuyến mại</a>
<a href="#"> Sản phẩm khuyến mại</a>
<a href="#"> Sản phẩm bán chạy</a>
<a href="#"> Sản phẩm mới</a>
<img src="./assets/images/da-thong-bao.png" alt="">
</div>
</div>
</div>
</footer>
<p class="end-title-footer">
Bản quyền thuộc về Best Audio | Thiết kế website bởi Hurasoft
</p>
</body>
</html>