1715 lines
136 KiB
HTML
1715 lines
136 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<title> Mobile Local </title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
|
||
|
|
|
||
|
|
<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=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
||
|
|
|
||
|
|
<link rel="stylesheet" media="screen" href="scss/lib.css" />
|
||
|
|
<link rel="stylesheet" media="screen" href="scss/mobile_css.css" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<p class="text-12 text-white font-700 text-center bg-main m-0" style="line-height: 27px;font-style: italic;">Cảm ơn vì đã chọn chúng tôi!</p>
|
||
|
|
|
||
|
|
<div class="global-header-container">
|
||
|
|
<a href="/" class="header-logo">
|
||
|
|
<img src="images/logo-favicon.png" alt="LaptopTCC" width="1" height="1"/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<form method="get" action="/tim" name="search" class="header-search-group">
|
||
|
|
<input type="text" id="js-global-search" name="q" placeholder="Tìm kiếm sản phẩm ..." value="" autocomplete="off">
|
||
|
|
<button type="button" class="icon-search"></button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
|
||
|
|
|
||
|
|
<div class="header-right-group">
|
||
|
|
<a href="/cart" class="icons icon-cart">
|
||
|
|
<span class="cart-count js-cart-count">0</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="#js-global-menu" class="icons icon-menu"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Homepage -->
|
||
|
|
<div class="homepage">
|
||
|
|
<div class="home-slider-group">
|
||
|
|
<div class="owl-carousel owl-theme custom-dots" id="js-home-slider">
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/>
|
||
|
|
</a>
|
||
|
|
<a href="">
|
||
|
|
<img data-src="https://via.placeholder.com/632x330" alt="" width="" height="" class="owl-lazy"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="homepage-category-list">
|
||
|
|
<a href="">
|
||
|
|
<i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i>
|
||
|
|
<span class="cat-title">Danh mục cấp 1</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href=""><i class="cat-thumb lazy" data-bg="url(images/logo-favicon.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a><a href=""><i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i><span class="cat-title">Danh mục cấp 1</span></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Deal -->
|
||
|
|
<div class="global-deal-container">
|
||
|
|
<div class="group-title lazy" data-bg="url(/images/home-deal-bg.png)">
|
||
|
|
<i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
|
||
|
|
|
||
|
|
<p class="title">DEAL HOT</p>
|
||
|
|
|
||
|
|
<div class="deal-time-holder">
|
||
|
|
<span>Kết thúc sau</span>
|
||
|
|
|
||
|
|
<div class="deal-countdown-holder js-deal-countdown">
|
||
|
|
<b>00</b>
|
||
|
|
<b>00</b>
|
||
|
|
<b>00</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="global-deal-type">
|
||
|
|
<a href="javascript:void(0)" class="current"> Đang diễn ra </a>
|
||
|
|
<a href="javascript:void(0)"> Sắp diễn ra </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-holder js-product-deal">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav">
|
||
|
|
|
||
|
|
<div class="p-item">
|
||
|
|
<a href="" class="p-img">
|
||
|
|
<img src="images/product-1.jpg" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-text">
|
||
|
|
<a href="" class="p-name">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-price-holder">
|
||
|
|
<span class="p-price">23.000.000<u>đ</u></span>
|
||
|
|
<span class="p-discount">-25%</span>
|
||
|
|
<span class="p-old-price">25.700.00 đ</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-deal-group">
|
||
|
|
<p class="p-deal-line"> Đã bán 20 </p>
|
||
|
|
|
||
|
|
<div class="p-deal-time">
|
||
|
|
<span>Kết thúc sau</span>
|
||
|
|
|
||
|
|
<div class="p-deal-countdown">
|
||
|
|
<b>01</b>
|
||
|
|
<b>50</b>
|
||
|
|
<b>30</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="/deal" class="btn-deal">XEM THÊM +</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="home-policy-container">
|
||
|
|
<div class="item">
|
||
|
|
<i class="icons icon-1"></i>
|
||
|
|
|
||
|
|
<p class="text">
|
||
|
|
<b> Trả góp 0% </b>
|
||
|
|
<span> Linh hoạt, nhanh chóng </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<i class="icons icon-2"></i>
|
||
|
|
|
||
|
|
<p class="text">
|
||
|
|
<b> Giao hàng toàn quốc </b>
|
||
|
|
<span> Nhận hàng thanh toán tại nhà </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<i class="icons icon-3"></i>
|
||
|
|
|
||
|
|
<p class="text">
|
||
|
|
<b> Đổi trả hàng </b>
|
||
|
|
<span> Trong 30 ngày </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<i class="icons icon-4"></i>
|
||
|
|
|
||
|
|
<p class="text">
|
||
|
|
<b> Thanh toán linh hoạt </b>
|
||
|
|
<span> Tiền mặt, Visa/Master </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<i class="icons icon-5"></i>
|
||
|
|
|
||
|
|
<p class="text">
|
||
|
|
<b> Hỗ trợ 24/7 </b>
|
||
|
|
<span> Hotline: 02436 288 532 </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- collection -->
|
||
|
|
<div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
|
||
|
|
<p class="group-title">
|
||
|
|
<b>Black</b>
|
||
|
|
<b class="text-bg">friday</b>
|
||
|
|
<span>giảm tới 80%</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="product-collection js-product-collection">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav">
|
||
|
|
|
||
|
|
<div class="p-item">
|
||
|
|
<a href="" class="p-img">
|
||
|
|
<img src="images/product-1.jpg" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-type-holder">
|
||
|
|
<p class="p-bestsale">Bán chạy</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-text">
|
||
|
|
<a href="" class="p-name">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-price-holder">
|
||
|
|
<span class="p-price">23.000.000<u>đ</u></span>
|
||
|
|
<span class="p-discount">-25%</span>
|
||
|
|
<span class="p-old-price">25.700.00 đ</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-btn-group">
|
||
|
|
<p class="p-rate">5.0</p>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="p-btn-add"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm khuyến mãi +</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Product -->
|
||
|
|
<div class="home-product-container">
|
||
|
|
<h2 class="group-title">LAPTOP LENOVO THINKPAD</h2>
|
||
|
|
|
||
|
|
<div class="category-child-holder">
|
||
|
|
<a href="">Laptop Asus Gaming</a>
|
||
|
|
<a href="">Laptop Dell Gaming</a>
|
||
|
|
<a href="">Laptop HP Gaming</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-holder js-product">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav">
|
||
|
|
|
||
|
|
<div class="p-item">
|
||
|
|
<a href="" class="p-img">
|
||
|
|
<img src="images/product-1.jpg" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-type-holder">
|
||
|
|
<p class="p-bestsale">Bán chạy</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-text">
|
||
|
|
<a href="" class="p-name">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-price-holder">
|
||
|
|
<span class="p-price">23.000.000<u>đ</u></span>
|
||
|
|
<span class="p-discount">-25%</span>
|
||
|
|
<span class="p-old-price">25.700.00 đ</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-btn-group">
|
||
|
|
<p class="p-rate">5.0</p>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="p-btn-add"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm +</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Video review -->
|
||
|
|
<div class="home-article-container home-video-container">
|
||
|
|
<div class="group-title">
|
||
|
|
<h2 class="title">Video review sản phẩm</h2>
|
||
|
|
<a href="">XEM TẤT CẢ +</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="video-holder">
|
||
|
|
<a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item">
|
||
|
|
<img src="https://via.placeholder.com/900x600"/>
|
||
|
|
<span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a><a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="" class="video-item"> <img src="https://via.placeholder.com/900x600"/> <span class="title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates temporibus quas non, quisquam, quidem earum enim nulla asperiores maxime maiores nisi! Minima dolorum ad itaque enim corrupti sapiente alias nemo!</span> </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Tin tức -->
|
||
|
|
<div class="home-article-container">
|
||
|
|
<div class="group-title">
|
||
|
|
<h2 class="title"> TIN TỨC - KHUYẾN MẠI </h2>
|
||
|
|
<a href="">XEM TẤT CẢ +</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="article-holder">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Nhận xét của khách hàng -->
|
||
|
|
<div class="home-customer-review-container lazy" data-bg="url(images/home-static-bg.png)">
|
||
|
|
<div class="group-title">
|
||
|
|
<p class="title">Nhận xét của khách hàng</p>
|
||
|
|
<p>Hãy cùng lắng nghe khách hàng đánh giá như thế nào khi sử dụng dịch vụ của chúng tôi</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<p class="item-title"> QUYỀN LỢI KHÁCH HÀNG (BH) </p>
|
||
|
|
|
||
|
|
<div class="item-summary">
|
||
|
|
Toàn bộ sản phẩm tại Laptop TCC đều được hưởng quyền lợi từ 06-12 tháng (Những dòng sản phẩm đời thấp, áp dụng 3 tháng sẽ được ghi cụ thể trên sản phẩm) thời gian áp dụng được tính bắt đầu từ ngày mua hàng.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm +</a>
|
||
|
|
|
||
|
|
<img data-src="images/homepage/home-review-1.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<p class="item-title"> CẦU THỦ BÓNG ĐÁ HỒ TẤN TÀI </p>
|
||
|
|
|
||
|
|
<div class="item-summary">
|
||
|
|
Trải nghiệm đầu tiên khi đến cửa hàng của mình là không gian cửa hàng khá sạch đẹp và thoáng mát, được bố trí thêm cây xanh nên nhìn cũng có phần thoải mái cùng với đó thì nhân viên rất nhiệt tình
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm +</a>
|
||
|
|
|
||
|
|
<img data-src="images/homepage/home-review-2.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<p class="item-title"> DIỄN VIÊN TRUNG RUỒI </p>
|
||
|
|
|
||
|
|
<div class="item-summary">
|
||
|
|
Trước đây Trung có kết hợp cùng TCC để ra những sản phẩm video giải trí cho người xem, Trung rất hài lòng với không gian cửa hàng và cách làm việc của nhân viên. Các sản phẩm laptop ở đây Trung đánh giá cao về chất lượng
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm +</a>
|
||
|
|
|
||
|
|
<img data-src="images/homepage/home-review-3.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<p class="item-title"> HOẠT ĐỘNG TẠI CÁC TRƯỜNG ĐẠI HỌC </p>
|
||
|
|
|
||
|
|
<div class="item-summary">
|
||
|
|
Laptop TCC đã có mặt tại các trường Đại Học Bách Khoa, Kinh Tế Quốc Dân, Xây Dựng, Thương Mại, Ngoại Ngữ với các voucher cực kì giá trị. Cùng với đó là các hoạt động vệ sinh và cài đặt miễn phí cho các bạn sinh viên.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm +</a>
|
||
|
|
|
||
|
|
<img data-src="images/homepage/home-review-4.png" alt="Nhận xét của khách hàng" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY! -->
|
||
|
|
<div class="home-introduce-container">
|
||
|
|
<div class="introduce-line-top">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none">
|
||
|
|
<path d="M606.005 64.4989L-1.12493e-05 64.4987L-1.60456e-05 91.9987L607.505 91.9989C633.903 90.7989 635.002 68.4989 635.002 51.9989C639.402 31.5989 654.001 28.4989 663.5 28.4989L1200 28.499L1200 -0.00101141L660.5 -0.00105024C634.502 6.49894 636.502 20.9989 635.002 41.9989C633.802 58.7989 613.504 64.4989 606.005 64.4989Z" fill="url(#paint0_linear_215_7323)"/>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="paint0_linear_215_7323" x1="1200" y1="32.6171" x2="-27.8172" y2="32.6169" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop stop-color="#00A551"/>
|
||
|
|
<stop offset="1" stop-color="#8EB958"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="92" viewBox="0 0 1200 92" fill="none" style="margin-top: -58px;">
|
||
|
|
<path d="M606.005 64.4999L-1.12493e-05 64.4997L-1.60456e-05 91.9997L607.505 91.9999C633.903 90.7999 635.002 68.4999 635.002 51.9999C639.402 31.5999 654.001 28.4999 663.5 28.4999L1200 28.4999L1200 -3.48505e-05L660.5 -7.36725e-05C634.502 6.49992 636.502 20.9999 635.002 41.9999C633.802 58.7999 613.504 64.4999 606.005 64.4999Z" fill="url(#paint0_linear_215_7324)"/>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="paint0_linear_215_7324" x1="1200" y1="32.6181" x2="-27.8172" y2="32.6179" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop stop-color="#00A551"/>
|
||
|
|
<stop offset="1" stop-color="#8EB958"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="introduce-content-holder">
|
||
|
|
<div class="col-left">
|
||
|
|
<p class="title">ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!</p>
|
||
|
|
|
||
|
|
<p>Giữa vô vàn những Công Ty, cửa hàng bán laptop cũ, sẽ rất khó cho khách hàng có thể chọn lựa một nơi uy tín !</p>
|
||
|
|
<p>* Tâm lý người đi mua hàng luôn sợ bị lừa, bị mua phải hàng giả, hàng kém chất lượng, hoặc bảo hành kém.</p>
|
||
|
|
<p>* Hiểu được điều đó, Công Ty chúng tôi luôn cố gắng nỗ lực từng ngày để hoàn thiện!</p>
|
||
|
|
<p>* Hoàn thiện chất lượng sản phẩm bán ra.</p>
|
||
|
|
<p>* Hoàn thiện cung cách phục vụ.</p>
|
||
|
|
<p>* Hoàn thiện chế độ bảo hành sau bán hàng ( đồ điện tử không một hãng hay một nhà phân phối lớn nào có thể nói không bao giờ hỏng, nếu đã không hỏng thì các hãng đã không phải mở các trung tâm bảo hành ) </p>
|
||
|
|
|
||
|
|
<p class="quote">
|
||
|
|
* Vậy nên khi bán đồ cũ, chúng tôi đều nói với khách hàng, chúng tôi bán cho bạn sản phẩm đã qua quá trình kiểm tra rất kỹ, nhưng nếu trong quá trình sử dụng có lỗi phát sinh, bạn hãy mang đến Công Ty để chúng tôi xử lý, vì chúng tôi hiểu không ai muốn mua máy mà suốt ngày mang đi bảo hành, nhưng nếu có lỗi thì chúng tôi luôn luôn giải quyết để các bạn hài lòng nhất.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-right">
|
||
|
|
<img data-src="images/homepage/home-about.png" alt="ĐÔI LỜI TRẢI LÒNG CỦA CÔNG TY!" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="introduce-line-bottom">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="155" viewBox="0 0 1200 155" fill="none">
|
||
|
|
<path d="M607.505 64.5L0 64.5L5.43661e-06 154.5L609.005 154.5C635.402 153.3 636.502 131 636.502 114.5C640.902 94.1 655.501 91 665 91L1200 91V0L662 0C636.002 6.5 638.002 21 636.502 42C635.302 58.8 615.004 64.5 607.505 64.5Z" fill="url(#paint0_linear_215_7321)"/>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="paint0_linear_215_7321" x1="1200" y1="54.7772" x2="-27.8172" y2="54.7772" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop stop-color="#00A551"/>
|
||
|
|
<stop offset="1" stop-color="#8EB958"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Customer Gallery -->
|
||
|
|
<div class="home-customer-images-container">
|
||
|
|
<div class="col-left">
|
||
|
|
<img data-src="images/homepage/home-customer-banner.png" alt="image" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-right">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav" id="js-customer-images">
|
||
|
|
<img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
|
||
|
|
<img data-src="images/homepage/home-customer-2.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
|
||
|
|
<img data-src="images/homepage/home-customer-3.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
|
||
|
|
<img data-src="images/homepage/home-customer-4.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
|
||
|
|
<img data-src="images/homepage/home-customer-1.png" alt="Khách hàng" width="1" height="1" class="owl-lazy"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- breadcrumb -->
|
||
|
|
<div class="global-breadcrumb">
|
||
|
|
<div class="container">
|
||
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||
|
|
<li 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 itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
|
|
<a href="" itemprop="item" class="nopad-l">
|
||
|
|
<span itemprop="name"> Danh mục cấp 2 </span>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="2" />
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
|
|
<a href="" itemprop="item" class="nopad-l">
|
||
|
|
<span itemprop="name"> Danh mục cấp 3 </span>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="3" />
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Include PC: Deal -->
|
||
|
|
<div class="deal-page container">
|
||
|
|
<div class="global-deal-container">
|
||
|
|
<div class="group-title lazy" data-bg="url(/images/mobile-home-deal-bg.png)">
|
||
|
|
<i class="icon-clock lazy" data-bg="url(images/icon-clock.png)"></i>
|
||
|
|
|
||
|
|
<p class="title">DEAL HOT</p>
|
||
|
|
|
||
|
|
<div class="deal-time-holder">
|
||
|
|
<span>Kết thúc sau</span>
|
||
|
|
|
||
|
|
<div class="deal-countdown-holder js-deal-countdown">
|
||
|
|
<b>00</b>
|
||
|
|
<b>00</b>
|
||
|
|
<b>00</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="global-deal-type">
|
||
|
|
<a href="javascript:void(0)" class="current"> Đang diễn ra </a>
|
||
|
|
<a href="javascript:void(0)"> Sắp diễn ra </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-holder">
|
||
|
|
<div class="p-item">
|
||
|
|
<a href="" class="p-img">
|
||
|
|
<img src="images/product-1.jpg" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-text">
|
||
|
|
<a href="" class="p-name">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-price-holder">
|
||
|
|
<span class="p-price">23.000.000<u>đ</u></span>
|
||
|
|
<span class="p-discount">-25%</span>
|
||
|
|
<span class="p-old-price">25.700.00 đ</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-deal-group">
|
||
|
|
<p class="p-deal-line"> Đã bán 20 </p>
|
||
|
|
|
||
|
|
<div class="p-deal-time">
|
||
|
|
<span>Kết thúc sau</span>
|
||
|
|
|
||
|
|
<div class="p-deal-countdown">
|
||
|
|
<b>01</b>
|
||
|
|
<b>50</b>
|
||
|
|
<b>30</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-deal-group"> <p class="p-deal-line"> Đã bán 20 </p><div class="p-deal-time"> <span>Kết thúc sau</span> <div class="p-deal-countdown"> <b>01</b> <b>50</b> <b>30</b> </div></div></div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- paging -->
|
||
|
|
<div class="paging" >
|
||
|
|
<a href=""><span class="icon-prev"></span></a>
|
||
|
|
<a href="" class="current">1</a>
|
||
|
|
<a href="">2</a><a href="">3</a><a href="">4</a>
|
||
|
|
<a href=""><span class="icon-next"></span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Product category -->
|
||
|
|
<div class="product-page container">
|
||
|
|
<div class="product-banner-group">
|
||
|
|
<div class="owl-carousel owl-theme custom-dots" id="js-category-slider">
|
||
|
|
<a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
|
|
<a href=""><img data-src="images/category/slider-2.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
|
|
<a href=""><img data-src="images/category/slider-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-category-child">
|
||
|
|
<a href="" class="item">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/icon-1.png)"></span>
|
||
|
|
<h2 class="title">Danh mục con</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="" class="item">
|
||
|
|
<span class="image lazy no-thumb" data-bg="url(images/logo-favicon.png)"></span>
|
||
|
|
<h2 class="title">Danh mục con</h2>
|
||
|
|
</a>
|
||
|
|
<a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-3.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-4.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-5.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-6.png)"></span> <h2 class="title">Danh mục con</h2> </a> <a href="" class="item"> <span class="image lazy" data-bg="url(images/icons/icon-7.png)"></span> <h2 class="title">Danh mục con</h2> </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Filter -->
|
||
|
|
<div class="product-sort-group">
|
||
|
|
<div class="box-left">
|
||
|
|
<a href="javascript:_showPopupFilter()" class="btn-filter"> Bộ lọc </a>
|
||
|
|
|
||
|
|
<select>
|
||
|
|
<option value="" class="js-select-path">Sắp xếp theo</option>
|
||
|
|
<option value=""> Option 1 </option>
|
||
|
|
<option value=""> Option 2 </option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-right">
|
||
|
|
<a href="javascript:void(0)" class="icons icon-grid current"></a>
|
||
|
|
<a href="javascript:void(0)" class="icons icon-list"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-filter-container" id="js-popup-filter-holder">
|
||
|
|
<div class="filter-content">
|
||
|
|
<div class="filter-item js-filter-item">
|
||
|
|
<p class="filter-title">Chọn khoảng giá:</p>
|
||
|
|
|
||
|
|
<div class="filter-list">
|
||
|
|
<a href="" class="current">Dưới 1 Triệu(8)</a>
|
||
|
|
<a href="">1 Triệu - 2 Triệu(209)</a>
|
||
|
|
<a href="">2 Triệu - 3 Triệu(181)</a>
|
||
|
|
<a href="">3 Triệu - 4 Triệu(81)</a>
|
||
|
|
<a href="">4 Triệu - 5 Triệu(34)</a>
|
||
|
|
<a href="">Trên 5 Triệu(34)</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter-item js-filter-item">
|
||
|
|
<p class="filter-title">Thương hiệu:</p>
|
||
|
|
|
||
|
|
<div class="filter-list">
|
||
|
|
<a href="" class="current"> Thương hiệu </a>
|
||
|
|
<a href=""> Thương hiệu </a>
|
||
|
|
<a href=""> Thương hiệu </a>
|
||
|
|
<a href=""> Thương hiệu </a>
|
||
|
|
<a href=""> Thương hiệu </a>
|
||
|
|
<a href=""> Thương hiệu </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter-item js-filter-item">
|
||
|
|
<p class="filter-title">Attribute Name:</p>
|
||
|
|
|
||
|
|
<div class="filter-list">
|
||
|
|
<a href="" class="current"> Attribute </a>
|
||
|
|
<a href=""> AttributeAttribute AttributeAttributeAttribute Attribute </a>
|
||
|
|
<a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-filter js-btn-filter"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter-item js-filter-item"><p class="filter-title">Attribute Name:</p><div class="filter-list"><a href="" class="current">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a><a href="">Attribute</a></div><a href="javascript:void(0)" class="btn-filter js-btn-filter"></a></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter-footer">
|
||
|
|
<a href="" class="js-pathName"> Xóa bộ lọc </a>
|
||
|
|
<a href="javascript:_closePopupFilter()"> Đóng </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- // Filter -->
|
||
|
|
|
||
|
|
<div class="product-content-container">
|
||
|
|
<div class="product-holder product-list-container">
|
||
|
|
<div class="p-item">
|
||
|
|
<a href="" class="p-img">
|
||
|
|
<img src="images/product-1.jpg" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-type-holder">
|
||
|
|
<p class="p-bestsale">Bán chạy</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-text">
|
||
|
|
<a href="" class="p-name">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="p-price-holder">
|
||
|
|
<span class="p-price">23.000.000<u>đ</u></span>
|
||
|
|
<span class="p-discount">-25%</span>
|
||
|
|
<span class="p-old-price">25.700.00 đ</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-btn-group">
|
||
|
|
<p class="p-rate">5.0</p>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="p-btn-add"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- paging -->
|
||
|
|
<div class="paging">
|
||
|
|
<a href=""><span class="icon-prev"></span></a>
|
||
|
|
<a href="" class="current">1</a>
|
||
|
|
<a href="">2</a><a href="">3</a><a href="">4</a>
|
||
|
|
<a href=""><span class="icon-next"></span></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- static html -->
|
||
|
|
<div class="static-html-container js-static-container">
|
||
|
|
|
||
|
|
<div class="static-content js-static-content">
|
||
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptate doloremque. Repellendus, illo architecto temporibus quae exercitationem similique molestiae voluptas consequuntur doloremque accusamus perspiciatis corporis beatae animi quas commodi sint.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="btn-static-group">
|
||
|
|
<a href="javascript:void(0)" class="js-showmore-button"> XEM THÊM + </a>
|
||
|
|
<a href="javascript:void(0)" class="js-showless-button"> THU GỌN - </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- product-detail -->
|
||
|
|
<div class="product-detail-page container">
|
||
|
|
<div class="pd-box-group">
|
||
|
|
<div class="pd-image-large">
|
||
|
|
<a href="images/product-1.jpg" class="MagicZoom" id="Zoomer" data-options="cssClass: mz-show-arrows;">
|
||
|
|
<img src="images/product-1.jpg" title="" alt="" />
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" onclick="MagicZoom.prev('Zoomer');" class="pd-image-btn"></a>
|
||
|
|
<a href="javascript:void(0)" onclick="MagicZoom.next('Zoomer');" class="pd-image-btn btn-next"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-gallery-holder">
|
||
|
|
<div class="pd-custom-nav owl-carousel owl-theme" id="js-img-gallery">
|
||
|
|
<a href="images/product-1.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-1.jpg" >
|
||
|
|
<img src="images/product-1.jpg"/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="images/product-2.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-2.jpg" ><img src="images/product-2.jpg"/></a>
|
||
|
|
<a href="images/product-3.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-3.jpg" ><img src="images/product-3.jpg"/></a>
|
||
|
|
<a href="images/product-4.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-4.jpg" ><img src="images/product-4.jpg"/></a>
|
||
|
|
<a href="images/product-5.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-5.jpg" ><img src="images/product-5.jpg"/></a>
|
||
|
|
<a href="images/product-6.jpg" class="item" data-zoom-id="Zoomer" data-image="images/product-6.jpg" ><img src="images/product-6.jpg"/></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h1>
|
||
|
|
|
||
|
|
<!-- summary -->
|
||
|
|
<div class="pd-summary-group">
|
||
|
|
<div class="pd-summary-list" id="js-pd-summary-list">
|
||
|
|
<div class="item">Ống kính kép thông minhích hợp đèn chớp cảnh báo khi cóỐng kính kép thông minhích hợp đèn chớp cảnh báo khi có </div>
|
||
|
|
<div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
|
||
|
|
<div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
|
||
|
|
<div class="item">Full color - video có màu ban đêm</div>
|
||
|
|
<div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
|
||
|
|
<div class="item">Ống kính kép thông minh</div>
|
||
|
|
<div class="item">Tích hợp đèn chớp cảnh báo khi có xâm nhập</div>
|
||
|
|
<div class="item">Tích hợp công nghệ AI, có khả năng phát hiện hình dáng người, phương tiện</div>
|
||
|
|
<div class="item">Full color - video có màu ban đêm</div>
|
||
|
|
<div class="item">Cảm biến 1/2.8" Progressive CMOS, Độ phân giải 1920x1080 @30fps</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="pd-summary-btn" onclick="$(this).toggleClass('active');$('#js-pd-summary-list').toggleClass('active')"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Deal -->
|
||
|
|
<div class="pd-deal-price-group">
|
||
|
|
<div class="pd-deal-price">
|
||
|
|
<span>Giá khuyến mại:</span>
|
||
|
|
<b>23.700.000 <u>đ</u></b>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-deal-price w-100">
|
||
|
|
<span>Giá niêm yết:</span>
|
||
|
|
<del class="p-deal-old-price">25.700.000 đ</del>
|
||
|
|
<span class="p-deal-discount">-25%</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-deal-time">
|
||
|
|
<span>Kết thúc sau:</span>
|
||
|
|
|
||
|
|
<div class="pd-deal-countdown">
|
||
|
|
<b>13</b> <b>45</b> <b>56</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-deal-info">
|
||
|
|
<span class="pd-deal-line">
|
||
|
|
<i class="pd-deal-icon"></i>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<i>Đã bán 20</i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- // Deal -->
|
||
|
|
|
||
|
|
<div class="pd-status-group">
|
||
|
|
<p> <b>Thương hiệu:</b> <a href="" target="_blank" class="red">HP</a> </p>
|
||
|
|
<p> <b>Bảo hành:</b> 12 tháng </p><br>
|
||
|
|
<p> <b>Mã SP:</b> 25DG03 </p>
|
||
|
|
<p>
|
||
|
|
<a href="javascript:void(0)" class="icon-star star-5"></a> 1 đánh giá
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p><b>Lượt xem:</b> 30</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Price -->
|
||
|
|
<div class="pd-price-group">
|
||
|
|
<span class="pd-price">22.800.000<u>đ</u></span>
|
||
|
|
<p class="d-inline-block m-0">
|
||
|
|
<del class="pd-old-price">25.500.000 đ</del>
|
||
|
|
<span class="pd-discount">-50%</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<!-- // -->
|
||
|
|
|
||
|
|
<!-- cấu hình -->
|
||
|
|
<p>Cấu hình sản phẩm</p>
|
||
|
|
|
||
|
|
<!-- Nhóm cấu hình -->
|
||
|
|
<div class="pd-config_group-holder">
|
||
|
|
<b class="group-title">Tùy chọn cấu hình</b>
|
||
|
|
|
||
|
|
<div class="pd-config_group-list">
|
||
|
|
<a href="" class="current">
|
||
|
|
<span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
|
||
|
|
<b class="price"> 23.700.000 <u>đ</u> </b>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque, blanditiis unde. Harum voluptatum sint veniam aliquam minus</span>
|
||
|
|
<b class="price"> 23.700.000 <u>đ</u> </b>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-offer-group">
|
||
|
|
<p class="group-title">QUÀ TẶNG/ KHUYẾN MẠI</p>
|
||
|
|
|
||
|
|
<div class="pd-offer-list">
|
||
|
|
<div class="item">Tặng giá treo trị giá : 790.000đ</div>
|
||
|
|
<div class="item">Công lắp ráp miễn phí</div>
|
||
|
|
<div class="item">Giảm giá 50% khi mua phụ kiện đi kèm</div>
|
||
|
|
<div class="item">Miễn phí giao hàng</div>
|
||
|
|
<div class="item">Tặng Kèm Thẻ Nhớ 32GB Chuyên Dụng Trị Giá 150.000đ+ Miễn Phí Công Lắp Đặt Trong Phạm Vi 20km+ </div>
|
||
|
|
<div class="item">Tặng Kèm Gói Bảo Hành Vàng Tại Nhà: 500.000đ</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-quantity-group">
|
||
|
|
<p>Số lượng:</p>
|
||
|
|
|
||
|
|
<div class="quanity-change-group">
|
||
|
|
<a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a>
|
||
|
|
<input type="number" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1" min="1">
|
||
|
|
<a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-btn-group">
|
||
|
|
<a href="javascript:void(0)" class="btn-buynow">
|
||
|
|
<b>MUA NGAY</b>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-add-cart">
|
||
|
|
<b>Thêm vào giỏ hàng</b>
|
||
|
|
<span> Giao tận nơi hoặc nhận tại cửa hàng </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-pay-install">
|
||
|
|
<b>Trả góp qua thẻ</b>
|
||
|
|
<span> Visa, Master, JCB </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="javascrtip:void(0)" class="btn-credit">
|
||
|
|
<b>Mua ngay trả sau</b>
|
||
|
|
|
||
|
|
<span>
|
||
|
|
<img data-src="images/logo-kredivo.png" alt="kredivo" width="1" height="1" class="lazy"/>
|
||
|
|
<img data-src="images/logo-home-credit.png" alt="kredivo" width="1" height="1" class="lazy"/>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-box-group">
|
||
|
|
<div class="pd-static-item">
|
||
|
|
<p class="group-title"> HÀNH TRÌNH 20 NĂM PHÁT TRIỂN </p>
|
||
|
|
|
||
|
|
<div class="item-video">
|
||
|
|
<a href="https://www.youtube.com/watch?v=tnhvrQgtnDA" data-fancybox="">
|
||
|
|
<img data-src="images/homepage/home-about.png" alt="image" width="1" height="1" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-static-item">
|
||
|
|
<div class="item-summary">
|
||
|
|
<p class="title"> Chúng tôi luôn sẵn sàng để tư vấn cho bạn </p>
|
||
|
|
|
||
|
|
<img data-src="images/product-detail-support.png" width="1" height="1" alt="support" class="lazy d-block m-auto w-auto"/>
|
||
|
|
|
||
|
|
<p>Để được hỗ trợ tốt nhất. Hãy gọi Tổng đài miễn cước</p>
|
||
|
|
|
||
|
|
<a href="tel:02436 288 532"> 02436 288 532 </a>
|
||
|
|
|
||
|
|
<p class="static-line"><span>HOẶC</p>
|
||
|
|
|
||
|
|
<p> Chat hỗ trợ trực tuyến </p>
|
||
|
|
|
||
|
|
<a href="" class="pd-btn-support">Chat với chúng tôi</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-desc-group pd-box-group">
|
||
|
|
<div class="static-html-container js-static-container">
|
||
|
|
<p class="group-title"> <span>Mô tả</span> </p>
|
||
|
|
|
||
|
|
<!-- Mô tả -->
|
||
|
|
<div class="static-content js-static-content">
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="btn-static-group">
|
||
|
|
<a href="javascript:void(0)" class="js-showmore-button">Xem thêm +</a>
|
||
|
|
<a href="javascript:void(0)" class="js-showless-button">Thu gọn -</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div> Plugin chat Facebook </div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-spec-group pd-box-group">
|
||
|
|
<p class="group-title"> <span>Thông số kỹ thuật</span> </p>
|
||
|
|
|
||
|
|
<div class="pd-spec-holder">
|
||
|
|
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số kỹ thuật</a>
|
||
|
|
|
||
|
|
<div class="pd-spec-holder" id="fancybox-spec" style="display: none;">
|
||
|
|
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Sản phẩm cùng thương hiệu + cùng danh mục + Sản phẩm đã xem -->
|
||
|
|
<div class="pd-box-group pd-product-tab-container">
|
||
|
|
<div class="tab-title-group" id="js-tab-list">
|
||
|
|
<a href="javascript:void(0)" data-tab="js-same-brand-holder"> Cùng thương hiệu </a>
|
||
|
|
<a href="javascript:void(0)" data-tab="js-same-category-holder"> Sản phẩm tương tự </a>
|
||
|
|
<a href="javascript:void(0)" data-tab="js-history-holder"> Sản phẩm bạn vừa xem </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-product-holder js-product" id="js-same-brand-holder">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-product-holder js-product" id="js-same-category-holder">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-product-holder js-product" id="js-history-holder">
|
||
|
|
<div class="owl-carousel owl-theme custom-nav"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt=""/> </a> <div class="p-type-holder"> </div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt=""/> </a> <div class="p-type-holder"></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">Liên hệ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt=""/> </a> <div class="p-type-holder"> <p class="p-bestsale">Bán chạy</p></div><div class="p-text"> <a href="" class="p-name"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid dolores ab quibusdam inventore nam dolorum nesciunt ipsam repudiandae. Deleniti corrupti nulla nesciunt corporis eaque hic minima id dolorem voluptatem incidunt?</h3> </a> <div class="p-price-holder"> <span class="p-price">23.000.000<u>đ</u></span> <span class="p-discount">-25%</span> <span class="p-old-price">25.700.00 đ</span> </div></div><div class="p-btn-group"> <p class="p-rate">5.0</p><a href="javascript:void(0)" class="p-btn-add"></a> </div></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Comment -->
|
||
|
|
<div class="pd-box-group pd-comment-container">
|
||
|
|
<p class="group-title"> <span>ĐÁNH GIÁ SẢN PHẨM</span> </p>
|
||
|
|
|
||
|
|
<div>Template Comment</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Include PC: Article -->
|
||
|
|
<div class="article-page container">
|
||
|
|
<div class="article-category-list">
|
||
|
|
<a href="" class="current">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
|
||
|
|
<h2 class="title">Tư vấn lựa chọn</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
|
||
|
|
<h2 class="title">Tin tức công ty</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
|
||
|
|
<h2 class="title">Tin tức khuyến mãi</h2>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- top article -->
|
||
|
|
<div class="top-article-group">
|
||
|
|
<h2 class="group-title"> Tin tức nổi bật </h2>
|
||
|
|
|
||
|
|
<div class="top-article-holder">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- article list -->
|
||
|
|
<div class="article-cate-container">
|
||
|
|
<div class="group-title">
|
||
|
|
<h2 class="title"> Danh mục cấp 1 </h2>
|
||
|
|
<a href=""> XEM THÊM + </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="article-list">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="article-cate-container"><div class="group-title"><h2 class="title">Review sản phẩm</h2><a href="/review-san-pham">XEM THÊM +</a></div><div class="article-list"><a href="https://www.youtube.com/watch?v=ttBVwLrGDuE&list=PLyOJr03Y6K01fZo3c4qsBiNQ851r6Hm7d&index=6" class="video-item js-video-image" data-fancybox=""><img src="https://img.youtube.com/vi/ttBVwLrGDuE/maxresdefault.jpg" alt="DELL INSPIRON 7415 (2 IN 1): VỚI 20TR LIỆU CÓ XỨNG ĐÁNG KHÔNG !!" width="1" height="1"><h3 class="video-title line-clamp-2">DELL INSPIRON 7415 (2 IN 1): VỚI 20TR LIỆU CÓ XỨNG ĐÁNG KHÔNG !!</h3></a><a href="https://www.youtube.com/watch?v=k1jbpDLdPKE&list=PLyOJr03Y6K01fZo3c4qsBiNQ851r6Hm7d&index=5" class="video-item js-video-image" data-fancybox=""><img src="https://img.youtube.com/vi/k1jbpDLdPKE/maxresdefault.jpg" alt="DELL INSPIRON 5502: LAPTOP VĂN PHÒNG CHƠI ĐƯỢC GAME - THIẾT KẾ SANG TRỌNG ??" width="1" height="1"><h3 class="video-title line-clamp-2">DELL INSPIRON 5502: LAPTOP VĂN PHÒNG CHƠI ĐƯỢC GAME - THIẾT KẾ SANG TRỌNG ??</h3></a></div></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Include PC: article category -->
|
||
|
|
<div class="article-page article-category-page container">
|
||
|
|
<div class="article-category-list">
|
||
|
|
<a href="" class="current">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
|
||
|
|
<h2 class="title">Tư vấn lựa chọn</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
|
||
|
|
<h2 class="title">Tin tức công ty</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
|
||
|
|
<h2 class="title">Tin tức khuyến mãi</h2>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- article list -->
|
||
|
|
<div class="article-cate-container">
|
||
|
|
<div class="category-page-title">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
|
||
|
|
<h2 class="title"> Tư vấn lựa chọn </h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- loop limit: 3 -->
|
||
|
|
<div class="top-article-group">
|
||
|
|
<div class="top-article-holder">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/356x220" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- loop offset: continue -->
|
||
|
|
<div class="article-list">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse re
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- paging -->
|
||
|
|
<div class="paging">
|
||
|
|
<a href=""><span class="icon-prev"></span></a>
|
||
|
|
<a href="" class="current">1</a>
|
||
|
|
<a href="">2</a><a href="">3</a><a href="">4</a>
|
||
|
|
<a href=""><span class="icon-next"></span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Include PC: article detail -->
|
||
|
|
<div class="article-page article-detail-page container">
|
||
|
|
<div class="article-category-list">
|
||
|
|
<a href="" class="current">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-1.png)"></span>
|
||
|
|
<h2 class="title">Tư vấn lựa chọn</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-2.png)"></span>
|
||
|
|
<h2 class="title">Tin tức công ty</h2>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="">
|
||
|
|
<span class="image lazy" data-bg="url(images/icons/art-3.png)"></span>
|
||
|
|
<h2 class="title">Tin tức khuyến mãi</h2>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-detail-container">
|
||
|
|
<div class="col-left">
|
||
|
|
<p class="page-title"> Kích hoạt bản quyền Windows và Office vĩnh viễn </p>
|
||
|
|
|
||
|
|
<div class="art-detail-time">
|
||
|
|
<p> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p>
|
||
|
|
<p> <i class="icons icon-visit"></i> <span>224</span> </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div> Mục lục </div>
|
||
|
|
|
||
|
|
<div class="art-detail-content">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque aperiam nulla explicabo ab excepturi numquam maiores ex impedit quos. Officia rem numquam saepe quisquam magnam nihil optio quis dignissimos accusantium!</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-right">
|
||
|
|
<p class="group-title"> <span>Tìm kiếm bài viết</span> </p>
|
||
|
|
|
||
|
|
<div class="header-search-group position-relative">
|
||
|
|
<form method="get" action="/tim-bai" name="search">
|
||
|
|
<input type="text" name="q" placeholder="Tìm kiếm bài viết" value="">
|
||
|
|
<button type="submit"> Tìm kiếm </button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-detail-top-article">
|
||
|
|
<!-- 5/5 -->
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div> <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, ess
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="article-related-container">
|
||
|
|
<h2 class="group-title"> Bài viết liên quan </h2>
|
||
|
|
|
||
|
|
<div class="article-holder owl-carousel owl-theme custom-dots js-home-article">
|
||
|
|
<div class="art-item">
|
||
|
|
<a href="" class="art-img">
|
||
|
|
<img src="https://via.placeholder.com/712x440" alt=""/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-text">
|
||
|
|
<a href="" class="art-category">Khuyến mãi - tháng 11</a>
|
||
|
|
|
||
|
|
<a href="" class="art-title">
|
||
|
|
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="art-summary">
|
||
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero!
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span>08-11-2023, 9.32 am</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="art-time">
|
||
|
|
<i class="icons icon-visit"></i>
|
||
|
|
<span>224</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <p class="art-category">Khuyến mãi - tháng 11</p> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/712x440" alt=""/> </a> <div class="art-text"> <a href="" class="art-category">Khuyến mãi - tháng 11</a> <a href="" class="art-title"> <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quod sed vel nihil suscipit, quibusdam accusamus! Voluptatem impedit, excepturi aperiam hic molestias dolor. Expedita quas vitae pariatur ipsa iste ipsam!</h3> </a> <div class="art-summary"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae quidem quasi vero aut. Qui ipsam ratione adipisci, esse repellendus blanditiis asperiores eum quibusdam laboriosam, tempore non ut, nobis nulla vero! </div><p class="art-time"> <i class="icons icon-clock"></i> <span>08-11-2023, 9.32 am</span> </p><p class="art-time"> <i class="icons icon-visit"></i> <span>224</span> </p></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Include PC: Footer -->
|
||
|
|
<div class="global-newsletter-container">
|
||
|
|
<div class="container">
|
||
|
|
<div class="col-left">
|
||
|
|
<p class="group-title"> Đăng ký nhận email thông báo khuyến mại hoặc để được tư vấn miễn phí </p>
|
||
|
|
|
||
|
|
<div class="form-holder">
|
||
|
|
<input type="text" placeholder="Nhập email hoặc số điện thoại của bạn" id="js-email-newsletter">
|
||
|
|
<a href="javascript:subscribe_newsletter('#js-email-newsletter', '#js-newsletter-error');" class="btn-send-newsletter">Gửi</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p id="js-newsletter-error" class="newsletter-error"></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<img data-src="images/footer-newsletter-bg.png" class="lazy" width="1" height="1" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="global-footer-container">
|
||
|
|
<div class="container footer-info-container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col global-address-list">
|
||
|
|
<diV class="address-item">
|
||
|
|
<p class="group-title">Công ty TNHH Thương Mại TCC Hoàng Hưng</p>
|
||
|
|
|
||
|
|
<p class="font-600"> Địa chỉ: </p>
|
||
|
|
<a href="https://maps.app.goo.gl/BjFiEdE9TBEe1UCc9" target="_blank" rel="nofollow"> CS1: 101 Lê Thanh Nghị, Hai Bà Trưng, HN </a>
|
||
|
|
<a href="https://maps.app.goo.gl/uzNEQwTT2nb4TjLi6" target="_blank" rel="nofollow"> CS2: 257 Trần Quốc Hoàn, Cầu Giấy, HN </a>
|
||
|
|
</diV>
|
||
|
|
|
||
|
|
<diV class="address-item">
|
||
|
|
<p class="group-title"> TRUNG TÂM BẢO HÀNH - TCC CARE: </p>
|
||
|
|
<a href="https://maps.app.goo.gl/Q4yrbgHVxqdLYyLg6" target="_blank" rel="nofollow"> Tầng 2 cơ sở 1: 101 Lê Thanh Nghị </a>
|
||
|
|
<a href="https://maps.app.goo.gl/SWeahFir6AVtzF4T7" target="_blank" rel="nofollow"> Tầng 2 cơ sở 2: 257 Trần Quốc Hoàn </a>
|
||
|
|
<a href="tel:02436 288 532"> <b>Điện thoại:</b> 02436 288 532 </a>
|
||
|
|
<a href="mailTo:laptop4world@gmail.com"> <b>Email:</b> laptop4world@gmail.com </a>
|
||
|
|
<p> <b>Giờ mở cửa:</b> Từ 8h00 - 22h00 tất cả các ngày trong tuần </p>
|
||
|
|
</diV>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col item">
|
||
|
|
<p class="group-title"> Hỗ trợ khách hàng </p>
|
||
|
|
|
||
|
|
<div class="item-list">
|
||
|
|
<a href="tel:0766 44 8888"> Quản lý Cơ sở 1: Mr. Trường: <b> 0766 44 8888 </b> </a>
|
||
|
|
<a href="tel:0763 99 6666"> Quản lý Cơ sở 2: Mr. Hùng: <b> 0763 99 6666 </b> </a>
|
||
|
|
<a href="tel:083 396 2222"> Trung Tâm BH: Mr. Hùng: <b> 083 396 2222 </b> </a>
|
||
|
|
<a href="tel:07 62 63 7777"> Hỗ trợ Online : Ms. Diệu: <b> 07 62 63 7777 </b> </a>
|
||
|
|
<a href="tel:0788 94 3333"> Bảo hành 1: Mr. Chiến: <b> 0788 94 3333 </b> </a>
|
||
|
|
<a href="tel:08 325 44444"> Bảo hành 2: Mr. Lộc: <b> 08 325 44444 </b> </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col item">
|
||
|
|
<p class="group-title"> Thông tin khác </p>
|
||
|
|
|
||
|
|
<div class="item-list">
|
||
|
|
<a href="/gioi-thieu"> Giới Thiệu </a>
|
||
|
|
<a href="/tin-tuc"> Tin Tức </a>
|
||
|
|
<a href=""> Khuyến Mại </a>
|
||
|
|
<a href=""> Chính Sách Bảo Hành </a>
|
||
|
|
<a href=""> Chính Sách Hoàn Trả Và Hoàn Tiền </a>
|
||
|
|
<a href=""> Chế Độ Vận Chuyển Và Thanh Toán </a>
|
||
|
|
<a href=""> Hướng Dẫn Mua Hàng Trả Góp </a>
|
||
|
|
<a href=""> Chính Sách Bảo Mật </a>
|
||
|
|
<a href=""> Bảng Giá Nâng Cấp Linh Kiện </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col item-social-media">
|
||
|
|
<p class="group-title"> Kết nối với chúng tôi </p>
|
||
|
|
|
||
|
|
<div class="footer-social-media">
|
||
|
|
<a href="https://www.facebook.com/laptoptcc.vn" class="icons icon-facebook" target="_blank" rel="nofollow"></a>
|
||
|
|
<a href="https://www.youtube.com/c/LAPTOPTCC" class="icons icon-youtube" target="_blank" rel="nofollow"></a>
|
||
|
|
<a href="https://zalo.me/0762637777" class="icons icon-zalo" target="_blank" rel="nofollow"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="group-title"> Phương thức thanh toán </p>
|
||
|
|
|
||
|
|
<div class="footer-social-media">
|
||
|
|
<p>
|
||
|
|
<i class="icons icon-qr"></i>
|
||
|
|
<span> QR Code </span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<i class="icons icon-cash"></i>
|
||
|
|
<span> Tiền mặt </span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<i class="icons icon-clock"></i>
|
||
|
|
<span> Trả góp </span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<i class="icons icon-wallet"></i>
|
||
|
|
<span> Internet Banking </span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="http://online.gov.vn/CustomWebsiteDisplay.aspx?DocId=44480" class="item-bct">
|
||
|
|
<img data-src="images/global-footer-bct.png" alt="bct" width="1" height="1" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="global-footer-end">
|
||
|
|
<div class="container">
|
||
|
|
<b>Công ty TNHH Thương Mại TCC Hoàng Hưng</b>
|
||
|
|
<p>MST số : 0106839691. Ngày đăng ký kinh doanh lần đầu : 06/05/2015. Sở KHĐT TP. Hà Nội cấp.</p>
|
||
|
|
<p>© All Rights Reserved</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="global-fixed-social">
|
||
|
|
<a href="https://m.me/laptoptcc.vn" target="_blank" class="icon-mess lazy" data-bg="url(images/icon-mess.png)"></a>
|
||
|
|
|
||
|
|
<a href="javascript:$('body,html').animate({scrollTop:0},800);" class="global-go-top" id="js-global-goTop" title="Lên đầu trang"></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="success-form" style="display: none">
|
||
|
|
<div class="content-container">
|
||
|
|
<div class="success-checkmark">
|
||
|
|
<div class="check-icon">
|
||
|
|
<span class="icon-line line-tip"></span>
|
||
|
|
<span class="icon-line line-long"></span>
|
||
|
|
<div class="icon-circle"></div>
|
||
|
|
<div class="icon-fix"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- // ==Footer -->
|
||
|
|
|
||
|
|
|
||
|
|
<nav id="js-global-menu" class="mb-menu">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="/dieu-hoa" class="cat-1">
|
||
|
|
<span class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></span>
|
||
|
|
<span class="cat-title">Điều hòa</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li><a href="/dieu-hoa-treo-tuong">Điều hòa treo tường</a></li>
|
||
|
|
|
||
|
|
<li> <a href="/dieu-hoa-tu-dung">Điều hòa tủ đứng</a> </li><li> <a href="/dieu-hoa-trung-tam">Điều hòa trung tâm</a> </li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<!-- // product category -->
|
||
|
|
<li> <a href="/thiet-bi-nha-bep" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-2.png)"></span> <span class="cat-title">THIẾT BỊ NHÀ BẾP</span> </a> <ul> <li> <a href="/bep-dien-tu-hong-ngoai">Bếp điện từ - hồng ngoại</a> </li><li> <a href="/may-hut-mui">Máy hút mùi</a> </li><li> <a href="/may-rua-bat">Máy rửa bát</a> </li><li> <a href="/bep-gas-am">Bếp gas âm</a> </li></ul> </li><li> <a href="/dien-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-3.png)"></span> <span class="cat-title">Điện gia dụng</span> </a> <ul> <li> <a href="/am-sieu-toc">Ấm siêu tốc</a> </li><li> <a href="/may-lam-mat">Máy làm mát</a> </li><li> <a href="/ban-la">Bàn là</a> </li><li> <a href="/bep-dien">Bếp điện</a> </li><li> <a href="/binh-thuy-dien">Bình thủy điện</a> </li><li> <a href="/cay-nuoc-nong-lanh">Cây nước nóng lạnh</a> </li><li> <a href="/lo-nuong">Lò nướng</a> </li><li> <a href="/may-loc-nuoc">Máy lọc nước</a> </li><li> <a href="/may-say-toc">Máy sấy tóc</a> </li><li> <a href="/may-xay-ep">Máy xay ép</a> </li><li> <a href="/noi-ap-suat-dien-da-nang">Nồi áp suất điện đa năng</a> </li><li> <a href="/noi-com-dien">Nồi cơm điện</a> </li><li> <a href="/bep-nuong-dien-lau-nuong">Bếp nướng điện, lẩu nướng</a> </li><li> <a href="/noi-chien-khong-dau">Nồi chiên không dầu</a> </li><li> <a href="/may-loc-khong-khi">Máy lọc không khí</a> </li><li> <a href="/noi-hap-dien-da-nang">Nồi hấp điện đa năng</a> </li><li> <a href="/may-khu-khuan">Máy khử khuẩn</a> </li></ul> </li><li> <a href="/do-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-4.png)"></span> <span class="cat-title">Đồ gia dụng</span> </a> <ul> <li> <a href="/bo-noi-inox">Bộ nồi inox</a> </li><li> <a href="/chao-chong-dinh">Chảo chống dính</a> </li><li> <a href="/noi-ap-suat">Nồi áp suất</a> </li></ul> </li><li> <a href="/khau-trang-vai" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-5.png)"></span> <span class="cat-title">Khẩu trang vải</span> </a> </li>
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="/tin-tuc"> Tin tức </a>
|
||
|
|
<ul>
|
||
|
|
|
||
|
|
<li> <a href="/tin-khuyen-mai">Tin khuyến mại</a> </li>
|
||
|
|
|
||
|
|
<li> <a href="/tin-tuc-cong-nghe">Tin tức công nghệ</a> </li><li> <a href="/review-san-pham">Review sản phẩm</a> </li><li> <a href="/youtube-chanel">Youtube Chanel</a> </li><li> <a href="/tuyen-dung">Tuyển dụng</a> </li><li> <a href="/khach-hang-trien-khai">Khách hàng triển khai</a> </li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="javascrip:void(0)">Thông tin liên lạc</a>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li><a href="tel:094.1144.666">Hotline: <b class="red">094.1144.666</b></a></li>
|
||
|
|
<li><a href="tel:0964.713.715">Logistics: <b class="red">0964.713.715</b></a></li>
|
||
|
|
<li><a href="tel:098.606.6610">Góp ý: <b class="red">098.606.6610</b></a></li>
|
||
|
|
<li><a href="mailTo:songlongmedia@gmail.com">Email: songlongmedia@gmail.com</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li> <a href="/he-thong-cua-hang"> Hệ thống cửa hàng </a> </li>
|
||
|
|
<li> <a href="/dang-ky"> Đăng ký </a> </li>
|
||
|
|
<li> <a href="/dang-nhap"> Đăng nhập </a> </li>
|
||
|
|
<li> <a href="/lien-he"> Liên hệ </a> </li>
|
||
|
|
<li> <a href="/gioi-thieu"> Giới thiệu </a> </li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Script -->
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
||
|
|
<script src="js/lib.js"></script>
|
||
|
|
<script src="js/mmenu.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- global -->
|
||
|
|
<script>
|
||
|
|
var lazyLoadInstance = new LazyLoad({
|
||
|
|
elements_selector: ".lazy"
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$('#js-global-menu').mmenu();
|
||
|
|
|
||
|
|
Fancybox.bind("[data-fancybox]", {});
|
||
|
|
|
||
|
|
_globalScrollFunction();
|
||
|
|
|
||
|
|
$('.footer-info-container .item .group-title').click(function(){
|
||
|
|
$(this).toggleClass('active');
|
||
|
|
$(this).parents('.item').find('.item-list').slideToggle()
|
||
|
|
});
|
||
|
|
|
||
|
|
setTimeout(function(){
|
||
|
|
$('.global-fixed-social').addClass('animate__backInRight');
|
||
|
|
},800);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$(window).scroll(function() {
|
||
|
|
_globalScrollFunction();
|
||
|
|
});
|
||
|
|
|
||
|
|
function _globalScrollFunction(){
|
||
|
|
if($(this).scrollTop() > 200) {
|
||
|
|
$('#js-global-goTop').css('display','block');
|
||
|
|
} else {
|
||
|
|
$('#js-global-goTop').fadeOut();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function run_carousel(holder, item){
|
||
|
|
$(holder + ' .owl-carousel').owlCarousel({
|
||
|
|
margin: 10,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 1500,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 1,
|
||
|
|
responsive:{
|
||
|
|
320:{
|
||
|
|
items: 1.5,
|
||
|
|
},
|
||
|
|
375:{
|
||
|
|
items: (item) ? item : 2,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- homepage -->
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
|
||
|
|
run_carousel('.js-product-deal', 2.3);
|
||
|
|
|
||
|
|
run_carousel('.js-product-collection', 2.3);
|
||
|
|
|
||
|
|
run_carousel('.js-product');
|
||
|
|
|
||
|
|
|
||
|
|
$('#js-home-slider').owlCarousel({
|
||
|
|
margin: 10,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 1500,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 1
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#js-customer-images').owlCarousel({
|
||
|
|
margin: 10,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 2000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 1,
|
||
|
|
responsive:{
|
||
|
|
320:{
|
||
|
|
items: 2,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- product-category -->
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
filterFunction();
|
||
|
|
|
||
|
|
checkContentHeight(400);
|
||
|
|
|
||
|
|
$('#js-category-slider').owlCarousel({
|
||
|
|
items: 1,
|
||
|
|
loop: true,
|
||
|
|
margin: 10,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 3000,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause:true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
lazyLoad: true,
|
||
|
|
animateOut: 'fadeOut',
|
||
|
|
smartSpeed: 150
|
||
|
|
});
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
function filterFunction(){
|
||
|
|
$('.js-btn-filter').click(function(){
|
||
|
|
$(this).toggleClass('active');
|
||
|
|
$(this).parents('.js-filter-item').toggleClass('active');
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function _showPopupFilter() {
|
||
|
|
$('body').addClass('overflow-hidden');
|
||
|
|
$('#js-popup-filter-holder').addClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function _closePopupFilter() {
|
||
|
|
$('body').removeClass('overflow-hidden');
|
||
|
|
$('#js-popup-filter-holder').removeClass('active');
|
||
|
|
$('.filter-item').removeClass('current');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- product-detail -->
|
||
|
|
<script src="js/magiczoom.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
checkContentHeight(500);
|
||
|
|
|
||
|
|
_pageClickFunction();
|
||
|
|
|
||
|
|
$('#js-img-gallery').owlCarousel({
|
||
|
|
margin: 12,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 1500,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 3,
|
||
|
|
responsive:{
|
||
|
|
320:{
|
||
|
|
items: 4,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('[data-fancybox="gallery"]').fancybox({
|
||
|
|
thumbs : {
|
||
|
|
type: "classic",
|
||
|
|
loop: false,
|
||
|
|
autoStart : false
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function _pageClickFunction(){
|
||
|
|
|
||
|
|
// Tab
|
||
|
|
$('#js-tab-list a').click(function(){
|
||
|
|
$('#js-tab-list a').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
|
||
|
|
var id = $(this).attr('data-tab');
|
||
|
|
$('.box-product-holder').hide();
|
||
|
|
$('#' + id).show();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#js-tab-list a:first-child').click();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// tin tức
|
||
|
|
$('.js-home-article').owlCarousel({
|
||
|
|
margin: 10,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayTimeout: 3500,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
items: 2
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|