1841 lines
144 KiB
HTML
1841 lines
144 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<title> Local Pc </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" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" />
|
||
|
|
<link rel="stylesheet" media="screen" href="scss/lib.css" />
|
||
|
|
<link rel="stylesheet" media="screen" href="scss/pc_style.css" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Header -->
|
||
|
|
<div class="global-header-top">
|
||
|
|
<div class="container position-relative d-flex align-items-center justify-content-between">
|
||
|
|
<p class="col-left">Cảm ơn vì đã chọn chúng tôi!</p>
|
||
|
|
|
||
|
|
<div class="col-right">
|
||
|
|
<div class="item-group">
|
||
|
|
<a href="javascript:void(0);" class="item">
|
||
|
|
<i class="icons icon-map"></i> <span> Hệ thống Showroom </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="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>
|
||
|
|
|
||
|
|
<a href="/gioi-thieu" class="item">
|
||
|
|
<i class="icons icon-bag"></i> <span> Giới thiệu </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="/tin-tuc" class="item">
|
||
|
|
<i class="icons icon-news"></i> <span> Tin tức </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="" class="item">
|
||
|
|
<i class="icons icon-bolt"></i> <span> Khuyến mại </span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="global-header-container" data-class="global-header-homepage">
|
||
|
|
<div class="container position-relative">
|
||
|
|
<div class="col-left">
|
||
|
|
<a href="/" class="header-logo">
|
||
|
|
<img src="images/logo.png" alt="Laptop TCC" width="1" height="1"/>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="global-menu-container">
|
||
|
|
<p class="group-title"> Danh mục sản phẩm </p>
|
||
|
|
|
||
|
|
<div class="menu-list">
|
||
|
|
<div class="cat-item">
|
||
|
|
<a href="" class="cat-1 has-child">
|
||
|
|
<i class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></i>
|
||
|
|
<span class="cat-title">Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="sub-menu">
|
||
|
|
<div class="sub-item">
|
||
|
|
<a href="" class="cat-2">Danh mục cấp 2</a>
|
||
|
|
|
||
|
|
<a href="">Danh mục cấp 3Danh mục cấp 3Danh mục cấp 3</a>
|
||
|
|
<a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-1.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="cat-item"> <a href="" class="cat-1 has-child"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-2.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1 has-child"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-3.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-4.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-5.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-6.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-7.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="header-search-group position-relative">
|
||
|
|
<form method="get" action="/tim" name="search">
|
||
|
|
<input type="text" id="js-global-search" name="q" placeholder="Bạn cần tìm gì?" value="" autocomplete="off">
|
||
|
|
<button type="button"> Tìm kiếm </button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-right">
|
||
|
|
<div class="col-right-item">
|
||
|
|
<p class="item-title">
|
||
|
|
<i class="icons icon-phone"></i>
|
||
|
|
<span> Tư vấn mua hàng </span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="sub-item-group">
|
||
|
|
<a href="tel:0766 448 888"> CS1: <b> 0766 448 888 </b> </a>
|
||
|
|
<a href="tel:0763 996 666"> CS2: <b> 0763 996 666 </b> </a>
|
||
|
|
<a href="tel:0762 637 777"> CSKH: <b> 0762 637 777 </b> </a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="/taikhoan" class="item-title">
|
||
|
|
<i class="icons icon-order"></i>
|
||
|
|
<span> Tra cứu đơn hàng </span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="/cart" class="item-title item-cart">
|
||
|
|
<i class="icons icon-cart">
|
||
|
|
<span class="js-cart-count cart-count">0</span>
|
||
|
|
</i>
|
||
|
|
<span> Giỏ hàng </span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="global-header-block" style="display: none;height: 102px;"></div>
|
||
|
|
<!-- // Header -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Homepage -->
|
||
|
|
<div class="homepage container">
|
||
|
|
<div class="home-banner-group hover-img">
|
||
|
|
<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="home-banner-right">
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/right-1.png" alt="" width="" height="" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/right-2.png" alt="" width="" height="" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="home-banner-bottom">
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/right-3.png" alt="" width="" height="" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/right-4.png" alt="" width="" height="" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
<a href="">
|
||
|
|
<img data-src="images/homepage/right-5.png" alt="" width="" height="" class="lazy"/>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</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)">
|
||
|
|
<div class="group-title">
|
||
|
|
<p class="group-left">
|
||
|
|
<b>Black</b>
|
||
|
|
<b class="text-bg">friday</b>
|
||
|
|
<span>giảm tới 80%</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<a href="" class="btn-view">Xem thêm khuyến mãi +</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="home-collection-info">
|
||
|
|
<div class="banner-holder">
|
||
|
|
<img data-src="images/homepage/banner-collection.png" alt="black friday" width="1" height="1" class="lazy"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Product -->
|
||
|
|
<div class="home-product-container">
|
||
|
|
<div class="product-category-holder">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<a href="" class="color-main">Xem thêm +</a>
|
||
|
|
</div>
|
||
|
|
</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>
|
||
|
|
</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 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>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 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>
|
||
|
|
|
||
|
|
<!-- Deal -->
|
||
|
|
<div class="deal-page container">
|
||
|
|
<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">
|
||
|
|
<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-nav" 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>
|
||
|
|
|
||
|
|
<div class="product-filter-container">
|
||
|
|
<div class="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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter-item">
|
||
|
|
<p class="filter-title">Chọn theo tiêu chí:</p>
|
||
|
|
|
||
|
|
<div class="filter-list">
|
||
|
|
<select>
|
||
|
|
<option value="" class="js-select-path"> Thương hiệu </option>
|
||
|
|
<option value=""> Option 1 </option>
|
||
|
|
<option value=""> Option 2 </option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<select>
|
||
|
|
<option value="" class="js-select-path"> Attribute Name </option>
|
||
|
|
<option value=""> Option 1 </option>
|
||
|
|
<option value=""> Option 2 </option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<select><option value="" class="js-select-path"> Attribute Name </option><option value=""> Option 1 </option><option value=""> Option 2 </option></select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-content-container">
|
||
|
|
<div class="product-sort-group">
|
||
|
|
<div class="box-left">
|
||
|
|
<p class="group-title">Sắp xếp </p>
|
||
|
|
|
||
|
|
<a href="" class="current"> Mới nhất </a>
|
||
|
|
<a href=""> Giá tăng dần </a>
|
||
|
|
<a href=""> Giá giảm dần </a>
|
||
|
|
<a href=""> Lượt xem </a>
|
||
|
|
<a href=""> Đánh giá </a>
|
||
|
|
<a href=""> Tên A-Z </a>
|
||
|
|
</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-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 pd-info-container">
|
||
|
|
<div class="pd-info-col-left">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<div class="pd-image-container">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="pd-info-group">
|
||
|
|
<!-- 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-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-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-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>
|
||
|
|
<del class="pd-old-price">25.500.000 đ</del>
|
||
|
|
<span class="pd-discount">-50%</span>
|
||
|
|
</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>
|
||
|
|
|
||
|
|
<div class="pd-info-col-right">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<div class="clearfix">
|
||
|
|
<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>
|
||
|
|
</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>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 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"> 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>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 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>
|
||
|
|
|
||
|
|
<!-- 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>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 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 -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Script -->
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||
|
|
<script src="js/lib.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- global -->
|
||
|
|
<script>
|
||
|
|
var lazyLoadInstance = new LazyLoad({
|
||
|
|
elements_selector: ".lazy"
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
// AOS.init();
|
||
|
|
Fancybox.bind("[data-fancybox]", {});
|
||
|
|
|
||
|
|
run_carousel('.js-product');
|
||
|
|
|
||
|
|
_globalFunction();
|
||
|
|
|
||
|
|
_globalScrollFunction();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$(window).scroll(function() {
|
||
|
|
_globalScrollFunction();
|
||
|
|
});
|
||
|
|
|
||
|
|
function _globalScrollFunction() {
|
||
|
|
if($(this).scrollTop() > 500) {
|
||
|
|
$('.global-header-container').addClass("global-header-fixed");
|
||
|
|
$('.global-header-block').show();
|
||
|
|
$('#js-global-goTop').css('display','block');
|
||
|
|
} else {
|
||
|
|
$('.global-header-container').removeClass("global-header-fixed");
|
||
|
|
$('.global-header-block').hide();
|
||
|
|
$('#js-global-goTop').fadeOut();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function _globalFunction() {
|
||
|
|
$('.global-menu-container').each(function(){
|
||
|
|
var cat_length = $(this).find('.cat-item').length;
|
||
|
|
|
||
|
|
$(this).find('.cat-item').css('height','calc(100% / '+ cat_length +')')
|
||
|
|
});
|
||
|
|
|
||
|
|
setTimeout(function(){
|
||
|
|
$('.global-fixed-social').addClass('animate__backInRight');
|
||
|
|
},800);
|
||
|
|
}
|
||
|
|
|
||
|
|
function run_carousel(holder, item){
|
||
|
|
$(holder + ' .owl-carousel').owlCarousel({
|
||
|
|
margin: 16,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 1500,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: (item) ? item : 5
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- homepage -->
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
|
||
|
|
run_carousel('.js-product-deal', 4);
|
||
|
|
|
||
|
|
run_carousel('.js-product-collection', 3);
|
||
|
|
|
||
|
|
countDownToNextDay('.js-deal-countdown');
|
||
|
|
|
||
|
|
$('#js-home-slider').owlCarousel({
|
||
|
|
margin: 10,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 3500,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 1
|
||
|
|
});
|
||
|
|
|
||
|
|
// tin tức
|
||
|
|
$('.js-home-article').owlCarousel({
|
||
|
|
margin: 16,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 3500,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
items: 3
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#js-customer-images').owlCarousel({
|
||
|
|
margin: 8,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayTimeout: 4000,
|
||
|
|
autoplaySpeed: 2000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
items: 4
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!-- product-category -->
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
checkContentHeight(500);
|
||
|
|
|
||
|
|
$('#js-category-slider').owlCarousel({
|
||
|
|
items: 2,
|
||
|
|
loop: true,
|
||
|
|
margin: 16,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 3000,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause:true,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
|
|
lazyLoad: true,
|
||
|
|
animateOut: 'fadeOut',
|
||
|
|
smartSpeed: 150
|
||
|
|
});
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- product-detail -->
|
||
|
|
<script src="js/magiczoom.js"></script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
checkContentHeight(400);
|
||
|
|
// _runProductImageSlider();
|
||
|
|
|
||
|
|
_imagesClick();
|
||
|
|
|
||
|
|
_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: 4
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
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();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function _imagesClick(){
|
||
|
|
$('#js-img-gallery a').click(function(){
|
||
|
|
var href = $(this).attr('data-href');
|
||
|
|
var fancybox_id = $(this).attr('data-id');
|
||
|
|
$('#js-big-img').attr('data-id', fancybox_id);
|
||
|
|
|
||
|
|
$('#js-img-gallery a').removeClass('img-active')
|
||
|
|
$(this).addClass('img-active')
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#js-big-img .item').click(function(){
|
||
|
|
var fancybox_id = $(this).attr('data-id');
|
||
|
|
$('#'+fancybox_id).click();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function _runProductImageSlider() {
|
||
|
|
var bigimage = $('#js-big-img');
|
||
|
|
var thumbs = $('#js-img-gallery');
|
||
|
|
var syncedSecondary = true;
|
||
|
|
|
||
|
|
bigimage.owlCarousel({
|
||
|
|
items: 1,
|
||
|
|
slideSpeed: 2000,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayHoverPause:true,
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
loop: false,
|
||
|
|
lazyLoad: true,
|
||
|
|
responsiveRefreshRate: 200,
|
||
|
|
center: false,
|
||
|
|
navText: [
|
||
|
|
'<i class="arrow arrow-prev"></i>',
|
||
|
|
'<i class="arrow arrow-next"></i>'
|
||
|
|
]
|
||
|
|
}).on("changed.owl.carousel", syncPosition);
|
||
|
|
|
||
|
|
thumbs.on("initialized.owl.carousel", function() {
|
||
|
|
thumbs.find(".owl-item").eq(0).addClass("current");
|
||
|
|
}).owlCarousel({
|
||
|
|
items: 5,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
navText: [
|
||
|
|
'<i class="arrow arrow-prev"></i>',
|
||
|
|
'<i class="arrow arrow-next"></i>'
|
||
|
|
],
|
||
|
|
smartSpeed: 200,
|
||
|
|
slideSpeed: 500,
|
||
|
|
slideBy: 5,
|
||
|
|
margin: 11,
|
||
|
|
center: false,
|
||
|
|
responsiveRefreshRate: 100
|
||
|
|
}).on("changed.owl.carousel", syncPosition2);
|
||
|
|
|
||
|
|
|
||
|
|
function syncPosition(el) {
|
||
|
|
var current = el.item.index;
|
||
|
|
var count = el.item.count - 1;
|
||
|
|
|
||
|
|
//to this
|
||
|
|
thumbs.find(".owl-item").removeClass("current").eq(current).addClass("current");
|
||
|
|
|
||
|
|
var onscreen = thumbs.find(".owl-item.active").length - 1;
|
||
|
|
|
||
|
|
var start = thumbs.find(".owl-item.active").first().index();
|
||
|
|
|
||
|
|
var end = thumbs.find(".owl-item.active").last().index();
|
||
|
|
|
||
|
|
if (current > end) {
|
||
|
|
thumbs.data("owl.carousel").to(current, 100, true);
|
||
|
|
}
|
||
|
|
if (current < start && 1 < 2) {
|
||
|
|
thumbs.data("owl.carousel").to(current - onscreen, 100, true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function syncPosition2(el) {
|
||
|
|
if (syncedSecondary) {
|
||
|
|
var number = el.item.index;
|
||
|
|
bigimage.data("owl.carousel").to(number, 100, true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
thumbs.on("click", ".owl-item", function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var number = $(this).index();
|
||
|
|
bigimage.data("owl.carousel").to(number, 300, true);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- article detail -->
|
||
|
|
<script>
|
||
|
|
// tin tức
|
||
|
|
$('.js-home-article').owlCarousel({
|
||
|
|
margin: 16,
|
||
|
|
lazyLoad: true,
|
||
|
|
loop: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 3500,
|
||
|
|
autoplaySpeed: 1000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
dots: true,
|
||
|
|
nav: false,
|
||
|
|
items: 3
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|