1245 lines
77 KiB
HTML
1245 lines
77 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=0">
|
||
|
|
<title>BESTPC - Trang chủ</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
|
||
|
|
<link rel="stylesheet" href="../../assets/css/style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container-mb">
|
||
|
|
<header class="w-full">
|
||
|
|
<div class="header-main py-[12px] bg-[var(--color-global)]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="content-header-main mb-[12px] flex items-center justify-between ">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="javascript:void(0)" onclick="show_menu()" class="block">
|
||
|
|
<i class="icon_bar"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/" class="logo w-[70px]">
|
||
|
|
<img src="../../assets/images/logo.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full block object-contain " alt="logo">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-end">
|
||
|
|
<i class="icon_2025 map"></i>
|
||
|
|
<div class="ml-[10px] ">
|
||
|
|
<span class="text-xs text-white block mb-[5px]">Bạn đang ở</span>
|
||
|
|
<div class="box-select">
|
||
|
|
<select name="" id="" class="select select_location">
|
||
|
|
<option value="">Hà Nội</option>
|
||
|
|
<option value="">TP HCM</option>
|
||
|
|
<option value="">Đà Nẵng</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="input-search relative bg-white rounded-[4px]">
|
||
|
|
<form action="/search" enctype="text/plain" method="get"
|
||
|
|
class="relative w-full flex items-center h-[35px] bg-white rounded-[8px] overflow-hidden">
|
||
|
|
<input type="text" name="q" placeholder="Tìm kiếm khuyến mãi, cửa hàng, sản phẩm,..."
|
||
|
|
class="search-input w-[calc(100%-40px)] outline-none h-full p-[0_10px] rounded-[4px] text-[12px] font-bold"
|
||
|
|
onclick="$('.autocomplete-suggestions').toggleClass('hidden');">
|
||
|
|
<button type="submit" class="w-[45px] border-l-[1.5px] border-[#B3B3B3] pl-[10px]"><i
|
||
|
|
class="icon_2025 search "></i></button>
|
||
|
|
</form>
|
||
|
|
<div
|
||
|
|
class="autocomplete-suggestions absolute left-[0] w-full p-[10px] bg-white rounded-[4px] hidden">
|
||
|
|
<p>TỪ KHOÁ HOT</p>
|
||
|
|
<ul class="ul">
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
<li><a href=""> laptop </a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div class="overlay " onclick="closeBackground()"></div>
|
||
|
|
<div id="main-menu" class="">
|
||
|
|
<div class="header-menu p-[20px_15px] bg-[#462F91] flex items-center justify-between">
|
||
|
|
<b class="text-white">Menu</b>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="close-menu block text-center leading-[18px] w-[18px] h-[18px] bg-white rounded-[50%]"
|
||
|
|
onclick="close_menu()"><i class="fa fa-times text-[#462F91]"></i></a>
|
||
|
|
</div>
|
||
|
|
<div class="background-menu">
|
||
|
|
<a href="/buildpc"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_2025 buildpc "></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Build PC</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/tim-nguoi-ban"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_2025 shop mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Tìm người bán</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/dia-chi-sua-chua"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_2025 map-2 mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Địa chỉ sửa chữa</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/hoi-dap"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_fix faq mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Hỏi đáp</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/san-pham-da-luu"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_fix product mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Sản phẩm đã lưu</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<a href="/tin-tuc"
|
||
|
|
class="item flex items-center justify-between mb-[10px] pb-[10px] border-b-[1px] border-[#EEEEEE]">
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<div class="w-[36px]">
|
||
|
|
<i class="icon_2025 article mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text-[#303030] font-[600]">Tin rao vặt</span>
|
||
|
|
</div>
|
||
|
|
<i class="fa-solid fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="homepage">
|
||
|
|
<div class="banner mt-[12px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="banner-slider swiper" id="js-banner-slider">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
|
||
|
|
<img src="../../assets/images/banner_slider.png"
|
||
|
|
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
|
||
|
|
<img src="../../assets/images/banner_slider.png"
|
||
|
|
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
|
||
|
|
<img src="../../assets/images/banner_slider.png"
|
||
|
|
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
|
||
|
|
<img src="../../assets/images/banner_slider.png"
|
||
|
|
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end banner -->
|
||
|
|
<div class="container">
|
||
|
|
<div class="box-menu-homepage grid grid-cols-4 gap-[30px] my-[20px]">
|
||
|
|
<a href="/buildpc" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_2025 buildpc"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Build pc</span>
|
||
|
|
</a>
|
||
|
|
<a href="/tim-nguoi-ban" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_2025 shop"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Tìm người bán</span>
|
||
|
|
</a>
|
||
|
|
<a href="/" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Địa chỉ sửa
|
||
|
|
chữa</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_2025 prduct-save"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Sản
|
||
|
|
phẩm
|
||
|
|
đã lưu</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_2025 article"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Tin rao vặt</span>
|
||
|
|
</a>
|
||
|
|
<a href="/hoi-dap" class="item">
|
||
|
|
<div
|
||
|
|
class="flex items-center justify-center mx-auto mb-[7px] w-[50px] h-[50px] rounded-[50%] bg-[#EEEEEE]">
|
||
|
|
<i class="icon_fix faq"></i>
|
||
|
|
</div>
|
||
|
|
<span class="text text-center text-[14px] block text-[#303030] font-[500]">Hỏi đáp</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!-- end box menu homepage -->
|
||
|
|
<div class="box-best-rated-products mt-[45px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[5px]">
|
||
|
|
sản phẩm được đánh giá tốt nhất
|
||
|
|
</h2>
|
||
|
|
<p class="mt-[5px] text-base font-medium text-center text-black">
|
||
|
|
Tổng hợp các sản phẩm hot theo xu hướng và có nhiều lượt review và
|
||
|
|
đánh giá nhất hiện nay
|
||
|
|
</p>
|
||
|
|
<div class="tabs-list flex items-center gap-[10px] mt-[15px] overflow-auto whitespace-nowrap">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="tabs-item active text-[15px] px-[20px] py-[10px] bg-[var(--color-global)] rounded-[4px] text-white font-bold">Laptop</a>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="tabs-item text-[15px] px-[20px] py-[10px] text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Màn
|
||
|
|
hình</a>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="tabs-item text-[15px] px-[20px] py-[10px] text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">CPU</a>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="tabs-item text-[15px] px-[20px] py-[10px] text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Bàn
|
||
|
|
phím, chuột</a>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="tabs-item text-[15px] px-[20px] py-[10px] text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">VGA</a>
|
||
|
|
</div>
|
||
|
|
<div class="product-list my-[15px] grid grid-cols-2 gap-[10px]" id="js-product-best">
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="box-saleoff">-20%</div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
|
||
|
|
8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<div class="flex items-center justify-between mb-[5px]">
|
||
|
|
<del class="old-price">16.500.000đ</del>
|
||
|
|
<i class="icon-star star5"></i>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="box-saleoff">-20%</div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
|
||
|
|
8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<div class="flex items-center justify-between mb-[5px]">
|
||
|
|
<del class="old-price">16.500.000đ</del>
|
||
|
|
<i class="icon-star star5"></i>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="box-saleoff">-20%</div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
|
||
|
|
8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<div class="flex items-center justify-between mb-[5px]">
|
||
|
|
<del class="old-price">16.500.000đ</del>
|
||
|
|
<i class="icon-star star5"></i>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="box-saleoff">-20%</div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
|
||
|
|
8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<div class="flex items-center justify-between mb-[5px]">
|
||
|
|
<del class="old-price">16.500.000đ</del>
|
||
|
|
<i class="icon-star star5"></i>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="w-[110px] h-[28px] leading-[27px] rounded-[28px] border-[1px] border-[#FF7A00] text-center mx-auto block text-[14px] text-[#FF7A00] font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
<!-- box-best-rated-products -->
|
||
|
|
|
||
|
|
<div class="box-category-homepage mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
TÌM THEO DANH MỤC
|
||
|
|
</h2>
|
||
|
|
<div class="list-category swiper my-[20px] pb-[10px]" id="js-slider-category">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item">
|
||
|
|
<div
|
||
|
|
class="flex flex-col mx-auto justify-center items-center px-4 bg-violet-50 h-[70px] rounded-[50%] w-[70px] effect-image">
|
||
|
|
<img src="../../assets/images/icon-cate-1.png"
|
||
|
|
class="object-contain aspect-[1.29] w-[50px]" alt="Laptop văn phòng" />
|
||
|
|
</div>
|
||
|
|
<p
|
||
|
|
class="mt-[7px] text-[15px] font-medium text-center text-black hover:text-[var(--color-global)]">
|
||
|
|
Laptop văn phòng
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Categories Section --->
|
||
|
|
|
||
|
|
<div class="box-featured-businesses mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
Doanh nghiệp NỔI BẬT
|
||
|
|
</h2>
|
||
|
|
<div class="list p-[5px] swiper mt-[15px] pb-[35px]" id="list-businesses">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-hacom.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-anphat.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-gearvn.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-hacom.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-anphat.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-gearvn.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-hacom.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-anphat.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href=""
|
||
|
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
|
||
|
|
<img src="../../assets/images/logo-gearvn.png"
|
||
|
|
class="block w-[full] h-[20px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||
|
|
width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- box-featured-businesses -->
|
||
|
|
<div class="box-save-product mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
Sản phẩm đã lưu
|
||
|
|
</h2>
|
||
|
|
<div class="product-list relative my-[15px] grid grid-cols-2 gap-[10px]" id="js-product-save">
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="flex items-center justify-center mt-[5px]">
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<del class="old-price ml-[5px]">16.500.000đ</del>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center justify-center mt-[3px]">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[5px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="flex items-center justify-center mt-[5px]">
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<del class="old-price ml-[5px]">16.500.000đ</del>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center justify-center mt-[3px]">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[5px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="flex items-center justify-center mt-[5px]">
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<del class="old-price ml-[5px]">16.500.000đ</del>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center justify-center mt-[3px]">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[5px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="product-image">
|
||
|
|
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
|
||
|
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||
|
|
</a>
|
||
|
|
<div class="info-product">
|
||
|
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||
|
|
i7</a>
|
||
|
|
<div class="flex items-center justify-center mt-[5px]">
|
||
|
|
<div class="price">15.000.000đ</div>
|
||
|
|
<del class="old-price ml-[5px]">16.500.000đ</del>
|
||
|
|
</div>
|
||
|
|
<div class="total-shop flex items-center justify-center mt-[3px]">
|
||
|
|
<div class="box-shop"><i class="icon_2025 shop"></i></div>
|
||
|
|
<p class="ml-[5px] text-[13px]">Có 12 cửa hàng bán</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="w-[110px] h-[28px] leading-[27px] rounded-[28px] border-[1px] border-[#FF7A00] text-center mx-auto block text-[14px] text-[#FF7A00] font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="article-industry mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
Thông tin ngành
|
||
|
|
</h2>
|
||
|
|
<div class="list my-[15px]">
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px] text-[13px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="w-[110px] h-[28px] leading-[27px] rounded-[4px] border-[1px] border-[#FF7A00] text-center mx-auto block text-[14px] text-[#FF7A00] font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
<!-- end article-industry -->
|
||
|
|
|
||
|
|
<div class="article-sale mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
THÔNG TIN khuyến mãi
|
||
|
|
</h2>
|
||
|
|
<div class="list my-[15px]">
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px] text-[13px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-article">
|
||
|
|
<a href="" class="image-article effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
|
||
|
|
<div class="summary line-clamp-2">Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI
|
||
|
|
là xu hướng chính nhưng được...</div>
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<div class="box-date flex items-center mr-[10px]"><i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[7px]">12/03/2025</p>
|
||
|
|
</div>
|
||
|
|
<div class="link-source flex items-center">
|
||
|
|
<i class="icon_2025 link mb-[4px]"></i>
|
||
|
|
<p class="ml-[5px]">Nguồn tin: vnexpress</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="w-[110px] h-[28px] leading-[27px] rounded-[4px] border-[1px] border-[#FF7A00] text-center mx-auto block text-[14px] text-[#FF7A00] font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
<!-- end article-sale -->
|
||
|
|
|
||
|
|
<div class="article-classifieds mt-[30px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
BẢN TIN RAO VẶT
|
||
|
|
</h2>
|
||
|
|
<div class="list my-[15px]">
|
||
|
|
<div class="item-classifieds">
|
||
|
|
<a href="" class="image-classifieds effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
|
||
|
|
2025</a>
|
||
|
|
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
|
||
|
|
</div>
|
||
|
|
<div class="price">19.999.000đ</div>
|
||
|
|
<div class="mb-[3px] text-[#595959]">
|
||
|
|
<div class="mb-[5px] flex items-center">
|
||
|
|
<i class="icon_2025 map-3"></i>
|
||
|
|
<p class="ml-[5px]">Quận thanh xuân</p>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[3px] flex items-center">
|
||
|
|
<i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[5px]">30 phút trước</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Còn 5 ngày</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="" class="staff flex items-center">
|
||
|
|
<img src="../../assets/images/avartar.png"
|
||
|
|
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
|
||
|
|
height="100%" alt="avartar">
|
||
|
|
<b class="ml-[5px]">Thanh mai</b>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-classifieds">
|
||
|
|
<a href="" class="image-classifieds effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
|
||
|
|
2025</a>
|
||
|
|
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
|
||
|
|
</div>
|
||
|
|
<div class="price">19.999.000đ</div>
|
||
|
|
<div class="mb-[3px] text-[#595959]">
|
||
|
|
<div class="mb-[5px] flex items-center">
|
||
|
|
<i class="icon_2025 map-3"></i>
|
||
|
|
<p class="ml-[5px]">Quận thanh xuân</p>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[3px] flex items-center">
|
||
|
|
<i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[5px]">30 phút trước</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Còn 5 ngày</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="" class="staff flex items-center">
|
||
|
|
<img src="../../assets/images/avartar.png"
|
||
|
|
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
|
||
|
|
height="100%" alt="avartar">
|
||
|
|
<b class="ml-[5px]">Thanh mai</b>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-classifieds">
|
||
|
|
<a href="" class="image-classifieds effect-image">
|
||
|
|
<img src="../../assets/images/image-article.png" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="info">
|
||
|
|
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
|
||
|
|
2025</a>
|
||
|
|
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
|
||
|
|
</div>
|
||
|
|
<div class="price">19.999.000đ</div>
|
||
|
|
<div class="mb-[3px] text-[#595959]">
|
||
|
|
<div class="mb-[5px] flex items-center">
|
||
|
|
<i class="icon_2025 map-3"></i>
|
||
|
|
<p class="ml-[5px]">Quận thanh xuân</p>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[3px] flex items-center">
|
||
|
|
<i class="icon_2025 time"></i>
|
||
|
|
<p class="ml-[5px]">30 phút trước</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Còn 5 ngày</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="" class="staff flex items-center">
|
||
|
|
<img src="../../assets/images/avartar.png"
|
||
|
|
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
|
||
|
|
height="100%" alt="avartar">
|
||
|
|
<b class="ml-[5px]">Thanh mai</b>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="w-[110px] h-[28px] leading-[27px] rounded-[4px] border-[1px] border-[#FF7A00] text-center mx-auto block text-[14px] text-[#FF7A00] font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
<!-- end article-classifieds -->
|
||
|
|
|
||
|
|
<div class="banner-sale mt-[30px] swiper pb-[30px]" id="js-slider-banner_sale">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/banner-sale-1.png" width="100%" height="100%"
|
||
|
|
class="object-contain w-full h-full rounded-xl" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/banner-sale-2.png" width="100%" height="100%"
|
||
|
|
class="object-contain w-full h-full rounded-xl" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/banner-sale-3.png" width="100%" height="100%"
|
||
|
|
class="object-contain w-full h-full rounded-xl" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/banner-sale-4.png" width="100%" height="100%"
|
||
|
|
class="object-contain w-full h-full rounded-xl" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
<!-- end banner-sale -->
|
||
|
|
|
||
|
|
<div class="box-promotions mt-[10px]">
|
||
|
|
<h2 class="text-[20px] text-[#0D0D9C] uppercase font-bold text-center mb-[10px]">
|
||
|
|
Sự kiện và chương trình khuyến mãi
|
||
|
|
</h2>
|
||
|
|
<div class="list my-[15px]">
|
||
|
|
<a class="box-big w-full mb-[10px] block" href="javascript:void(0)" id="js-video"
|
||
|
|
data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I">
|
||
|
|
<img src="../../assets/images/promotions-big.png" width="100%" height="100%"
|
||
|
|
class="object-cover w-full h-full rounded-xl" alt="">
|
||
|
|
</a>
|
||
|
|
<div class="grid grid-cols-2 gap-[10px]">
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/promotions-1.png"
|
||
|
|
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/promotions-2.png"
|
||
|
|
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/promotions-3.png"
|
||
|
|
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="" class="item effect-image">
|
||
|
|
<img src="../../assets/images/promotions-4.png"
|
||
|
|
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer border-t-[11px] border-[#1c039b] mt-[30px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="main-footer pt-[15px] pb-[90px]">
|
||
|
|
<div class="item-footer mb-[10px]">
|
||
|
|
<div class="flex items-center justify-between p-[10px] bg-[#F5F5F5] rounded-[4px]"
|
||
|
|
onclick="toggleFooter(this)">
|
||
|
|
<h3 class="text-[13px] text-[#303030] font-bold">Về chúng tôi</h3>
|
||
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||
|
|
</div>
|
||
|
|
<div class="content-footer p-[10px] hidden">
|
||
|
|
<a href="" class="block">Độc quyền</a>
|
||
|
|
<a href="" class="block">Mua online</a>
|
||
|
|
<a href="" class="block">Bộ sưu tập</a>
|
||
|
|
<a href="/tin-tuc" class="block">Blog</a>
|
||
|
|
<div class="list-social flex items-center mt-[15px]">
|
||
|
|
<a href="" target="_blank" class="mr-[10px]"><i class="icon_2025 facebook"></i></a>
|
||
|
|
<a href="" target="_blank"><i class="icon_2025 zalo"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-footer mb-[10px]">
|
||
|
|
<div class="flex items-center justify-between p-[10px] bg-[#F5F5F5] rounded-[4px]"
|
||
|
|
onclick="toggleFooter(this)">
|
||
|
|
<h3 class="text-[13px] text-[#303030] font-bold">Tuyển dụng</h3>
|
||
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||
|
|
</div>
|
||
|
|
<div class="content-footer p-[10px] hidden">
|
||
|
|
<a href="">Liên hệ</a>
|
||
|
|
<a href="">Điều khoản</a>
|
||
|
|
<a href="">Chính sách bảo mật</a>
|
||
|
|
<a href="">Trở thành đối tác</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-footer mb-[10px]">
|
||
|
|
<div class="flex items-center justify-between p-[10px] bg-[#F5F5F5] rounded-[4px]"
|
||
|
|
onclick="toggleFooter(this)">
|
||
|
|
<h3 class="text-[13px] text-[#303030] font-bold">Liên kết</h3>
|
||
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||
|
|
</div>
|
||
|
|
<div class="content-footer p-[10px] hidden">
|
||
|
|
<a href="hurasoft.com">Hurasoft.com</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-footer mb-[10px]">
|
||
|
|
<div class="flex items-center justify-between p-[10px] bg-[#F5F5F5] rounded-[4px]"
|
||
|
|
onclick="toggleFooter(this)">
|
||
|
|
<h3 class="text-[13px] text-[#303030] font-bold">Giới thiệu</h3>
|
||
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||
|
|
</div>
|
||
|
|
<div class="content-footer p-[10px] hidden">
|
||
|
|
<p class="text-[13px]">BESTPC là kênh tổng hợp tin khuyến mãi chuyên nghiệp đầu tiên ở Việt
|
||
|
|
Nam,
|
||
|
|
cho phép bạn tìm
|
||
|
|
kiếm mã giảm giá, tin ưu đãi
|
||
|
|
từ nghành hàng laptop, thiết bị điện tử, máy tính, xây dựng cấu hình PC chuyên nghiệp.
|
||
|
|
Và
|
||
|
|
còn rất nhiều mã giảm giá độc
|
||
|
|
quyền dành riêng cho bạn.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="fix-icon-footer fixed w-full bottom-0 left-0 shadow-[0px_-5px_12.9px_0px_#A4A4A440] z-[999] rounded-[8px_8px_0_0] overflow-hidden">
|
||
|
|
<div class="p-[12px] bg-white grid grid-cols-5">
|
||
|
|
<a href="/" class="item text-center active">
|
||
|
|
<div class="h-[32px] leading-[32px] mx-auto flex items-center">
|
||
|
|
<i class="icon_fix home mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class=" block text-center text-[13px]">Trang chủ</span>
|
||
|
|
</a>
|
||
|
|
<a href="/san-pham" class="item text-center">
|
||
|
|
<div class="h-[32px] leading-[32px] mx-auto flex items-center">
|
||
|
|
<i class="icon_fix product mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="block text-center text-[13px]">Sản phẩm</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="item text-center">
|
||
|
|
<div class="h-[32px] leading-[32px] mx-auto flex items-center">
|
||
|
|
<i class="icon_fix settings mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="block text-center text-[13px]">Sửa chữa</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="item text-center">
|
||
|
|
<div class="h-[32px] leading-[32px] mx-auto flex items-center">
|
||
|
|
<i class="icon_fix faq mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="block text-center text-[13px]">Hỏi đáp</span>
|
||
|
|
</a>
|
||
|
|
<a href="/taikhoan" class="item text-center">
|
||
|
|
<div class="h-[32px] leading-[32px] mx-auto flex items-center">
|
||
|
|
<i class="icon_fix user mx-auto"></i>
|
||
|
|
</div>
|
||
|
|
<span class="block text-center text-[13px]">Tài khoản</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(document).ready(function () {
|
||
|
|
|
||
|
|
var swiper = new Swiper("#js-banner-slider", {
|
||
|
|
slidesPerView: 1,
|
||
|
|
spaceBetween: 10,
|
||
|
|
pagination: {
|
||
|
|
clickable: true,
|
||
|
|
el: "#js-banner-slider .swiper-pagination",
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
var swiper_cate = new Swiper("#js-slider-category", {
|
||
|
|
slidesPerView: 4,
|
||
|
|
grid: {
|
||
|
|
rows: 2,
|
||
|
|
},
|
||
|
|
spaceBetween: 20,
|
||
|
|
lazy: true,
|
||
|
|
pagination: {
|
||
|
|
el: "#js-slider-category .swiper-pagination",
|
||
|
|
clickable: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
var swiper_business = new Swiper("#list-businesses", {
|
||
|
|
slidesPerView: 3.5,
|
||
|
|
spaceBetween: 10,
|
||
|
|
lazy: true,
|
||
|
|
pagination: {
|
||
|
|
el: "#list-businesses .swiper-pagination",
|
||
|
|
clickable: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var swiper_banner_sale = new Swiper("#js-slider-banner_sale", {
|
||
|
|
slidesPerView: 1.5,
|
||
|
|
spaceBetween: 10,
|
||
|
|
lazy: true,
|
||
|
|
pagination: {
|
||
|
|
el: "#js-slider-banner_sale .swiper-pagination",
|
||
|
|
clickable: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
function toggleFooter(el) {
|
||
|
|
var $el = $(el);
|
||
|
|
var $content = $el.next(".content-footer");
|
||
|
|
var $icon = $el.find("i");
|
||
|
|
|
||
|
|
$content.toggleClass("hidden");
|
||
|
|
$icon.toggleClass("fa-angle-down fa-angle-up");
|
||
|
|
}
|
||
|
|
|
||
|
|
// click hiển thị menu
|
||
|
|
function show_menu() {
|
||
|
|
$("#main-menu,.overlay,body").toggleClass("active");
|
||
|
|
}
|
||
|
|
|
||
|
|
// click ẩn hiển thị menu
|
||
|
|
function close_menu() {
|
||
|
|
$("#main-menu,.overlay,body").toggleClass("active");
|
||
|
|
}
|
||
|
|
|
||
|
|
// click background ẩn hiển thị menu
|
||
|
|
function closeBackground() {
|
||
|
|
$("#main-menu,.overlay,body").toggleClass("active");
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|