upload
This commit is contained in:
719
index.html
Normal file
719
index.html
Normal file
@@ -0,0 +1,719 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title> Local </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- gland -->
|
||||
<link rel="stylesheet" href="http://pcxanh8.hurasoft.com/static/assets/default/script/libs.css">
|
||||
<link rel="stylesheet" href="http://pcxanh8.hurasoft.com/static/assets/default/script/pc_xanh.css">
|
||||
<!-- End gland -->
|
||||
|
||||
<!-- <link rel="stylesheet" media="screen" href="scss/lib.css" /> -->
|
||||
<link rel="stylesheet" media="screen" href="scss/pc_xanh.css" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="header-top-container">
|
||||
<div class="top-item font-300 text-13 container clearfix">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)"> <i class="fa fa-map-marker"></i> Hệ thống showroom </a>
|
||||
|
||||
<div class="sub-item text-14 font-500">
|
||||
<p class="text-20 font-600 mb-2">Showroom</p>
|
||||
<hr>
|
||||
<p>
|
||||
<i class="fa fa-map-marker"></i> Địa chỉ: Tầng 2, Toà Viettel Port, Cầu Diễn, Bắc Từ Liêm, Hà Nội
|
||||
<a href="https://goo.gl/maps/WzaMWn2qK4Cv31jw6" rel="nofollow" target="_blank" style="color: #f58634;">[Xem đường đi]</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="orange-linear"> <i class="fa fa-phone"></i> Bán hàng trực tuyến </a>
|
||||
|
||||
<div class="sub-item header-banhang">
|
||||
<table width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="online-title"> HỖ TRỢ TẠI HÀ NỘI/TOÀN QUỐC</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td valign="top" width="380">
|
||||
<div class="online-content">
|
||||
<b>Bán hàng online</b>
|
||||
|
||||
<p>
|
||||
<img data-src="images/icon_zalo.png" class="lazy" width="15px">
|
||||
Mr A<span class="bg icon_tel_support"> </span> 000.000.000
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<img data-src="{{ 'icon_zalo.png' | asset_url }}" class="lazy" width="15px">
|
||||
Mr A<span class="bg icon_tel_support"> </span> 000.000.000
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td valign="top" width="380">
|
||||
<div class="online-content">
|
||||
<b>Kỹ thuật - Bảo hành</b>
|
||||
<p>
|
||||
<img data-src="{{ 'icon_zalo.png' | asset_url }}" class="lazy" width="15px">
|
||||
Mr A <span class="bg icon_tel_support"> </span> 000.000.000
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<img data-src="{{ 'icon_zalo.png' | asset_url }}" class="lazy" width="15px">
|
||||
Mr A <span class="bg icon_tel_support"> </span> 000.000.000
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href=""> <i class="fa fa-wrench"></i> Yêu cầu kỹ thuật </a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href=""> <i class="fa fa-book"></i> Chính sách - hướng dẫn </a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href="/tin-tuc"> <i class="fa fa-newspaper-o"></i> Tin hay mỗi ngày </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="header-middle-container">
|
||||
<div class="header-logo text-center">
|
||||
<a href="/"> <img src="images/logo_pc_xanh.png" alt="Pc Xanh" /> </a>
|
||||
</div>
|
||||
|
||||
<div class="header-search">
|
||||
<form method="get" action="/tim" name="search" class="d-flex align-items-center flex-wrap bg-white position-relative">
|
||||
<div class="search-select-container">
|
||||
<input type="hidden" name="scat_id" id="js-scat-id" value="1">
|
||||
<select id="js-select-cat">
|
||||
<option data-id="">Tất cả danh mục</option>
|
||||
|
||||
<option data-id="1">PC GAMING INTEL test</option>
|
||||
|
||||
<option data-id="2">PC GAMING-ĐỒ HỌA</option> <option data-id="5">MÀN HÌNH MÁY TÍNH</option> <option data-id="9">CPU- BỘ VI XỬ LÍ</option> <option data-id="47">VGA - CARD ĐỒ HỌA</option> <option data-id="12">PC GAMING INTEL</option> <option data-id="18">PC AMD RYZEN GAMING - ĐỒ HỌA</option> <option data-id="22">BỘ M&#193;Y T&#205;NH CHƠI GAME</option> <option data-id="28">PC STREAM GAME &amp; PC GIẢ LẬP ANDROID</option> <option data-id="31">CASE VĂN PH&#210;NG &amp; PC GAME NHẸ</option> <option data-id="34">MAINBOARD - Bo mạch chủ</option> <option data-id="37">CPU - Bộ vi xử l&#253;</option> <option data-id="44">RAM - Bộ nhớ trong</option> <option data-id="50">Ổ CỨNG HDD - SSD</option> <option data-id="53">PH&#205;M CHUỘT - GAMING GEAR</option> <option data-id="60">TẢN NHIỆT - COOLING</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<input type="text" id="js-seach-input" name="q" placeholder="Nhập nội dung tìm kiếm ..." value="" autocomplete="off" class="text-search">
|
||||
|
||||
<button type="submit" class="btn-search orange text-18"><i class="fa fa-search"></i></button>
|
||||
</form>
|
||||
|
||||
<div class="autocomplete-suggestions js-box-result is-actie-scroll" id="js-seach-result"></div>
|
||||
</div>
|
||||
|
||||
<div class="header-middle-right text-12 font-300">
|
||||
<div class="item">
|
||||
<i class="splice icon-phone"></i>
|
||||
|
||||
<p class="text m-0">
|
||||
Hotline
|
||||
<b class="text-14 d-block orange"> 000.000.0000 </b>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="item item-buildpc">
|
||||
<a href="/buildpc" title="Xây dựng máy tính">
|
||||
<i class="splice icon-buildpc"></i>
|
||||
|
||||
<span class="text"> Xây dụng <br>Cấu hình PC </span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<i class="splice icon-user"></i>
|
||||
|
||||
<p class="text m-0">
|
||||
<a href="/dang-ky" title="Đăng ký">Đăng ký</a>
|
||||
<a href="/dang-nhap" title="Đăng nhập">Đăng nhập</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a href="/cart" title="Giỏ hàng của bạn">
|
||||
<i class="splice icon-cart"></i>
|
||||
<span class="cart-count js-cart-count">0</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-bottom-container">
|
||||
<div class="container clearfix">
|
||||
<div class="header-menu-group">
|
||||
<p class="title m-0 font-600"> <i class="fa fa-bars pr-1"></i> DANH MỤC SẢN PHẨM </p>
|
||||
|
||||
<div class="cat-list-group">
|
||||
<!-- max 14 -->
|
||||
<div class="item">
|
||||
<a href="">
|
||||
<span class="cat-thumb" style="background-image: url(images/icon/018-laptop.png)"></span>
|
||||
<span class="cat-title"> Laptop - Máy tính xách tay </span>
|
||||
</a>
|
||||
|
||||
<div class="sub-menu-group">
|
||||
<div class="box-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="box-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="box-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="box-item">
|
||||
<a href="" class="cat-2">Danh mục cấp 2</a>
|
||||
</div>
|
||||
|
||||
<div class="box-item">
|
||||
<a href="" class="cat-2">Danh mục cấp 2</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- copy -->
|
||||
<div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/024-computer.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay - Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/024-computer.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"> <div class="box-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="box-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="box-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="box-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div><div class="box-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/043-cpu.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/026-monitor.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/icon_game.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/001-fan.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/021-printer.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/003-router.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/023-mouse.png)"></span> <span class="cat-title"> Laptop - Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/icon_sieuthi.png)"></span> <span class="cat-title"> Thiết bị siêu thị </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/icon_giangday.png)"></span> <span class="cat-title"> Laptop </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/017-ssd.png)"></span> <span class="cat-title"> Máy tính xách tay </span> </a> <div class="sub-menu-group"></div></div><div class="item"> <a href=""> <span class="cat-thumb" style="background-image: url(images/icon/022-webcam.png)"></span> <span class="cat-title">Máy tính </span> </a> <div class="sub-menu-group"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-bottom-right">
|
||||
<div class="item">
|
||||
<i class="splice icon-1"></i>
|
||||
<span class="text"> 100% hàng chính hãng </span>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<i class="splice icon-2"></i>
|
||||
<span class="text"> Ưu đãi tốt nhất </span>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<i class="splice icon-3"></i>
|
||||
<span class="text"> Miễn phí vận chuyển </span>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<i class="splice icon-4"></i>
|
||||
<span class="text"> Bảo hành tận nhà </span>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<i class="splice icon-5"></i>
|
||||
<span class="text"> Thanh toán tiện lợi </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- homepage -->
|
||||
<h1 style="position: absolute; top: -99999px"> PC Xanh </h1>
|
||||
<section class="homepage container clearfix">
|
||||
<div class="home-banner-container clearfix">
|
||||
<div class="home-banner-left hover-img">
|
||||
<div class="owl-carousel owl-theme custom-dots slider-home" id="js-slider-home">
|
||||
<div class="item">
|
||||
<a href=""><img data-src="images/slider.jpg" alt="" class="owl-lazy"></a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href=""><img data-src="images/slider.jpg" alt="" class="owl-lazy"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix banner-under-group">
|
||||
<a href=""><img data-src="images/banner_under-1.jpg" alt="" class="lazy"/></a>
|
||||
<a href=""><img data-src="images/banner_under-2.jpg" alt="" class="lazy"/></a>
|
||||
<a href=""><img data-src="images/banner_under-3.jpg" alt="" class="lazy"/></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="home-banner-right">
|
||||
<div class="home-top-article-group bg-white">
|
||||
<div class="title-group d-flex align-items-center justify-content-between pr-2 text-13 font-300">
|
||||
<p class="title m-0 text-white font-600 bg-orange"> TIN CÔNG NGHỆ NỔI BẬT </p>
|
||||
<a href="/tin-tuc" class="orange"> Xem tất cả <i class="fa fa-angle-double-right"></i> </a>
|
||||
</div>
|
||||
|
||||
<div class="art-holder-group hover-img">
|
||||
<!-- limie: 4 -->
|
||||
<a href="" class="art-item">
|
||||
<span class="art-img">
|
||||
<img data-src="http://via.placeholder.com/110x64" alt="" class="lazy"/>
|
||||
</span>
|
||||
|
||||
<span class="art-text">
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, nostrum quaerat itaque consequatur dolores
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a href="" class="art-item"> <span class="art-img"> <img data-src="http://via.placeholder.com/110x64/f00" alt="" class="lazy"/> </span> <span class="art-text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, nostrum quaerat itaque consequatur dolores </span> </a><a href="" class="art-item"> <span class="art-img"> <img data-src="http://via.placeholder.com/110x64/000" alt="" class="lazy"/> </span> <span class="art-text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, nostrum quaerat itaque consequatur dolores </span> </a><a href="" class="art-item"> <span class="art-img"> <img data-src="http://via.placeholder.com/110x64/a00" alt="" class="lazy"/> </span> <span class="art-text"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, nostrum quaerat itaque consequatur dolores </span> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="banner-video-group">
|
||||
<div class="video-holder js-home-video" data-url="https://www.youtube.com/watch?v=V9SYIbnYNhA&ab_channel=MinhAnComputer">
|
||||
<img data-src="images/banner-video.jpg" alt="" class="lazy"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- collection sale cuc da -->
|
||||
<div class="home-collection-container">
|
||||
<div class="bg-title lazy" data-bg="url(images/bg-home-collection.png)"></div>
|
||||
|
||||
<div class="collection-product-group bg-orange" id="js-collection-product-holder">
|
||||
<div class="bg-white owl-carousel owl-theme custom-nav">
|
||||
|
||||
<div class="p-item-2021">
|
||||
<div class="p-img">
|
||||
<a href=""> <img src="images/product-1.jpg" alt="" /> </a>
|
||||
<span class="p-sku">MÃ SP: SP004007</span>
|
||||
<span class="p-type">
|
||||
<i class="icon-new"></i>
|
||||
<i class="icon-hot"></i>
|
||||
</span>
|
||||
|
||||
<span class="p-discount-2021">-20%</span>
|
||||
</div>
|
||||
|
||||
<div class="p-text">
|
||||
<a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a>
|
||||
|
||||
<div class="p-price-group">
|
||||
<span class="p-price"> 22.490.000đ </span>
|
||||
<del class="p-old-price"> 23.900.000đ </del>
|
||||
<span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span>
|
||||
</div>
|
||||
|
||||
<div class="p-button">
|
||||
<span class="green"> <i class="fa fa-check"></i> Còn hàng </span>
|
||||
<!-- <span> <i class="fa fa-check"></i> Liên hệ </span> -->
|
||||
|
||||
<a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- copy -->
|
||||
<div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> </span> <span class="p-discount-2021">-20%</span></div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-3.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-5.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- collection tab -->
|
||||
<div class="product-box-group collection-tab-group">
|
||||
<div class="box-title">
|
||||
<p class="title"> GIÁ SỐC CUỐI TUẦN </p>
|
||||
|
||||
<div class="title-rigt-group clearfix">
|
||||
<div class="children-lists" id="js-collection-tab">
|
||||
<!-- limit 3 -> 4 -->
|
||||
<a href="/link-1" class="active"> Nổi bật </a>
|
||||
<a href="/link-2"> Laptop - Máy tính xách tay </a>
|
||||
<a href="/link-3"> PC, WorkstationPC, Workstation </a><a href="/link-4">Linh kiện máy tính</a>
|
||||
</div>
|
||||
|
||||
<a href="/link-1" class="orange view-all" id="js-collection-url"> Xem tất cả <i class="fa fa-angle-double-right"></i> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="js-product-holder">
|
||||
<div class="bg-white owl-carousel owl-theme custom-nav">
|
||||
|
||||
<div class="p-item-2021">
|
||||
<div class="p-img">
|
||||
<a href=""> <img src="images/product-1.jpg" alt="" /> </a>
|
||||
<span class="p-sku">MÃ SP: SP004007</span>
|
||||
<span class="p-type">
|
||||
<i class="icon-new"></i>
|
||||
<i class="icon-hot"></i>
|
||||
</span>
|
||||
|
||||
<span class="p-discount-2021">-20%</span>
|
||||
</div>
|
||||
|
||||
<div class="p-text">
|
||||
<a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a>
|
||||
|
||||
<div class="p-price-group">
|
||||
<span class="p-price"> 22.490.000đ </span>
|
||||
<del class="p-old-price"> 23.900.000đ </del>
|
||||
<span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span>
|
||||
</div>
|
||||
|
||||
<div class="p-button">
|
||||
<span class="green"> <i class="fa fa-check"></i> Còn hàng </span>
|
||||
<!-- <span> <i class="fa fa-check"></i> Liên hệ </span> -->
|
||||
|
||||
<a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- copy -->
|
||||
<div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> </span> <span class="p-discount-2021">-20%</span></div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-3.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-5.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- product-list -->
|
||||
<div class="product-box-group">
|
||||
<div class="box-title">
|
||||
<h2 class="title"> laptop - máy tính xách tay </h2>
|
||||
|
||||
<div class="children-lists">
|
||||
<!-- limit 3 -> 4 -->
|
||||
<a href=""> Laptop theo hãng </a><a href=""> Laptop theo nhu cầu </a><a href=""> Laptop theo cấu hình </a><a href=""> Phụ kiện Laptop </a>
|
||||
</div>
|
||||
|
||||
<a href="" class="orange view-all"> Xem tất cả <i class="fa fa-angle-double-right"></i> </a>
|
||||
</div>
|
||||
|
||||
<div class="js-product-holder">
|
||||
<div class="bg-white owl-carousel owl-theme custom-nav">
|
||||
|
||||
<div class="p-item-2021">
|
||||
<div class="p-img">
|
||||
<a href=""> <img src="images/product-1.jpg" alt="" /> </a>
|
||||
<span class="p-sku">MÃ SP: SP004007</span>
|
||||
<span class="p-type">
|
||||
<i class="icon-new"></i>
|
||||
<i class="icon-hot"></i>
|
||||
</span>
|
||||
|
||||
<span class="p-discount-2021">-20%</span>
|
||||
</div>
|
||||
|
||||
<div class="p-text">
|
||||
<a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a>
|
||||
|
||||
<div class="p-price-group">
|
||||
<span class="p-price"> 22.490.000đ </span>
|
||||
<del class="p-old-price"> 23.900.000đ </del>
|
||||
<span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span>
|
||||
</div>
|
||||
|
||||
<div class="p-button">
|
||||
<span class="green"> <i class="fa fa-check"></i> Còn hàng </span>
|
||||
<!-- <span> <i class="fa fa-check"></i> Liên hệ </span> -->
|
||||
|
||||
<a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- copy -->
|
||||
<div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> </span> <span class="p-discount-2021">-20%</span></div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-3.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-5.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> <del class="p-old-price"> 23.900.000đ </del> <span class="p-sale-off"> (Tiết kiệm: 1.410.000đ) </span> </div><div class="p-button"> <span class="green"> <i class="fa fa-check"></i> Còn hàng </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-2.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div><div class="p-item-2021"> <div class="p-img"> <a href=""> <img src="images/product-4.jpg" alt=""/> </a> <span class="p-sku">MÃ SP: SP004007</span> <span class="p-type"> <i class="icon-new"></i> <i class="icon-hot"></i> </span> </div><div class="p-text"> <a href="" class="p-name"> Màn hình LG 27GN950 27'', Nano ÍP, UHD(3840 x 2160), 144Hz, độ phân giải 4k </a> <div class="p-price-group"> <span class="p-price"> 22.490.000đ </span> </div><div class="p-button"> <span> <i class="fa fa-check"></i> Liên hệ </span> <a href="javascript:void(0)" class="p-buy icons" title="Thêm vào giỏ"> Thêm vào giỏ</a> </div></div></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- article -->
|
||||
<div class="home-article-container bg-white clearfix">
|
||||
<div class="box-title" id="js-article-title">
|
||||
<a href="javascript:void(0)" class="active"> Tin tức </a>
|
||||
<a href="javascript:void(0)"> Tư vấn chọn mua </a>
|
||||
<a href="javascript:void(0)"> Kiến thức </a>
|
||||
<a href="javascript:void(0)"> Tin khuyến mãi </a>
|
||||
<a href="javascript:void(0)"> Tin công ty </a>
|
||||
</div>
|
||||
|
||||
<div class="box-holder hover-img clearfix">
|
||||
<div class="art-big">
|
||||
<a href="">
|
||||
<img data-src="http://via.placeholder.com/792x464" alt="" title="" class="lazy"/>
|
||||
|
||||
<div class="art-big-text">
|
||||
<p class="art-title"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem voluptatum aliquam Voluptatem voluptatum aliquam </p>
|
||||
<time> 29/11/2019 </time>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="art-list-group">
|
||||
<!-- limit 4 -->
|
||||
<div class="art-item">
|
||||
<a href="" class="art-img">
|
||||
<img data-src="http://via.placeholder.com/792x464/f00" alt="" title="" class="lazy"/>
|
||||
</a>
|
||||
|
||||
<div class="art-text">
|
||||
<a href=""> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem voluptatum aliquam </a>
|
||||
<time> 29/11/2019 </time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="art-item"> <a href="" class="art-img"> <img data-src="http://via.placeholder.com/792x464/fe0" alt="" title="" class="lazy"/> </a> <div class="art-text"> <a href=""> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem voluptatum aliquam </a> <time> 29/11/2019 </time> </div></div><div class="art-item"> <a href="" class="art-img"> <img data-src="http://via.placeholder.com/792x464/acb" alt="" title="" class="lazy"/> </a> <div class="art-text"> <a href=""> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem voluptatum aliquam </a> <time> 29/11/2019 </time> </div></div><div class="art-item"> <a href="" class="art-img"> <img data-src="http://via.placeholder.com/792x464" alt="" title="" class="lazy"/> </a> <div class="art-text"> <a href=""> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem voluptatum aliquam </a> <time> 29/11/2019 </time> </div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<footer>
|
||||
<div class="footer-newsletter-container text-center">
|
||||
<p>ĐĂ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="registor-form-group">
|
||||
<input type="text" placeholder="Email của bạn..." id="js-email-newsletter"/>
|
||||
<a href="javascript:void(0)" onclick="subscribe_newsletter('#js-email-newsletter')"> Gửi </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-info-group">
|
||||
<div class="container clearfix">
|
||||
<div class="info-item-group">
|
||||
<p class="item-title"> Thông tin chung </p>
|
||||
|
||||
<a href="/gioi-thieu"> Giới thiệu về PC Xanh </a>
|
||||
<a href="/tin-tuc"> Tin tức </a>
|
||||
<a href="/lien-he"> Liên hệ hợp tác </a>
|
||||
<a href=""> Tuyển dụng </a>
|
||||
<a href="/buildpc"> Xây dựng cấu hình PC </a>
|
||||
<a href=""> Hướng Dẫn Mua Hàng </a>
|
||||
<a href=""> Quy Định Và Hình Thức Thanh Toán </a>
|
||||
<a href=""> Bán Hàng Trả Góp </a>
|
||||
</div>
|
||||
|
||||
<div class="info-item-group">
|
||||
<p class="item-title"> Quy định & chính sách </p>
|
||||
|
||||
<a href=""> Chính Sách Bảo Hành </a>
|
||||
<a href=""> Chính sách đổi, trả lại hàng </a>
|
||||
<a href=""> Chính Sách Giao Hàng </a>
|
||||
<a href=""> Bảo mật thông tin khách hàng </a>
|
||||
</div>
|
||||
|
||||
<div class="info-item-group social">
|
||||
<p class="item-title"> Cộng đồng PC Xanh </p>
|
||||
|
||||
<a href="" target="_blank"> <i class="fa fa-facebook"></i> Facebook </a>
|
||||
<a href="" target="_blank"> <i class="fa fa-youtube-play"></i> Youtube </a>
|
||||
<a href="" target="_blank"> <i class="fa fa-users"></i> Group Gaming </a>
|
||||
<a href="?show_version=mobile" class="view-mobile"> Xem bản mobile </a>
|
||||
<a href="" target="_blank"> <img src="images/icon-bct-2021.png" alt="BCT" style="width: 170px;" /> </a>
|
||||
</div>
|
||||
|
||||
<div class="info-item-group">
|
||||
<p class="item-title"> Showroom </p>
|
||||
|
||||
<p class="m-0">
|
||||
<i class="fa fa-map-marker pr-1"></i> Địa chỉ: Tầng 2, Toà Viettel Port, Cầu Diễn, Bắc Từ Liêm, Hà Nội
|
||||
<a href="https://goo.gl/maps/WzaMWn2qK4Cv31jw6" target="_blank" style="color: #fff000;"> [Xem đường đi] </a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i class="fa fa-phone"></i> Hotline: 000.000.0000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="m-0 text-center font-300" style="color: #555555;padding: 10px 0;">
|
||||
Copyright 2020 © - Bản quyền của PC Xanh - Tầng 2, Toà Viettel Port, Cầu Diễn, Bắc Từ Liêm, Hà Nội.
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<div class="global-fixed-right">
|
||||
<a href="" target="_blank" title="Fanpage"><i class="fa fa-facebook"></i></a>
|
||||
<a href="" target="_blank" title="Kênh Youtube"><i class="fa fa-youtube"></i></a>
|
||||
<a href="/lien-he" title="Gửi liên hệ"><i class="fa fa-envelope"></i></a>
|
||||
<a href="/lien-he" title="Liên hệ"><i class="fa fa-phone"></i></a>
|
||||
<a href="/buildpc" title="Xây dựng cấu hình"><i class="fa fa-wrench"></i></a>
|
||||
<a href="javascript:void(0)" title="Lên đầu trang" id="js-goTop"><i class="fa fa-arrow-up"></i></a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Script -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
|
||||
<!-- carousel -->
|
||||
<script src="js/lib.js"></script>
|
||||
<!-- slick -->
|
||||
<!-- <script src="js/slick.js"></script> -->
|
||||
|
||||
|
||||
<!-- <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> -->
|
||||
|
||||
<!-- pro-detail -->
|
||||
<!-- <link rel="stylesheet" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
||||
<script src="js/scrollToFixed.js"></script>-->
|
||||
<script src="js/magiczoom.js"></script>
|
||||
|
||||
|
||||
<!-- global -->
|
||||
<script>
|
||||
var lazyLoadInstance = new LazyLoad({
|
||||
elements_selector: ".lazy"
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
changeIdSearch();
|
||||
|
||||
|
||||
$('#js-goTop').click(function() {
|
||||
$('body,html').animate({scrollTop:0},800);
|
||||
});
|
||||
})
|
||||
|
||||
$(window).scroll(function() {
|
||||
// scroll to top
|
||||
if($(window).scrollTop() > 150) $(".global-fixed-right").addClass('active');
|
||||
else $(".global-fixed-right").removeClass('active');
|
||||
});
|
||||
|
||||
function changeIdSearch(){
|
||||
$("#js-select-cat").on('change',function(){
|
||||
var id = $("#js-select-cat option:selected").attr("data-id")
|
||||
$("#js-scat-id").val(id);
|
||||
})
|
||||
}
|
||||
|
||||
//
|
||||
function run_carousel(holder){
|
||||
$(holder + " .owl-carousel").owlCarousel({
|
||||
items: 5,
|
||||
margin: 10,
|
||||
lazyLoad: true,
|
||||
loop: false,
|
||||
autoplay: false,
|
||||
autoplayTimeout: 3000,
|
||||
autoplaySpeed: 1500,
|
||||
autoplayHoverPause: false,
|
||||
dots: false,
|
||||
nav: true,
|
||||
navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
|
||||
responsive : {
|
||||
1600 : {
|
||||
items: 6
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getIdYoutube(url){
|
||||
var video_id = url.split('v=')[1];
|
||||
var ampersandPosition = video_id.indexOf('&');
|
||||
if(ampersandPosition != -1) {
|
||||
video_id = video_id.substring(0, ampersandPosition);
|
||||
}
|
||||
return video_id;
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- homepage -->
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#js-slider-home').owlCarousel({
|
||||
items: 1,
|
||||
loop: true,
|
||||
margin:10,
|
||||
autoplay: true,
|
||||
autoplayTimeout: 4000,
|
||||
autoplaySpeed: 1500,
|
||||
autoplayHoverPause:true,
|
||||
nav: false,
|
||||
navText: ["<i class='icon-arrow arrow-left'></i>","<i class='icon-arrow arrow-right'></i>"],
|
||||
lazyLoad: true,
|
||||
dots: true
|
||||
});
|
||||
|
||||
run_BannerVideo(".js-home-video");
|
||||
|
||||
run_carousel("#js-collection-product-holder");
|
||||
|
||||
// product
|
||||
run_carousel(".js-product-holder");
|
||||
|
||||
|
||||
// tab-collection
|
||||
$("#js-collection-tab a").click(function(){
|
||||
event.preventDefault();
|
||||
|
||||
$("#js-collection-tab a").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
|
||||
var url = $(this).attr("href");
|
||||
$("#js-collection-url").attr("href",url)
|
||||
});
|
||||
|
||||
|
||||
// article- home-footer
|
||||
$("#js-article-title a").click(function(){
|
||||
$("#js-article-title a").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
function run_BannerVideo(holder) {
|
||||
$(holder).click(function(){
|
||||
var url = $(this).attr("data-url");
|
||||
var url_code = getIdYoutube(url);
|
||||
var videoUrl = "https://www.youtube.com/embed/"+url_code+"?rel=0&showinfo=0&autoplay=1";
|
||||
|
||||
$(this).html('<iframe allowfullscreen frameborder="0" class="lazy" src="' + videoUrl + '"></iframe>');
|
||||
$(this).addClass("active");
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user