135 lines
7.6 KiB
HTML
135 lines
7.6 KiB
HTML
<!doctype html>
|
|
<html lang="vi">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>BESTPC - Trang chủ</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
violet: {
|
|
50: "#f5f3ff",
|
|
900: "#4c1d95",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<link rel="stylesheet" href="../src/assets/css/font.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
|
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<main class="flex overflow-hidden flex-col items-center bg-white">
|
|
|
|
<div class="page-category">
|
|
<div class="container">
|
|
<div class="breadcrumb p-[12px_0]">
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="flex items-center pr-[12px]">
|
|
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
|
|
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
|
|
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
|
|
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
|
|
<meta itemprop="position" content="1">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="flex items-center pr-[12px]">
|
|
<a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
|
|
<span itemprop="name">
|
|
Màn hình máy tính
|
|
</span> <i class="icon_2025 angle-right text-[#637381] ml-[12px]"></i>
|
|
</a>
|
|
<meta itemprop="position" content="2">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="flex items-center pr-[12px]">
|
|
<a href="/aivision.html" itemprop="item" class="nopad-l flex items-center">
|
|
<span itemprop="name">
|
|
AIVISION
|
|
</span>
|
|
</a>
|
|
<meta itemprop="position" content="3">
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="list grid grid-cols-4 gap-[24px]">
|
|
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
|
<img src="../src/assets/images/category-avatar.png"
|
|
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</main>
|
|
</body>
|
|
|
|
</html> |