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

1984 lines
104 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>