216 lines
14 KiB
HTML
216 lines
14 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">
|
|
<div class="page-buildpc bg-[#F4F4F4] pb-[30px]">
|
|
<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="/buildpc" itemprop="item" class="nopad-l flex items-center">
|
|
<span itemprop="name">
|
|
Build PC
|
|
</span>
|
|
</a>
|
|
<meta itemprop="position" content="3">
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<a href="/buildpc" class="px-3 py-2.5 text-center font-bold bg-white text-stone-500 rounded">
|
|
Bắt đầu tạo
|
|
</a>
|
|
<a href="/template/buildpc/compare_buildpc.html"
|
|
class="px-3 py-2.5 text-center font-bold text-white bg-violet-900 rounded hover:text-white hover:bg-violet-900">
|
|
So sánh giá tại các cửa hàng
|
|
</a>
|
|
</div>
|
|
|
|
<div class="list bg-white rounded p-[10px] mt-[15px]">
|
|
<div class="item-compare mb-[40px]">
|
|
<a href="" class="block pb-[10px] border-b-[1px] border-[#e3e3e3]">
|
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
|
class="w-[90px] block h-[32px] object-contain" alt="" />
|
|
</a>
|
|
<div class="list-product">
|
|
<div class="item-info-product py-[10px] border-b-[1px] border-neutral-200">
|
|
<b class="name-component block font-bold mb-[10px]">CPU Cooler</b>
|
|
<div class="info flex justify-between gap-[10px] mb-[10px]">
|
|
<div class="flex w-[calc(100%-90px)]">
|
|
<a href="/buildpc/detail"
|
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
|
class="block w-full h-full object-contain" alt="" />
|
|
</a>
|
|
<a href="/buildpc/detail"
|
|
class="name-product w-[calc(100%-60px)] text-[13px] text-[500] hover:text-[var(--color-hover)]">
|
|
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
|
|
</a>
|
|
</div>
|
|
<a href=""
|
|
class="block w-[80px] h-[35px] leading-[35px] text-center text-white font-bold bg-[var(--color-hover)] rounded-[4px]">
|
|
Mua ngay
|
|
</a>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giá sản phẩm</p>
|
|
<b class="total-amount font-bold text-[#FF0000]">4.000.000đ</b>
|
|
<del class="old-price font-400 text-[#7D7D7D]">4.700.000 Vnđ</del>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Khuyến mãi</p>
|
|
<b class="price-saleoff font-400">20%</b>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giao hàng:</p>
|
|
<b class="underline">Liên hệ</b>
|
|
</div>
|
|
</div>
|
|
<div class="item-info-product py-[10px] border-b-[1px] border-neutral-200">
|
|
<b class="name-component block font-bold mb-[10px]">SSD</b>
|
|
<div class="info flex justify-between gap-[10px] mb-[10px]">
|
|
<div class="flex w-[calc(100%-90px)]">
|
|
<a href="/buildpc/detail"
|
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
|
class="block w-full h-full object-contain" alt="" />
|
|
</a>
|
|
<a href="/buildpc/detail"
|
|
class="name-product w-[calc(100%-60px)] text-[13px] text-[500] hover:text-[var(--color-hover)]">
|
|
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
|
|
</a>
|
|
</div>
|
|
<a href=""
|
|
class="block w-[80px] h-[35px] leading-[35px] text-center text-white font-bold bg-[var(--color-hover)] rounded-[4px]">
|
|
Mua ngay
|
|
</a>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giá sản phẩm</p>
|
|
<b class="total-amount font-bold text-[#FF0000]">4.000.000đ</b>
|
|
<del class="old-price font-400 text-[#7D7D7D]">4.700.000 Vnđ</del>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Khuyến mãi</p>
|
|
<b class="price-saleoff font-400">20%</b>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giao hàng:</p>
|
|
<b class="underline">Liên hệ</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center mt-[10px] justify-center gap-[10px] text-[15px]">
|
|
<b>Tổng tiền (2 sản phẩm) : </b>
|
|
<b>6.000.000 Vnđ</b>
|
|
</div>
|
|
</div>
|
|
<div class="item-compare mb-[40px]">
|
|
<a href="" class="block pb-[10px] border-b-[1px] border-[#e3e3e3]">
|
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
|
class="w-[90px] block h-[32px] object-contain" alt="" />
|
|
</a>
|
|
<div class="list-product">
|
|
<div class="item-info-product py-[10px] border-b-[1px] border-neutral-200">
|
|
<b class="name-component block font-bold mb-[10px]">CPU Cooler</b>
|
|
<div class="info flex justify-between gap-[10px] mb-[10px]">
|
|
<div class="flex w-[calc(100%-90px)]">
|
|
<a href="/buildpc/detail"
|
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
|
class="block w-full h-full object-contain" alt="" />
|
|
</a>
|
|
<a href="/buildpc/detail"
|
|
class="name-product w-[calc(100%-60px)] text-[13px] text-[500] hover:text-[var(--color-hover)]">
|
|
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
|
|
</a>
|
|
</div>
|
|
<a href=""
|
|
class="block w-[80px] h-[35px] leading-[35px] text-center text-white font-bold bg-[var(--color-hover)] rounded-[4px]">
|
|
Mua ngay
|
|
</a>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giá sản phẩm</p>
|
|
<b class="total-amount font-bold text-[#FF0000]">4.000.000đ</b>
|
|
<del class="old-price font-400 text-[#7D7D7D]">4.700.000 Vnđ</del>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Khuyến mãi</p>
|
|
<b class="price-saleoff font-400">20%</b>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giao hàng:</p>
|
|
<b class="underline">Liên hệ</b>
|
|
</div>
|
|
</div>
|
|
<div class="item-info-product py-[10px] border-b-[1px] border-neutral-200">
|
|
<b class="name-component block font-bold mb-[10px]">SSD</b>
|
|
<div class="info flex justify-between gap-[10px] mb-[10px]">
|
|
<div class="flex w-[calc(100%-90px)]">
|
|
<a href="/buildpc/detail"
|
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
|
class="block w-full h-full object-contain" alt="" />
|
|
</a>
|
|
<a href="/buildpc/detail"
|
|
class="name-product w-[calc(100%-60px)] text-[13px] text-[500] hover:text-[var(--color-hover)]">
|
|
AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor
|
|
</a>
|
|
</div>
|
|
<a href=""
|
|
class="block w-[80px] h-[35px] leading-[35px] text-center text-white font-bold bg-[var(--color-hover)] rounded-[4px]">
|
|
Mua ngay
|
|
</a>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giá sản phẩm</p>
|
|
<b class="total-amount font-bold text-[#FF0000]">4.000.000đ</b>
|
|
<del class="old-price font-400 text-[#7D7D7D]">4.700.000 Vnđ</del>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Khuyến mãi</p>
|
|
<b class="price-saleoff font-400">20%</b>
|
|
</div>
|
|
<div class="flex mb-[10px] gap-[5px]">
|
|
<p class="w-[80px]">Giao hàng:</p>
|
|
<b class="underline">Liên hệ</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center mt-[10px] justify-center gap-[10px] text-[15px]">
|
|
<b>Tổng tiền (2 sản phẩm) : </b>
|
|
<b>6.000.000 Vnđ</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |