ducdt/giao_dien_web_mau
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
giao_dien_web_mau/demo-audio-2/index_mobile.html
quannd 930ec14440 Update 14h - 30/03/2023
2023-03-30 13:55:14 +07:00

2147 lines
104 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="/images/favicon_audio.png" type="image/x-icon" />
<title>DEMO AUDIO 2</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet" />
<link rel="stylesheet" id="js-cdn-font-awesome" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/css/library.css" />
<link rel="stylesheet" href="/css/style_mobile.css" />
</head>
<body>
<div>
<!-- HEADER -->
<header class="global-header">
<!-- HEADER BOTTOM -->
<div class="header-bottom">
<div class="container">
<div class="header-wrapper row d-flex align-items-center justify-content-between">
<div class="col-4">
<a href="#menu" class="menu icon">
<img src="/images/static-icon-menu.png" alt="Menu" class="d-flex w-100" />
</a>
</div>
<div class="col-4">
<a href="/" class="logo">
<img src="/images/audio-logo-demo-2.png" alt="Logo" class="d-flex w-100" />
</a>
</div>
<div class="col-4 text-right">
<div class="function">
<a href="javascript:toogleSearchBar();" class="icon header-search">
<i class="static-icons static-icons-static-icon-header-search"></i>
</a>
<a href="/cart" class="icon header-cart">
<i class="static-icons static-icons-static-icon-header-cart p-relative">
<span class="header-cart-count" id="js-header-cart-count">1</span>
</i>
</a>
</div>
</div>
</div>
</div>
</div>
<!--- HEADER SEARCH BAR --->
<div class="header-search-box d-none">
<div class="container pb-2">
<div class="header-search-bar">
<form method="get" action="/tim" enctype="multipart/form-data" name="searchForm">
<input type="text" id="js-search-box" name="q" class="header-search-input"
placeholder="Nhập từ khóa tìm kiếm ..." value="" autocomplete="off" onclick="getSearchValue()" />
<button type="submit" id="js-search-button"
class="header-search-btn d-flex align-items-center justify-content-center">
<i class="static-icons static-icons-static-icon-header-search"
style="filter: brightness(0) invert(1)"></i>
</button>
</form>
<div class="search-results" style="display: none">
<div class="search-results-list"></div>
</div>
</div>
</div>
</div>
</header>
<!-- MMENU -->
<nav id="menu" class="mb-menu d-none">
<ul>
<li>
<a href="/am-thanh" class="d-flex align-items-center gap-8">
<span class="cat-title">Âm thanh HI-FI</span>
</a>
<ul>
<li>
<a href="/am-thanh">Âm thanh HI-FI</a>
<ul>
<li>
<a href="/am-thanh">Âm thanh HI-FI</a>
<ul>
<li>
<a href="/am-thanh">Âm thanh HI-FI</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/dang-nhap" class="d-flex align-items-center gap-8">
<i class="fa fa-user-circle-o cat-thumb" style="font-size: 18px"></i>
<span class="cat-title">Tài khoản</span>
</a>
</li>
</ul>
</nav>
<!-- HOMEPAGE -->
<div class="homepage d-none">
<!-- SECTION HERO -->
<div class="section-hero">
<div class="swiper swiper-section-hero pb-4 swiper-initialized swiper-horizontal swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-9d6d1082f3cdeb18a" aria-live="off" style="
transform: translate3d(0px, 0px, 0px);
transition-duration: 0ms;
">
<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 2"
style="width: 426px; margin-right: 10px">
<a href="/ad.php?id=18">
<img alt="Banner Hero 1" class="d-flex w-100" src="/images/static-banner-hero-img-1.jpg" />
<div class="wrapper-content text-center color-white">
<h4 class="title">Banner Hero 1</h4>
<p class="text">Banner Hero 1</p>
</div>
</a>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 2"
style="width: 426px; margin-right: 10px">
<a href="/ad.php?id=19">
<img alt="Banner Hero 2" class="d-flex w-100" src="/images/static-banner-hero-img-1.jpg" />
<div class="wrapper-content text-center color-white">
<h4 class="title">Banner Hero 2</h4>
<p class="text">Banner Hero 2</p>
</div>
</a>
</div>
</div>
<div
class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0"
role="button" aria-label="Go to slide 2"></span>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
<div class="container">
<!-- SECTION BRAND -->
<div class="section-brand bg-secondary mt-12px">
<div class="swiper swiper-section-banner">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/images/static-brand-img-1.png" alt="Brand" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-brand-img-2.png" alt="Brand" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-brand-img-3.png" alt="Brand" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-brand-img-4.png" alt="Brand" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-brand-img-5.png" alt="Brand" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-brand-img-6.png" alt="Brand" class="d-flex w-100" />
</div>
</div>
</div>
</div>
<!-- SECTION DEAL -->
<div class="section-deal mt-12px">
<!-- HEADING -->
<div class="heading-deal">
<div class="">
<div class="wrapper-title d-flex align-items-center justify-content-center gap-8 mb-2">
<i class="title">Flash Sale</i>
<i class="static-icons static-icons-static-icon-thunder"></i>
<i class="time">29.03</i>
</div>
</div>
<div class="d-flex align-items-center justify-content-center gap-8">
<span class="text-12">Kết thúc trong</span>
<div class="global-time-deal d-flex align-items-center font-weight-700 color-white"
id="js-global-time-deal">
<p>3</p>
<p>0</p>
<span>:</span>
<p>2</p>
<p>0</p>
<span>:</span>
<p>4</p>
<p>4</p>
<span>:</span>
<p>0</p>
<p>2</p>
</div>
</div>
</div>
<!-- PRODUCT -->
<div class="product-deal">
<div class="">
<div class="p-deal-other">
<div class="swiper swiper-deal-list">
<div class="swiper-wrapper" id="js-list-deal">
<div class="swiper-slide">
<div class="p-item d-flex gap-16" data-deal-time-left="2667027">
<a href="/2-channel-sacdcd-player-mcintosh-mcd85" class="p-image">
<img alt="2-Channel SACD/CD Player McIntosh MCD85" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<div class="p-info flex-1">
<a href="/2-channel-sacdcd-player-mcintosh-mcd85">
<h3 class="p-name line-clamp-2 mt-1">
2-Channel SACD/CD Player McIntosh MCD85
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">178.000.000₫</p>
<p class="p-price-stock">250.000.000₫</p>
</div>
<div class="wrapper d-flex align-items-end gap-12 mt-2">
<div class="wrapper-deal p-relative flex-1 mb-2" data-deal-left="25" data-deal-total="30">
<div class="deal-line total"></div>
<div class="deal-line remaining js-line-deal-left" style="width: 83.3333%"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 5</p>
</div>
<a href="javascript:addCart(8);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item d-flex gap-16" data-deal-time-left="2667027">
<a href="/western-electric-cd-player-203c" class="p-image">
<img alt="Western Electric CD Player 203C" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<div class="p-info flex-1">
<a href="/western-electric-cd-player-203c">
<h3 class="p-name line-clamp-2 mt-1">
Western Electric CD Player 203C
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">318.725.000₫</p>
<p class="p-price-stock">320.000.000₫</p>
</div>
<div class="wrapper d-flex align-items-end gap-12 mt-2">
<div class="wrapper-deal p-relative flex-1 mb-2" data-deal-left="11" data-deal-total="15">
<div class="deal-line total"></div>
<div class="deal-line remaining js-line-deal-left" style="width: 73.3333%"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 4</p>
</div>
<a href="javascript:addCart(7);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item d-flex gap-16" data-deal-time-left="2667027">
<a href="/davinci-audio-labs-mc-cartridge-grand-reference-grandezza" class="p-image">
<img alt="DaVinci Audio Labs MC Cartridge Grand Reference Grandezza"
class="p-img d-flex w-100" src="/images/static-image-pro-1.png" />
</a>
<div class="p-info flex-1">
<a href="/davinci-audio-labs-mc-cartridge-grand-reference-grandezza">
<h3 class="p-name line-clamp-2 mt-1">
DaVinci Audio Labs MC Cartridge Grand Reference
Grandezza
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">121.125.000₫</p>
<p class="p-price-stock">221.125.000₫</p>
</div>
<div class="wrapper d-flex align-items-end gap-12 mt-2">
<div class="wrapper-deal p-relative flex-1 mb-2" data-deal-left="13" data-deal-total="20">
<div class="deal-line total"></div>
<div class="deal-line remaining js-line-deal-left" style="width: 65%"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 7</p>
</div>
<a href="javascript:addCart(1);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item d-flex gap-16" data-deal-time-left="2667027">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<div class="p-info flex-1">
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2 mt-1">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="wrapper d-flex align-items-end gap-12 mt-2">
<div class="wrapper-deal p-relative flex-1 mb-2" data-deal-left="6" data-deal-total="10">
<div class="deal-line total"></div>
<div class="deal-line remaining js-line-deal-left" style="width: 60%"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 4</p>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-primary text-center mt-3">
<a href="/deal" class="view-more">Xem tất cả +</a>
</div>
<!-- BANNER -->
<div class="banner-deal my-4">
<div class="swiper swiper-section-deal-banner swiper-initialized swiper-horizontal swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-c366102deeaa924810" aria-live="off" style="
transform: translate3d(-832px, 0px, 0px);
transition-duration: 0ms;
">
<div class="swiper-slide" role="group" aria-label="1 / 3" style="width: 406px; margin-right: 10px">
<a href="/ad.php?id=20" class="banner-deal-image">
<img alt="Banner Deal 1" class="d-flex w-100" src="/images/static-banner-sale-img-1.png" />
<div class="overlay"></div>
<div class="wrapper-content">
<p class="title mb-2">Banner Deal 1</p>
<span class="text">Banner Deal 1</span>
<p class="btn text-20 font-weight-500 mt-3 bg-primary">
MUA NGAY
</p>
</div>
</a>
</div>
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="2 / 3"
style="width: 406px; margin-right: 10px">
<a href="/ad.php?id=21" class="banner-deal-image">
<img alt="Banner Deal 2" class="d-flex w-100" src="/images/static-banner-sale-img-2.png" />
<div class="overlay"></div>
<div class="wrapper-content">
<p class="title mb-2">Banner Deal 2</p>
<span class="text">Banner Deal 2</span>
<p class="btn text-20 font-weight-500 mt-3 bg-primary">
MUA NGAY
</p>
</div>
</a>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="3 / 3"
style="width: 406px; margin-right: 10px">
<a href="/ad.php?id=22" class="banner-deal-image">
<img alt="Banner Deal 3" class="d-flex w-100" src="/images/static-banner-sale-img-3.png" />
<div class="overlay"></div>
<div class="wrapper-content">
<p class="title mb-2">Banner Deal 3</p>
<span class="text">Banner Deal 3</span>
<p class="btn text-20 font-weight-500 mt-3 bg-primary">
MUA NGAY
</p>
</div>
</a>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<!-- SECTION CATEGORY -->
<div class="section-category mt-12px pb-4">
<div class="category-box">
<div class="heading-primary d-flex align-items-center gap-24">
<h2 class="title">Âm Thanh Hi-End</h2>
<div class="offsite-wrapper"></div>
</div>
<div class="category-child mb-3">
<ul class="list d-flex align-items-center justify-content-center text-16 color-gray-2">
<li class="item hover-primary selected">Đầu phát Hi-end</li>
<li class="item hover-primary">DAC, Clock, Upsampler...</li>
</ul>
</div>
<div class="category-product grid grid--2-cols">
<div class="p-item">
<a href="" class="p-image">
<img src="/images/static-image-pro-1.png" alt="Product" class="p-img d-flex w-100" />
</a>
<a href="">
<h3 class="p-name line-clamp-2">
Lorem ipsum is placeholder text commonly used
</h3>
</a>
<div class="p-price">
<div class="p-price-sale">72.880.000₫</div>
<div class="p-price-stock">82.880.000₫</div>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap-8 mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">+ Giá tốt nhất khi liên hệ ngay + Hỗ trợ kỹ thuật 24/7
+ Bảo hành chính hãng</span>
</div>
<a href="javascript:;" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
<div class="bottom-primary text-center mt-4">
<a href="javascript:;" class="view-more">Xem tất cả +</a>
</div>
</div>
</div>
<!-- SECTION CUSTOMER -->
<div class="section-customer">
<div class="heading-primary d-flex align-items-center gap-8">
<h2 class="title">Khách hàng đã mua gần đây</h2>
<div class="offsite-wrapper"></div>
</div>
<ul class="list row mt-12px">
<li class="item col-12 col-md-6">
<div class="grid grid--2-cols">
<div class="col-w">
<img src="/images/static-banner-review-img-1.png" alt="Review"
class="customer-product-image d-flex w-100 lazy" />
</div>
<div class="col-w pb-5">
<div class="customer-product-review">
<div class="star py-2">
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
</div>
<div class="review text-14 mb-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam ...
</div>
<div class="basic-info d-flex align-items-center gap-8">
<i class="static-icons static-icons-static-icon-review-user"></i>
<p class="text-12">
<b class="d-block">Nguyễn Văn Ann</b>
0383100 ***
</p>
</div>
</div>
</div>
</div>
</li>
<li class="item col-12 col-md-6">
<div class="grid grid--2-cols">
<div class="col-w">
<img src="/images/static-banner-review-img-2.png" alt="Review"
class="customer-product-image d-flex w-100 lazy" />
</div>
<div class="col-w pb-5">
<div class="customer-product-review">
<div class="star py-2">
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
</div>
<div class="review text-14 mb-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam ...
</div>
<div class="basic-info d-flex align-items-center gap-8">
<i class="static-icons static-icons-static-icon-review-user"></i>
<p class="text-12">
<b class="d-block">Nguyễn Thị Hồng Ngọc</b>
0383100 ***
</p>
</div>
</div>
</div>
</div>
</li>
<li class="item col-12 col-md-6">
<div class="grid grid--2-cols">
<div class="col-w">
<img src="/images/static-banner-review-img-3.png" alt="Review"
class="customer-product-image d-flex w-100 lazy" />
</div>
<div class="col-w pb-5">
<div class="customer-product-review">
<div class="star py-2">
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
<i class="static-icons static-icons-static-icon-star-orange"></i>
</div>
<div class="review text-14 mb-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam ...
</div>
<div class="basic-info d-flex align-items-center gap-8">
<i class="static-icons static-icons-static-icon-review-user"></i>
<p class="text-12">
<b class="d-block">Nguyễn Thị Hồng Nhung</b>
0383100 ***
</p>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="bottom-primary text-center">
<a href="javascript:;" class="view-more">Xem tất cả +</a>
</div>
</div>
</div>
</div>
<!-- BREADCRUMB -->
<section class="section-breadcrumb routing py-12px">
<div class="global-breadcrumb container">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="list-style-none d-flex">
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name">Trang chủ</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li class="routing-link" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/linh-kien-may-tinh" itemprop="item" class="nopad-l">
<span itemprop="name"> Linh kiện máy tính </span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>
</div>
</section>
<!-- CATEGORY PAGE -->
<div class="product-page d-none">
<div class="container">
<!-- BANNER -->
<div class="banner p-relative mb-3">
<img src="/images/static-banner-category-img-1.jpg" alt="Banner" class="d-flex w-100" />
<h1 class="overlay d-flex align-items-center justify-content-center">
Âm thanh Hi-end nghe rất sống động
</h1>
</div>
<!-- MAIN CONTENT -->
<div class="main-content">
<div class="">
<!-- SORT -->
<div class="sort d-flex align-items-center justify-content-between pb-2">
<div class="wrapper-sort d-flex align-items-center gap-8">
<div class="sort-by-display d-flex gap-8">
<a href="javascript:Hura.User.setOption('product_display','grid').then(function(){ window.location.reload();})"
class="d-flex">
<i class="static-icons static-icons-static-icon-category-grid active"></i>
</a>
<a href="javascript:Hura.User.setOption('product_display','list').then(function(){ window.location.reload();})"
class="d-flex">
<i class="static-icons static-icons-static-icon-category-list"></i>
</a>
</div>
<p class="total-product text-13">Tổng 7 sản phẩm</p>
</div>
<div class="sort-by-collection">
<select name="" id="" onchange="location.href=this.value">
<option value="/am-thanh-hi-end">Sắp xếp theo</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=new">
Mới nhất
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=price-asc">
Giá tăng dần
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=price-desc">
Giá giảm dần
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=view">
Lượt xem
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=comment">
Trao đổi
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=rating">
Đánh giá
</option>
<option value="https://demoaudio8.hurasoft.com/am-thanh-hi-end?sort=name">
Tên A-&gt;Z
</option>
</select>
</div>
<div class="filter-popup">
<div class="filter-popup-btn" onclick="_openFilter();">
<img src="/images/static-icon-filter.png" alt="Filter icon" class="icon d-flex w-100" />
</div>
<!-- popup filter -->
<div class="popup-filter-group" style="display: none">
<div class="main-content">
<div class="popup-body">
<div class="js-filter-item brand-item">
<p class="title">Thương hiệu</p>
<div class="list-holder js-brand-list">
<a href="javascript:void(0)" class="js-filter-selected" data-brand="6">
<span class="text-center">DaVinci</span>
</a>
</div>
<button class="btn btn-view-more-popup" onclick="showFilterMoreBtn(this)" style="display: none">
<p>
<span class="js-view-more-popup">Xem thêm</span>
<i class="fa fa-angle-double-down" aria-hidden="true"></i>
</p>
</button>
</div>
<div class="js-filter-item brand-item">
<p class="title">Giá bán</p>
<div class="list-holder js-price-list">
<a href="javascript:void(0)" class="js-filter-selected" data-max="50000000" data-min="0">
<span class="text-center">Dưới 50 triệu</span>
</a>
<a href="javascript:void(0)" class="js-filter-selected" data-max="100000000"
data-min="50000000">
<span class="text-center">50 triệu - 100 triệu</span>
</a>
<a href="javascript:void(0)" class="js-filter-selected" data-max="150000000"
data-min="100000000">
<span class="text-center">100 triệu - 150 triệu</span>
</a>
<a href="javascript:void(0)" class="js-filter-selected" data-max="500000000"
data-min="200000000">
<span class="text-center">200 triệu - 500 triệu</span>
</a>
<a href="javascript:void(0)" class="js-filter-selected" data-max="0" data-min="500000000">
<span class="text-center">Trên 500 triệu</span>
</a>
</div>
<button class="btn btn-view-more-popup" onclick="showFilterMoreBtn(this)" style="display: none">
<p>
<span class="js-view-more-popup">Xem thêm</span>
<i class="fa fa-angle-double-down" aria-hidden="true"></i>
</p>
</button>
</div>
</div>
<div class="popup-footer d-flex">
<a href="javascript:void(0)" onclick="_closeFilter()" class="btn-close-menu"><i
class="fa fa-times"></i> Đóng</a>
<a href="/am-thanh-hi-end" class="js-partName">Xóa bộ lọc</a>
<a href="javascript:void(0)" onclick="_getLink('/am-thanh-hi-end?')">Áp dụng</a>
</div>
</div>
</div>
<div id="js-filter-block" style="display: none; height: 50px"></div>
<!-- end popup filter -->
</div>
</div>
<!-- PRODUCT LIST -->
<div class="product-list mt-3 pt-1 mb-5 grid grid--2-cols">
<!-- PRODUCT ITEM -->
<div class="p-item">
<div class="p-picture">
<a href="/western-electric-cd-player-203c" class="p-image">
<img alt="Western Electric CD Player 203C" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
</div>
<div class="p-info flex-1">
<a href="/western-electric-cd-player-203c">
<h3 class="p-name line-clamp-2">
Western Electric CD Player 203C
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">318.725.000₫</p>
<p class="p-price-stock">320.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:alert('Sản phẩm hiện không có sẵn!');" class="p-cart unavailable">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
<div class="paging paging-category">
<a href="javascript:;" class="paging-link active">1</a>
<a href="javascript:;" class="paging-link">2</a>
<a href="javascript:;" class="paging-link">3</a>
<a href="javascript:;" class="paging-link">4</a>
<a href="javascript:;" class="paging-link">5</a>
</div>
</div>
</div>
</div>
</div>
<!-- DETAIL PAGE -->
<div class="product-detail-page d-none">
<div class="container">
<!-- SECTION PRODUCT -->
<div class="section-product mb-4">
<!-- IMAGE THUMB -->
<div class="">
<div class="pro-thumbs">
<div class="swiper gallery-top mb-3">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery" title="Click để phóng to" href="/images/static-image-pro-1.png">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" title="Click để phóng to" href="/images/static-image-pro-1.png">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" title="Click để phóng to" href="/images/static-image-pro-1.png">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" title="Click để phóng to" href="/images/static-image-pro-1.png">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" title="Click để phóng to" href="/images/static-image-pro-1.png">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</a>
</div>
</div>
</div>
<div thumbsslider="" class="swiper gallery-thumbs product-images-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</div>
<div class="swiper-slide">
<img src="/images/static-image-pro-1.png" alt="Đầu CD/SACD Metronome AQWO" class="d-flex w-100" />
</div>
</div>
</div>
</div>
</div>
<!-- INFO -->
<div class="mt-3">
<!-- -->
<h1 class="pro-name">Đầu CD/SACD Metronome AQWO</h1>
<!-- -->
<p class="pro-sub-title text-14 font-weight-300">
Thương hiệu:
<a href="/brand/davinci"><span class="color-primary">DaVinci</span></a>
<span class="ml-4"><i class="icon-star star5"></i></span>
<span class="text-14 font-weight-400 color-blue ml-1">2 đánh giá</span>
</p>
<div class="gray-line mb-12px"></div>
<!-- -->
<div class="pro-price">
<div class="homepage pro-price-deal">
<div class="section-deal">
<div class="heading-deal row align-items-center justify-content-center">
<div class="col-w">
<div class="wrapper-title d-flex align-items-center gap-8">
<i class="title-w text-24">Flash Sale</i>
<i class="static-icons static-icons-static-icon-thunder"></i>
<i class="time text-24">22.03</i>
</div>
</div>
<div class="col-w d-flex align-items-center gap-8">
<span>Kết thúc trong</span>
<div class="global-time-deal d-flex align-items-center font-weight-700 color-white"
id="js-global-time-deal">
<p>3</p>
<p>0</p>
<span>:</span>
<p>1</p>
<p>9</p>
<span>:</span>
<p>5</p>
<p>9</p>
<span>:</span>
<p>1</p>
<p>4</p>
</div>
</div>
</div>
<div class="wrapper-price-deal">
<div class="pro-price-sale mb-2">
<div class="product-deal flex-1 w-100 mb-3" id="js-pro-deal-line">
<div class="wrapper-deal p-relative mb-1" data-deal-left="6" data-deal-total="10">
<div class="deal-line total"></div>
<div class="deal-line remaining js-line-deal-left" style="width: 60%"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 4</p>
</div>
</div>
<span class="text-24 font-weight-700 color-primary">329.000.000₫</span>
<del class="text-20 color-gray-2 ml-1">600.000.000₫</del>
</div>
<p class="pro-price-saleoff mb-2">
<b class="title">Tiết kiệm:</b>
<span class="text-20">271.000.000₫</span>
<span class="text-16 color-primary ml-1">(-46%)</span>
</p>
</div>
</div>
</div>
</div>
<!-- -->
<div class="pro-status font-weight-300 my-3">
<span class="pro-status-item mr-1">Bảo hành: <b class="font-weight-600">12 tháng</b></span>
<span class="pro-status-item mr-1"><b class="font-weight-600">Mới</b></span>
<span class="pro-status-item color-green font-weight-600">Còn hàng</span>
</div>
<!-- -->
<div class="pro-gift">
<p class="title mb-2">
<i class="static-icons static-icons-static-icon-red-gift mr-1"></i>
Quà khuyến mại
</p>
<ol class="list">
<li class="item">
<span class="marker">1</span>
+ Giá tốt nhất khi liên hệ ngay
</li>
<li class="item">
<span class="marker">2</span>
+ Hỗ trợ kỹ thuật 24/7
</li>
<li class="item">
<span class="marker">3</span>
+ Bảo hành chính hãng
</li>
</ol>
</div>
<!-- -->
<div class="pro-cart mb-3">
<div class="my-12px">
<span class="font-weight-700">Số lượng</span>
<input type="number" name="product quantity" id="js-buy-quantity" class="pro-cart-quantity ml-3 deal"
value="1" min="1" max="1" />
</div>
<div class="row">
<div class="col-6">
<a href="javascript:buyNow(9);" class="pro-cart-btn bg-primary color-white">Mua ngay</a>
</div>
<div class="col-6">
<a href="javascript:toggleModal('#js-modal-ct');" class="pro-cart-btn color-primary">
<i class="static-icons static-icons-static-icon-phone-ct-orange mr-2"></i>
Liên hệ ngay
</a>
</div>
</div>
</div>
<div class="gray-line mb-12px"></div>
<!-- -->
<div class="pro-social d-flex align-items-center gap-16">
<p class="text-16 font-weight-300">Chia sẻ:</p>
<ul class="list d-flex align-items-center gap-8">
<li>
<a href="javascript:;">
<i class="static-icons static-icons-static-icon-social-fb-orange"></i>
</a>
</li>
<li>
<a href="javascript:;">
<i class="static-icons static-icons-static-icon-social-gg-news-orange"></i>
</a>
</li>
<li>
<a href="javascript:;">
<i class="static-icons static-icons-static-icon-social-instagram-orange"></i>
</a>
</li>
</ul>
</div>
<!-- -->
<div class="pro-features my-3">
<ul class="list text-13">
<li class="d-flex align-items-center gap-12 mb-3">
<i class="static-icons static-icons-static-icon-feature-delivery-orange"></i>
<p class="wrapper">
<b class="d-block text-uppercase mb-1">Miễn phí vận chuyển</b>
<span class="font-weight-300">Tất cả các đơn hàng trên 1.000.000đ</span>
</p>
</li>
<li class="d-flex align-items-center gap-12">
<i class="static-icons static-icons-static-icon-feature-calendar-orange"
style="margin-left: 10px"></i>
<p class="wrapper">
<b class="d-block text-uppercase mb-1">Đổi trả dễ dàng</b>
<span class="font-weight-300">1 đổi 1 trong 15 ngày</span>
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="gray-line mb-12px"></div>
<!-- SECTION PRODUCT SAME BRAND -->
<div class="section-product-same-brand">
<h2 class="text-16 font-weight-700 text-uppercase my-3">
Sản phẩm thường được mua cùng
</h2>
<div class="product-list">
<div class="swiper swiper-relative-product mb-3">
<div class="swiper-wrapper" id="js-product-same-brand-list">
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gray-line mb-12px"></div>
</div>
<!-- SECTION PRODUCT SAME CATEOGRY -->
<div class="section-product-same-category">
<h2 class="text-16 font-weight-700 text-uppercase my-3">
Sản phẩm tương tự
</h2>
<div class="product-list">
<div class="swiper swiper-relative-product mb-3">
<div class="swiper-wrapper" id="js-product-same-category-list">
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="p-item">
<a href="/dau-cdsacd-metronome-aqwo" class="p-image">
<img alt="Đầu CD/SACD Metronome AQWO" class="p-img d-flex w-100"
src="/images/static-image-pro-1.png" />
</a>
<a href="/dau-cdsacd-metronome-aqwo">
<h3 class="p-name line-clamp-2">
Đầu CD/SACD Metronome AQWO
</h3>
</a>
<div class="p-price">
<p class="p-price-sale">329.000.000₫</p>
<p class="p-price-stock">600.000.000₫</p>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between gap- mt-2">
<div class="p-summary line-clamp-3">
<span class="ws-pre-line">Loa siêu trầm: 2*114mm Điểm cắt tần: 150Hz Dải tần
đáp ứng: 35Hz đến 20kHz</span>
</div>
<a href="javascript:addCart(9);" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gray-line mb-12px"></div>
<!-- SECTION DESCRIPTION -->
<div class="section-description row my-3">
<div class="col-12">
<h2 class="text-16 font-weight-700 text-uppercase mb-3">Mô tả</h2>
</div>
<div class="col-12">
<div class="content-desc static-html blur">
Dell G16 7620 - Cấu hình max ping với chip i7 12700H, RTX 3060 -
Màn lớn 16 inch QHD+ 165Hz siêu đẹp, siêu mượt - Cực bền bỉ Tiếp
nối sự thành công của dòng laptop/máy tính xách tay Dell gaming
G15, vào cuối năm 2022, hãng laptop Dell đã cho ra mắt dòng
laptop gaming Dell G16 với đại diện nổi bật là Dell G16 7620.
Chiếc laptop Dell core i7 G16 này chiếm được rất nhiều cảm tình
của các gamer bởi không chỉ có thiết kế siêu cool ngầu, chắc
chắn mà còn có cấu hình cực khủng trong tầm giá và màn hình siêu
đỉnh, cân mượt mọi tựa game nặng hay các tác vụ đồ họa phức tạp:
- Bộ đôi chip i7 12700H và RTX 3060 CỰC KHỦNG không ngán bất kỳ
tựa game nặng nào ở max setting và làm mượt mọi tác vụ đồ họa 3D
phức tạp - RAM 16GB, SSD 1TB LỚN NHẤT trong tầm giá sẵn sàng làm
việc đa nhiệm, lưu trữ file nặng và xuất file cực nhanh chóng
chỉ trong vài tích tắc - Màn lớn 16 inch, độ phân giải QHD+ cho
hình ảnh siêu đẹp, siêu sống động và tần số quét 165Hz làm mượt
mọi chuyển động trên khung hình - Thiết kế mạnh mẽ, siêu bền bỉ,
cứng cáp, có khả năng chống sốc, chống chịu va đập cực tốt, yên
tâm dùng nhiều năm vẫn bền bỉ - Hệ thống tản nhiệt lấy cảm hứng
từ Alienware, cùng với nhiều ống đồng và bốn lỗ thông hơi giúp
G16 hoạt động tối ưu nhất và luôn giữ được nhiệt độ ổn định ngay
cả trong quá trình chơi game dài >> Xem ngay test game Dell G16
7620 Dell G16 7620 - Chiến binh gaming sở hữu cấu hình max ping
ĐỈNH NHẤT tầm giá Dell G16 7620 có thể được xem là chiếc laptop
gaming sở hữu cấu hình khủng nhất trong tầm giá, với chip Intel
Core i7 - 12700H, 14 nhân 20 luồng, xung nhịp dao động đến tối
đa là 4.7 GHz, bộ nhớ đệm 24MB cache. Với sự vượt trội của Intel
thế hệ thứ 12 đời mới 2022, bộ vi xử lý i7 này có thể đảm bảo
cho chiếc máy vận hành siêu mượt mà các tác vụ yêu cầu hiệu năng
cực cao. Đi đôi với đó là card rời cực khủng của nhà NVIDIA là
RTX 3060 6GB GDDR6, được thiết kế dựa trên nền tảng Ampere và
kiến trúc RTX với nhân RT và nhân Tensor cung cấp tính năng AI
tiên tiến. Thêm vào đó, công nghệ Ray-Tracing trên card cũng hứa
hẹn sẽ mang lại hình ảnh được phản chiếu chân thực nhất với hiệu
suất cực nhanh và chất lượng hình ảnh rõ nét nhất đến bạn. Với
bộ đôi chip - card này, bạn hoàn toàn có thể chơi các tựa game
nặng nhất như: GTA V, Tomb Raider, FiFa 22,... hoặc làm đồ họa
Photoshop, Ai, Premiere, 3Ds Max, Sketchup, Maya… render video
siêu mượt mà. Theo kết quả test game thực tế thì Dell G16 7620
có thể chơi PUBG ở mức High setting - 2K đạt tới 200 FPS, High
setting - 2K trên trò War Thunder đạt tới 228 FPS, hay CS:GO ở
mức High setting - 2K đạt 198 FPS, ngoài ra khi chơi Cyberpunk
2077 ở chế độ High setting - 2K thì cũng rất mượt mà, ổn định và
cho ra chỉ số đẹp... Đặc biệt, trên chiếc Dell G16 7620 bạn còn
có thể chuẩn bị cho trận chiến trong vài giây mà không cần phải
thoát khỏi trò chơi, chỉ bằng một chạm trên nút F9 cũng là phím
macro Game Shift, giúp đẩy tốc độ quạt lên mức tối đa. CPU tự
động phát hiện điều này và có thể chuyển sang chế độ hiệu năng
động, cung cấp cho bạn sức mạnh cần thiết để vượt qua những tình
huống khó khăn hơn trong trò chơi hoặc hoàn thành các tác vụ sử
dụng nhiều CPU. RAM 16GB giúp các game thủ có thể mở thoải mái
nhiều tabs, nhiều ứng dụng cùng lúc mà không sợ giật, lag. Nhất
là việc trang bị SSD lên đến 1TB giúp máy trở thành một cỗ máy
gaming có dung lượng lớn nhất trong tầm giá, thoải mái lưu trữ
các file, ứng dụng nặng, cũng như đóng/mở/xuất các file phức tạp
nhanh chóng chỉ trong vài tích tắc. Màn hình của Dell G16 7620
siêu đẹp, siêu mượt với độ phân giải QHD+ và tần số quét 165Hz
Không chỉ có kích thước lớn hơn là 16 inch mà chiếc Dell G16
7620 còn có tỉ lệ vàng 16:10 và viền siêu mỏng ở 3 cạnh cho phép
các game thủ có thêm 11% không gian trải nghiệm trên màn hình so
với những chiếc Dell gaming 15 inch. Hơn nữa, nếu dòng Dell
Gaming G series của năm 2021 chỉ dừng lại ở tần số 120Hz thì
dòng G16 của năm nay đã có tần số quét lên tới 165Hz, làm mượt
mọi chuyển động, ngay cả những chuyển động nhanh trong các cuộc
chiến đua xe, bắn súng, để bạn đắm chìm vào từng khoảnh khắc của
cuộc chơi. Ngoài ra, Dell G16 7620 còn được trang bị độ phân
giải QHD+ không chỉ cho hình ảnh siêu sắc nét đến từng chi tiết
mà còn sống động và chân thật, cho các thiết kế đồ họa của bạn
sẽ cực kỳ chuẩn đẹp và chính xác. Thiết kế lấy cảm hứng từ “cỗ
máy gaming ngoài hành tinh” Alienware cực bền, cực ngầu Nếu như
những chiếc Dell G series của năm 2021 chỉ dừng lại ở thiết kế
giống Alienware nhưng vỏ vẫn là vỏ nhựa truyền thống của dòng G,
thì chiếc Dell G16 7620 này đã “tiến lại gần” hơn với chiếc
laptop cao cấp Alienware, khi vừa sở hữu ngoại hình giống lại
được trang bị lớp vỏ nhôm chắc chắn màu đen Obsidian, trông vừa
cứng cáp lại vừa cao cấp. Riêng về độ bền của hãng Dell nói
chung và với chiếc Dell Gaming G16 7620 này nói riêng thì các
bạn hoàn toàn có thể yên tâm, chúng có khả năng chống sốc, chống
va đập cực tốt, bảo vệ các linh kiện bên trong an toàn tuyệt đối
để bạn có thể yên tâm sử dụng lâu dài mà vẫn bền bỉ. Dell G16
7620 có hệ thống tản nhiệt cực mát mẻ Không chỉ có ngoại hình mà
hệ thống tản nhiệt của Dell G16 7620 cũng được lấy cảm hứng từ
Alienware giúp máy hoạt động tối ưu dưới áp lực. Theo đó, máy
được trang bị 2 quạt tản riêng biệt cho CPU và GPU, nhiều ống
đồng và bốn lỗ thông hơi lớn được bố trí hợp lý và các cánh quạt
siêu mỏng giúp luồng khí mát di chuyển khắp hệ thống, đảm bảo
các bộ phận bên trong luôn hoạt động tốt nhất ngay cả khi bạn
đang làm việc với các tác vụ nặng. Bàn phím nảy, gõ êm, LED RGB
cool ngầu, cá tính Dell G16 7620 có bàn phím gõ êm, có độ nảy
cao với các phím được thiết kế lớn, thoải mái gõ phím cả ngày mà
không sợ mỏi tay. Đặc biệt là việc trang bị bàn phím RGB 4 vùng
cá tính, có thể thoải mái tùy chỉnh màu sắc ưa thích thông qua
Alienware Command Center, giúp tăng cảm hứng chiến game của các
game thủ. Kết nối nhanh chóng, tiện lợi Bạn có thể kết nối với
các thiết bị ngoại vi để làm việc cực nhanh chóng và hiệu quả
trên chiếc Dell G16 7620 khi máy sở hữu đầy đủ các cổng kết nối
cần thiết như: 1. SuperSpeed ​​USB 3.2 Gen 1 Type A 2.
SuperSpeed ​​USB 3.2 Gen 1 Type A 3. Cổng Thunderbolt 4/USB
Type-C với DisplayPort với chế độ thay thế 4. SuperSpeed ​​USB
3.2 Gen 1 Type A 5. HDMI 2.1 6. Power in 7. RJ45 8. Tai
nghe/micrô Có thể nói, Dell G16 7620 chính là cỗ máy chiến game
đỉnh nhất trong tầm giá 34 triệu mà bạn có thể sở hữu hiện nay
với sự hoàn hảo từ thiết kế, màn hình cho đến hiệu năng. Sản
phẩm đang được bán với giá tốt nhất thị trường tại Laptop88, các
bạn hãy liên hệ ngay để được tư vấn kỹ hơn và mua hàng nhé!
</div>
<a href="javascript:;" onclick="viewMoreContent('.section-description')"
class="btn-view-more d-block text-center color-primary py-1 js-view-more-content">Xem tất cả +</a>
</div>
</div>
<div class="gray-line mb-12px"></div>
<!-- SECTION SPEC -->
<div class="section-spec row my-3">
<div class="col-12">
<h2 class="text-16 font-weight-700 text-uppercase mb-3">
Thông số kỹ thuật
</h2>
</div>
<div class="col-12">
<div class="content-spec static-html blur detail-spec-content mb-2">
<table class="attributes">
<tbody>
<tr class="option-item">
<td class="op_name"><strong>CPU</strong></td>
<td>
<div class="wordWrap">Intel Core i7&nbsp;12700H</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>RAM</strong></td>
<td>
<div class="wordWrap">16GB DDR5</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Ổ cứng</strong></td>
<td>
<div class="wordWrap">1TB SSD&nbsp;</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Màn hình</strong></td>
<td>
<div class="wordWrap">16 Inch QHD+</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Card đồ họa</strong></td>
<td>
<div class="wordWrap">Nvidia&nbsp;RTX3060</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Hệ điều hành</strong></td>
<td>
<div class="wordWrap">Win 11</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Màu sắc</strong></td>
<td>
<div class="wordWrap">Đen</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="product-spec" class="detail-spec-content" style="display: none">
<table class="attributes">
<tbody>
<tr class="option-item">
<td class="op_name"><strong>CPU</strong></td>
<td>
<div class="wordWrap">Intel Core i7&nbsp;12700H</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>RAM</strong></td>
<td>
<div class="wordWrap">16GB DDR5</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Ổ cứng</strong></td>
<td>
<div class="wordWrap">1TB SSD&nbsp;</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Màn hình</strong></td>
<td>
<div class="wordWrap">16 Inch QHD+</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Card đồ họa</strong></td>
<td>
<div class="wordWrap">Nvidia&nbsp;RTX3060</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Hệ điều hành</strong></td>
<td>
<div class="wordWrap">Win 11</div>
</td>
</tr>
<tr class="option-item">
<td class="op_name"><strong>Màu sắc</strong></td>
<td>
<div class="wordWrap">Đen</div>
</td>
</tr>
</tbody>
</table>
<div class="p-3 m-1"></div>
<button type="button" data-fancybox-close=""
class="fancybox-button fancybox-close-small fancybox-close-small-bottom d-flex align-items-center justify-content-center"
title="Close Bottom">
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" style="width: auto">
<path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"></path>
</svg>
Đóng
</button>
</div>
<a href="javascript:;" data-fancybox="" data-src="#product-spec"
class="btn-view-more d-block text-center color-primary py-1">
Xem cấu hình chi tiết +</a>
</div>
</div>
<div class="gray-line mb-12px"></div>
<!-- SECTION REVIEW -->
<div class="section-review row my-3">
<input type="hidden" name="user_post[item_type]" value="product" />
<input type="hidden" name="user_post[item_id]" value="9" />
<input type="hidden" name="user_post[item_title]" value="Đầu CD/SACD Metronome AQWO" />
<input type="hidden" name="user_post[rate]" value="0" />
<input type="hidden" name="user_post[title]" value="Đầu CD/SACD Metronome AQWO" />
<input type="hidden" name="user_post[user_email]" value="" />
<input type="hidden" name="user_post[user_name]" value="" />
<input type="hidden" name="user_post[user_avatar]" value="0" />
<div class="col-12">
<h2 class="text-16 font-weight-400 text-uppercase">
Thảo luận (0)
</h2>
</div>
<div class="col-12">
<h4 class="text-14 font-weight-700 mt-3 mb-2">
Chia sẻ suy nghĩ của bạn! Cho chúng tôi biết bạn nghĩ gì...
</h4>
<a href="javascript:toogleReviewForm('#review-form-0');" class="d-block mb-3 color-primary">Để lại một đánh
giá</a>
<div class="review-form" id="review-form-0">
<div class="review-star row mb-3">
<p class="col-12 text-14 font-weight-700 mb-2">
Bạn đánh giá về sản phẩm này thế nào? *
</p>
<div class="star-rank col-12">
<div class="rating-comment" style="float: left" id="item_rate">
<input type="radio" class="rating-input" id="rating-input-review-0-5" value="5"
data-title="Quá tuyệt vời" name="user_post[rate]" checked="" />
<label for="rating-input-review-0-5" class="rating-star" data-title="Quá tuyệt vời"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-4" value="4" data-title="Rất tốt"
name="user_post[rate]" />
<label for="rating-input-review-0-4" class="rating-star" data-title="Rất tốt"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-3" value="3"
data-title="Bình thường" name="user_post[rate]" />
<label for="rating-input-review-0-3" class="rating-star" data-title="Bình thường"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-2" value="2"
data-title="Tạm được" name="user_post[rate]" />
<label for="rating-input-review-0-2" class="rating-star" data-title="Tạm được"></label>
<input type="radio" class="rating-input" id="rating-input-review-0-1" value="1"
data-title="Không thích" name="user_post[rate]" />
<label for="rating-input-review-0-1" class="rating-star" data-title="Không thích"></label>
</div>
</div>
</div>
<div class="review-content">
<div class="review-form-item">
<label for="r-review" class="d-block mb-2 text-14 font-weight-700">Review *</label>
<textarea name="review" id="content0" cols="30" rows="10" class="r-input"
placeholder="Hãy nói cho chúng tôi biết suy nghĩ của bạn về sản phẩm này"></textarea>
</div>
<div class="review-form-item">
<label for="r-name" class="d-block mb-2 text-14 font-weight-700">Họ Tên *</label>
<input type="text" name="name" id="name0" class="r-input" />
</div>
<div class="review-form-item">
<label for="r-email" class="d-block mb-2 text-14 font-weight-700">Email *</label>
<input type="email" name="email" id="email0" class="r-input" />
</div>
</div>
<a href="javascript:postComment(0, '');" class="review-btn">Lưu đánh giá</a>
</div>
<div class="box-review-list my-3" id="review-list">
<div class="review-item">
<div class="review-container d-flex gap-8">
<div class="avatar">
<p class="js-avatar-name">Q</p>
</div>
<div class="text flex-1">
<div class="name-date text-14 ml-1">
<span class="font-weight-600">Quân Hura | </span>
<span class="text-12">22/3/2023</span>
</div>
<i class="icon-star star5"></i>
<div class="content">
<span class="text-14 ml-1">TEST 1</span>
</div>
<a href="javascript:toogleReviewForm('#js-reply-4');"
class="color-primary font-weight-500 text-12 ml-1">
Trả lời
</a>
<div class="review-form review-form-reply mt-2 mb-4" id="js-reply-4">
<div class="review-content">
<div class="review-form-item">
<label for="r-review" class="d-block mb-2 text-14 font-weight-700">Phản hồi *</label>
<textarea name="review" id="content4" cols="30" rows="10" class="r-input"
placeholder="Phản hồi của bạn"></textarea>
</div>
<div class="review-form-item">
<label for="r-name" class="d-block mb-2 text-14 font-weight-700">Họ Tên *</label>
<input type="text" name="name" id="name4" class="r-input" />
</div>
<div class="review-form-item">
<label for="r-email" class="d-block mb-2 text-14 font-weight-700">Email *</label>
<input type="email" name="email" id="email4" class="r-input" />
</div>
</div>
<a href="javascript:postComment(4, 'reply');" class="review-btn">Gửi phản hồi</a>
</div>
<div class="review-item review-item-reply">
<div class="review-container d-flex gap-8">
<div class="avatar">
<p class="js-avatar-name">Q</p>
</div>
<div class="text flex-1">
<div class="name-date text-14 ml-1">
<span class="font-weight-600">Quân Hura | </span>
<span class="text-12">28/3/2023</span>
</div>
<div class="content">
<span class="text-14 ml-1">TEST REPLY</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="review-item">
<div class="review-container d-flex gap-8">
<div class="avatar">
<p class="js-avatar-name">H</p>
</div>
<div class="text flex-1">
<div class="name-date text-14 ml-1">
<span class="font-weight-600">HuraSoft | </span>
<span class="text-12">10/2/2023</span>
</div>
<i class="icon-star star5"></i>
<div class="content">
<span class="text-14 ml-1">test</span>
</div>
<a href="javascript:toogleReviewForm('#js-reply-1');"
class="color-primary font-weight-500 text-12 ml-1">
Trả lời
</a>
<div class="review-form review-form-reply mt-2 mb-4" id="js-reply-1">
<div class="review-content">
<div class="review-form-item">
<label for="r-review" class="d-block mb-2 text-14 font-weight-700">Phản hồi *</label>
<textarea name="review" id="content1" cols="30" rows="10" class="r-input"
placeholder="Phản hồi của bạn"></textarea>
</div>
<div class="review-form-item">
<label for="r-name" class="d-block mb-2 text-14 font-weight-700">Họ Tên *</label>
<input type="text" name="name" id="name1" class="r-input" />
</div>
<div class="review-form-item">
<label for="r-email" class="d-block mb-2 text-14 font-weight-700">Email *</label>
<input type="email" name="email" id="email1" class="r-input" />
</div>
</div>
<a href="javascript:postComment(1, 'reply');" class="review-btn">Gửi phản hồi</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DEATAIL CONTACT POPUP -->
<div class="modal-global modal-player d-none" id="js-modal-ct">
<div class="contact-box game-policy">
<!-- PLAYER -->
<div class="contact-form" id="play-game-inside">
<div action="" class="form play-container">
<h4 class="form-title text-16 font-weight-700 text-uppercase color-secondary pb-12px mb-3 text-center">
Thông tin khách hàng
</h4>
<div class="form-list px-3" id="js-user-info">
<input type="email" placeholder="Email*" id="js-ct-email" class="form-input" value="" />
<input type="text" placeholder="Họ tên*" id="js-ct-name" class="form-input" value="" />
<input type="text" placeholder="Số điện thoại*" id="js-ct-tel" class="form-input" value="" />
<p class="text-13 text-center my-3">
Liên hệ ngay
<a href="tel:0828826688" class="font-weight-600 color-primary">0828826688</a>
hoặc
<a href="tel:0828826688" class="font-weight-600 color-primary">0828826688</a>
để được tư vấn
</p>
<a href="javascript:;" type="submit"
class="form-btn bg-primary d-flex align-items-center justify-content-center color-white text-uppercase font-weight-600"
onclick="_submitContact()">Nhận báo giá tốt nhất hôm nay</a>
</div>
</div>
</div>
<button class="btn-close" onclick="toggleModal('#js-modal-ct')">
<span class="text-24 font-weight-500 color-white">X</span>
</button>
</div>
</div>
</div>
</div>
<!-- DEAL PAGE -->
<div class="deal-page d-none">
<style>
.deal-page .global-time-deal {
font-size: 16px
}
.deal-page .global-time-deal p {
min-width: 20px;
line-height: 30px
}
</style>
<div class="container homepage">
<!-- SECTION DEAL -->
<div class="section-deal mt-12px">
<!-- HEADING -->
<div class="heading-deal row align-items-center justify-content-center gap-24">
<div class="">
<div class="wrapper-title d-flex align-items-center gap-8">
<i class="title">Flash Sale</i>
<i class="static-icons static-icons-static-icon-thunder"></i>
<i class="time">15.02</i>
</div>
</div>
<div class="d-flex align-items-center gap-8">
<span>Kết thúc trong</span>
<div class="global-time-deal d-flex align-items-center font-weight-700 color-white">
<p>9</p>
<p>9</p>
<span>:</span>
<p>9</p>
<p>9</p>
<span>:</span>
<p>9</p>
<p>9</p>
<span>:</span>
<p>9</p>
<p>9</p>
</div>
</div>
</div>
<!-- PRODUCT -->
<div class="product-deal p-deal-other grid grid--2-cols">
<div class="p-item">
<a href="" class="p-image">
<img src="/images/static-image-pro-1.png" alt="Product" class="p-img d-flex w-100" />
</a>
<a href="">
<h3 class="p-name line-clamp-2">
Lorem ipsum is placeholder text commonly used
</h3>
</a>
<div class="p-price">
<div class="p-price-sale">72.880.000₫</div>
<div class="p-price-stock">82.880.000₫</div>
</div>
<div class="p-wrapper d-flex align-items-center justify-content-between mt-2">
<div class="p-summary">
<span class="ws-pre-line">+ Giá tốt nhất khi liên hệ ngay + Hỗ trợ kỹ thuật 24/7 +
Bảo hành chính hãng</span>
</div>
<a href="javascript:;" class="p-cart">
<i class="static-icons static-icons-static-icon-header-cart-pro"></i>
</a>
</div>
<div class="wrapper-deal p-relative mt-4">
<div class="deal-line total"></div>
<div class="deal-line remaining"></div>
<i class="static-icons static-icons-static-icon-fire"></i>
<p class="sold text-12 color-white">Đã bán 30</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CART PAGE -->
<div class="cart-page d-none">
<div class="container">
<form class="row gap-12">
<div class="col-12">
<div class="cart-box customer-info">
<div class="heading bg-primary color-white d-flex gap-12 p-12px">
<img src="/images/static-icon-cart-location.png" alt="icon cart" class="cart-icon d-flex" />
<h2 class="text-16 text-uppercase font-weight-700">
Thông tin giao hàng
</h2>
</div>
<div class="content">
<p class="text-13 mb-12px">
Để tiếp tục đặt hàng, quý khách xin vui lòng
<a href="/taikhoan" class="color-primary text-under-line">Đăng nhập</a>
hoặc nhập thông tin bên dưới
</p>
<input type="text" name="" id="" class="input-w" placeholder="Họ và tên" />
<input type="text" name="" id="" class="input-w" placeholder="Email" />
<input type="text" name="" id="" class="input-w" placeholder="Số điện thoại" />
<div class="d-flex gap-12">
<select name="" id="" class="input-w">
<option value="">Chọn Tỉnh thành</option>
</select>
<select name="" id="" class="input-w">
<option value="">Chọn Quận/ Huyện</option>
</select>
</div>
<input type="text" name="" id="" class="input-w" placeholder="Địa chỉ" />
<textarea name="" id="" cols="30" rows="10" class="input-w" placeholder="Ghi chú"></textarea>
</div>
</div>
</div>
<div class="col-12">
<div class="cart-box payment mb-12px">
<div class="heading bg-primary color-white d-flex gap-12 p-12px">
<img src="/images/static-icon-cart-card.png" alt="icon cart" class="cart-icon d-flex" />
<h2 class="text-16 text-uppercase font-weight-700">
Phương thức thanh toán
</h2>
</div>
<div class="content">
<ul class="list list-radio">
<li class="item">
<input class="d-none" type="radio" id="check-payment-1" name="payment" checked />
<label for="check-payment-1">Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ
ATM,Visa,Master)</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-payment-2" name="payment" />
<label for="check-payment-2">Thanh toán qua chuyển khoản qua tài khoản ngân
hàng(khuyên dùng)</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-payment-3" name="payment" />
<label for="check-payment-3">Thanh toán qua Ngân Lượng (ATM nội địa,
Visa,Master)</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-payment-4" name="payment" />
<label for="check-payment-4">Trả góp Alepay (Ngân Lượng)</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-payment-5" name="payment" />
<label for="check-payment-5">Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua
cổng VnPay)</label>
</li>
</ul>
</div>
</div>
<div class="cart-box delivery">
<div class="heading bg-primary color-white d-flex gap-12 p-12px">
<img src="/images/static-icon-cart-truck.png" alt="icon cart" class="cart-icon d-flex" />
<h2 class="text-16 text-uppercase font-weight-700">
Phương thức vận chuyển
</h2>
</div>
<div class="content">
<ul class="list list-radio">
<li class="item">
<input class="d-none" type="radio" id="check-delivery-1" name="delivery" checked />
<label for="check-delivery-1">Giao hàng trong 48h: 0đ</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-delivery-2" name="delivery" />
<label for="check-delivery-2">[NowFree] Giao hàng nhanh trong 2 giờ: 9,000 đ Đơn hàng
không đủ điều kiện giao nhanh 2 giờ (xem thêm)
</label>
</li>
<li class="item">
<input class="d-none" type="radio" id="check-delivery-3" name="delivery" />
<label for="check-delivery-3">[Nhanh] Nhận hàng vào 11 Th03 - 17 Th03: 16,000
đ</label>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12">
<div class="cart-box cart-container mb-12px">
<div class="heading d-flex align-items-center gap-12 p-12px">
<h2 class="text-16 text-uppercase font-weight-700">
Giỏ hàng
</h2>
<span>1 sản phẩm</span>
</div>
<div class="content-w">
<!-- CART LIST -->
<div class="cart-list">
<div class="c-item">
<div class="c-left">
<img src="/images/static-image-pro-1.png" alt="cart-item" class="c-img d-flex w-100"
class="d-flex w-100" />
<a href="javascript:;" class="c-delete">Xóa</a>
</div>
<div class="c-right flex-1">
<h3 class="c-name line-clamp-2">
Loa đứng Loa Cột Floor Standing Hi-end
</h3>
<p class="c-price">72.880.000₫</p>
<p class="d-flex align-items-center gap-12">
<span>Số lượng</span>
<input class="c-quantity" type="number" value="1" min="1" />
</p>
</div>
</div>
</div>
<!-- CART VOUCHER -->
<div class="cart-voucher d-flex gap-8 pb-3 px-12px">
<input class="cart-voucher-input" type="text" name="" id="" placeholder="Nhập mã ưu đãi" />
<a class="cart-btn">Áp dụng</a>
</div>
<!-- CART SEND -->
<div class="cart-send p-12px text-14">
<div class="d-flex align-items-center justify-content-between pb-3">
<p>Phí vận chuyển:</p>
<p>Miễn phí</p>
</div>
<div class="d-flex align-items-center justify-content-between pb-3 font-weight-700">
<p>Tổng tiền:</p>
<p>72.880.000₫</p>
</div>
<a class="cart-btn">Hoàn tất đơn hàng</a>
<a href="/" class="d-block text-16 text-center font-weight-500 color-primary pt-3 pb-2">Tiếp tục mua
sắm</a>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- SCROLL TOP -->
<a href="javascript:window.scrollTo({ top: 0, behavior: 'smooth' });" class="scroll-top-btn"
title="Di chuyển lên đầu trang!" style="display: flex">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
<!--SUCCESS -->
<div class="success-form hide">
<div class="cart-success">
<svg class="success-form-svg" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg">
<g stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<path class="circle"
d="M13 1C6.372583 1 1 6.372583 1 13s5.372583 12 12 12 12-5.372583 12-12S19.627417 1 13 1z" />
<path class="tick" d="M6.5 13.5L10 17 l8.808621-8.308621" />
</g>
</svg>
<p class="text-cart-success">
Thêm sản phẩm vào giỏ hàng thành công!
</p>
</div>
</div>
<!-- FOOTER -->
<footer class="global-footer mt-3">
<!-- FOOTER TOP -->
<div class="footer-top">
<div class="container">
<ul class="features grid grid--2-cols grid--2-rows list py-4 mb-12px">
<li class="">
<p class="item d-flex flex-column align-items-center gap-8">
<i class="static-icons static-icons-static-icon-feature-delivery"></i>
<span class="text-13 text-center">
<b class="d-block font-weight-700">Miễn phí vận chuyển</b>
Tất cả các đơn hàng trên 1.000.000đ
</span>
</p>
</li>
<li class="">
<p class="item d-flex flex-column align-items-center gap-8">
<i class="static-icons static-icons-static-icon-feature-calendar"></i>
<span class="text-13 text-center">
<b class="d-block font-weight-700">Đổi trả dễ dàng</b>
1 đổi 1 trong 15 ngày
</span>
</p>
</li>
<li class="">
<p class="item d-flex flex-column align-items-center gap-8">
<i class="static-icons static-icons-static-icon-feature-wallet"></i>
<span class="text-13 text-center">
<b class="d-block font-weight-700">Thanh toán tiện lợi</b>
Trả tiền mặt, CK, trả góp 0%
</span>
</p>
</li>
<li class="">
<p class="item d-flex flex-column align-items-center gap-8">
<i class="static-icons static-icons-static-icon-feature-phone"></i>
<span class="text-13 text-center">
<b class="d-block font-weight-700">Hỗ trợ nhiệt tình</b>
Tư vấn, giải đáp mọi thắc mắc
</span>
</p>
</li>
</ul>
</div>
</div>
<div class="wrapper-footer bg-secondary">
<!-- FOOTER MID -->
<div class="footer-mid py-3">
<div class="container">
<div class="row align-items-center gap-12">
<div class="col-4 offset-4">
<a href="/" class="logo">
<img src="/images/audio-logo-demo-2.png" alt="Logo" class="d-flex w-100 lazy" />
</a>
</div>
<div class="col-12">
<p class="text-13 text-center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-8 offset-2">
<div class="wrapper d-flex align-items-center justify-content-between">
<a href="javascript:;" class="d-flex">
<i class="static-icons static-icons-static-icon-social-fb"></i>
</a>
<a href="javascript:;" class="d-flex">
<i class="static-icons static-icons-static-icon-social-gg-news"></i>
</a>
<a href="javascript:;" class="d-flex">
<i class="static-icons static-icons-static-icon-social-youtube"></i>
</a>
<a href="javascript:;" class="d-flex">
<i class="static-icons static-icons-static-icon-social-twitter"></i>
</a>
<a href="javascript:;" class="d-flex">
<i class="static-icons static-icons-static-icon-social-instagram"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER BOTTOM -->
<div class="footer-bottom text-13 color-white">
<div class="container">
<div class="row-0">
<div class="col-0">
<h3 class="text-13 font-weight-700 text-uppercase mb-12px">
Liên hệ
</h3>
<ul class="list">
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<i class="static-icons static-icons-static-icon-location"></i>
<span>XX Tràng Thi - Hoàn Kiếm - Hà Nội</span>
</a>
</li>
<li>
<a href="tel:02438524.524" class="d-flex align-items-center gap-12">
<i class="static-icons static-icons-static-icon-phone-ct"></i>
<span>Hotline: 0243.8.524.524</span>
</a>
</li>
<li>
<a href="tel:0988034960" class="d-flex align-items-center gap-12">
<i class="static-icons static-icons-static-icon-phone-ct"></i>
<span>Điện thoại: 0988.034.960</span>
</a>
</li>
</ul>
<div class="ministry-of-industry-and-trade">
<img src="/images/static-image-bct.png" alt="Bộ công thương" class="d-flex w-100 lazy" />
</div>
</div>
<div class="col-0">
<h3 class="title text-13 font-weight-700 text-uppercase accordion">
THÔNG TIN HỮU ÍCH
</h3>
<ul class="list accordion-content">
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Giới thiệu</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Tuyển dụng</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Tin tức</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Ý kiến khách hàng</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Chính sách bảo mật thông tin</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Liên hệ</span>
</a>
</li>
</ul>
</div>
<div class="col-0">
<h3 class="title text-13 font-weight-700 text-uppercase accordion">
HỖ TRỢ MUA HÀNG
</h3>
<ul class="list accordion-content">
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Hướng dẫn mua hàng trực tuyến</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Các hình thức thanh toán</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Tại sao chọn mua hàng online</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Các hình thức mua hàng</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Chính sách vận chuyển</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Chính sách bảo trì, bảo hành</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Chính sách đổi trả hàng</span>
</a>
</li>
</ul>
</div>
<div class="col-0">
<h3 class="title text-13 font-weight-700 text-uppercase accordion">
THÔNG TIN KHUYẾN MẠI
</h3>
<ul class="list accordion-content">
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Thông tin khuyến mại</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Sản phẩm khuyến mại</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Sản phẩm bán chạy</span>
</a>
</li>
<li>
<a href="javascript:;" class="d-flex align-items-center gap-12">
<span>Sản phẩm mới</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- COPYRIGHT -->
<div class="copy-right color-white">
<div class="container">
<h5 class="text-13 text-center font-weight-300 py-3">
Bản quyền thuộc về Best Audio | Thiết kế website bởi Hurasoft
</h5>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="/js/library.js"></script>
<script src="/js/main_mobile.js"></script>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink