tieptk/bestpc_mobile_html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-09-25 10:42:06 +07:00
commit 689936198f
90 changed files with 9368 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
template/buildpc/compare_buildpc.html Normal file
View File

@@ -0,0 +1,216 @@
<!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>