upload 13/5
This commit is contained in:
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 620 KiB After Width: | Height: | Size: 620 KiB |
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 136 KiB |
|
Before Width: | Height: | Size: 454 KiB After Width: | Height: | Size: 454 KiB |
|
Before Width: | Height: | Size: 464 KiB After Width: | Height: | Size: 464 KiB |
|
Before Width: | Height: | Size: 415 KiB After Width: | Height: | Size: 415 KiB |
|
Before Width: | Height: | Size: 488 KiB After Width: | Height: | Size: 488 KiB |
|
Before Width: | Height: | Size: 397 KiB After Width: | Height: | Size: 397 KiB |
|
Before Width: | Height: | Size: 386 KiB After Width: | Height: | Size: 386 KiB |
|
Before Width: | Height: | Size: 268 KiB After Width: | Height: | Size: 268 KiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 477 KiB After Width: | Height: | Size: 477 KiB |
|
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 275 KiB After Width: | Height: | Size: 275 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 357 KiB |
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 516 B After Width: | Height: | Size: 516 B |
|
Before Width: | Height: | Size: 786 B After Width: | Height: | Size: 786 B |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1006 B After Width: | Height: | Size: 1006 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 543 KiB After Width: | Height: | Size: 543 KiB |
|
Before Width: | Height: | Size: 352 KiB After Width: | Height: | Size: 352 KiB |
|
Before Width: | Height: | Size: 452 KiB After Width: | Height: | Size: 452 KiB |
|
Before Width: | Height: | Size: 464 KiB After Width: | Height: | Size: 464 KiB |
|
Before Width: | Height: | Size: 452 KiB After Width: | Height: | Size: 452 KiB |
|
Before Width: | Height: | Size: 536 KiB After Width: | Height: | Size: 536 KiB |
|
Before Width: | Height: | Size: 942 B After Width: | Height: | Size: 942 B |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
@@ -6,10 +6,9 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="" />
|
<link rel="icon" type="image/svg+xml" href="" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<link rel="stylesheet" href="./src/assets/css/font.css">
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.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" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import { render } from "preact";
|
|||||||
import { LocationProvider, Router, Route } from "preact-iso";
|
import { LocationProvider, Router, Route } from "preact-iso";
|
||||||
|
|
||||||
import { Home } from "./pages/Home/index.jsx";
|
import { Home } from "./pages/Home/index.jsx";
|
||||||
import { ProductDetail } from "./pages/product/ProductPage.jsx";
|
import { ProductDetail } from "./pages/product/ProductPage";
|
||||||
import { NotFound } from "./pages/_404.jsx";
|
import { NotFound } from "./pages/_404.jsx";
|
||||||
|
|
||||||
export function App() {
|
export function App() {
|
||||||
|
|||||||
@@ -1,3 +1,8 @@
|
|||||||
|
import { useState, useEffect, useRef } from "react";
|
||||||
|
import { Swiper, SwiperSlide } from "swiper/react";
|
||||||
|
|
||||||
|
import { FreeMode, Navigation, Thumbs } from "swiper/modules";
|
||||||
|
|
||||||
export function Home() {
|
export function Home() {
|
||||||
return (
|
return (
|
||||||
<main class="flex overflow-hidden flex-col items-center bg-white">
|
<main class="flex overflow-hidden flex-col items-center bg-white">
|
||||||
@@ -8,7 +13,7 @@ export function Home() {
|
|||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<a href="/" class="logo block mr-[100px]">
|
<a href="/" class="logo block mr-[100px]">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo.png"
|
src="/assets/images/logo.png"
|
||||||
class="object-contain w-[173px] h-[45px] block"
|
class="object-contain w-[173px] h-[45px] block"
|
||||||
alt="Location icon"
|
alt="Location icon"
|
||||||
/>
|
/>
|
||||||
@@ -872,7 +877,7 @@ export function Home() {
|
|||||||
class="block w-full h-full rounded-[12px] overflow-hidden"
|
class="block w-full h-full rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-slider.png"
|
src="/assets/images/banner-slider.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -886,7 +891,7 @@ export function Home() {
|
|||||||
class="block w-full h-full rounded-[12px] overflow-hidden"
|
class="block w-full h-full rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-slider.png"
|
src="/assets/images/banner-slider.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -900,7 +905,7 @@ export function Home() {
|
|||||||
class="block w-full h-full rounded-[12px] overflow-hidden"
|
class="block w-full h-full rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-slider.png"
|
src="/assets/images/banner-slider.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -914,7 +919,7 @@ export function Home() {
|
|||||||
class="block w-full h-full rounded-[12px] overflow-hidden"
|
class="block w-full h-full rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-slider.png"
|
src="/assets/images/banner-slider.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -932,7 +937,7 @@ export function Home() {
|
|||||||
class="item relative effect-image block rounded-[12px] overflow-hidden"
|
class="item relative effect-image block rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-right-slider-1.png"
|
src="/assets/images/banner-right-slider-1.png"
|
||||||
class="block w-full h-full object-contain transition-all duration-500 ease-in-out"
|
class="block w-full h-full object-contain transition-all duration-500 ease-in-out"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -944,7 +949,7 @@ export function Home() {
|
|||||||
class="item block effect-image rounded-[12px] overflow-hidden"
|
class="item block effect-image rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-right-slider-2.png"
|
src="/assets/images/banner-right-slider-2.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -956,7 +961,7 @@ export function Home() {
|
|||||||
class="item block effect-image rounded-[12px] overflow-hidden"
|
class="item block effect-image rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-right-slider-3.png"
|
src="/assets/images/banner-right-slider-3.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -968,7 +973,7 @@ export function Home() {
|
|||||||
class="item block effect-image rounded-[12px] overflow-hidden"
|
class="item block effect-image rounded-[12px] overflow-hidden"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-right-slider-4.png"
|
src="/assets/images/banner-right-slider-4.png"
|
||||||
class="block w-full h-full object-contain"
|
class="block w-full h-full object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1032,7 +1037,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1059,7 +1064,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1086,7 +1091,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1113,7 +1118,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1140,7 +1145,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1167,7 +1172,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1194,7 +1199,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
@@ -1240,7 +1245,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-1.png"
|
src="/assets/images/icon-cate-1.png"
|
||||||
class="object-contain aspect-[1.29] w-[90px]"
|
class="object-contain aspect-[1.29] w-[90px]"
|
||||||
alt="Laptop văn phòng"
|
alt="Laptop văn phòng"
|
||||||
/>
|
/>
|
||||||
@@ -1253,7 +1258,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-2.png"
|
src="/assets/images/icon-cate-2.png"
|
||||||
class="object-contain aspect-[0.96] w-[89px]"
|
class="object-contain aspect-[0.96] w-[89px]"
|
||||||
alt="Tản nhiệt, đèn"
|
alt="Tản nhiệt, đèn"
|
||||||
/>
|
/>
|
||||||
@@ -1266,7 +1271,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-3.png"
|
src="/assets/images/icon-cate-3.png"
|
||||||
class="object-contain aspect-[1.06] w-[104px]"
|
class="object-contain aspect-[1.06] w-[104px]"
|
||||||
alt="Linh kiện máy tính"
|
alt="Linh kiện máy tính"
|
||||||
/>
|
/>
|
||||||
@@ -1279,7 +1284,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-4.png"
|
src="/assets/images/icon-cate-4.png"
|
||||||
class="object-contain aspect-[1.24] w-[107px]"
|
class="object-contain aspect-[1.24] w-[107px]"
|
||||||
alt="Bàn phím, chuột"
|
alt="Bàn phím, chuột"
|
||||||
/>
|
/>
|
||||||
@@ -1292,7 +1297,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-5.png"
|
src="/assets/images/icon-cate-5.png"
|
||||||
class="object-contain aspect-[1.02] rounded-[50%] w-[122px] effect-image"
|
class="object-contain aspect-[1.02] rounded-[50%] w-[122px] effect-image"
|
||||||
alt="Màn hình, tay treo"
|
alt="Màn hình, tay treo"
|
||||||
/>
|
/>
|
||||||
@@ -1305,7 +1310,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-6.png"
|
src="/assets/images/icon-cate-6.png"
|
||||||
class="object-contain aspect-[0.88] w-[81px]"
|
class="object-contain aspect-[0.88] w-[81px]"
|
||||||
alt="Lưu trữ, phần mềm"
|
alt="Lưu trữ, phần mềm"
|
||||||
/>
|
/>
|
||||||
@@ -1318,7 +1323,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
|
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-7.png"
|
src="/assets/images/icon-cate-7.png"
|
||||||
class="object-contain aspect-[0.93] w-[92px]"
|
class="object-contain aspect-[0.93] w-[92px]"
|
||||||
alt="Phụ kiện laptop"
|
alt="Phụ kiện laptop"
|
||||||
/>
|
/>
|
||||||
@@ -1331,7 +1336,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-8.png"
|
src="/assets/images/icon-cate-8.png"
|
||||||
class="object-contain w-20 aspect-[1.18]"
|
class="object-contain w-20 aspect-[1.18]"
|
||||||
alt="Phụ kiện PC"
|
alt="Phụ kiện PC"
|
||||||
/>
|
/>
|
||||||
@@ -1344,7 +1349,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-9.png"
|
src="/assets/images/icon-cate-9.png"
|
||||||
class="object-contain aspect-[1.29] w-[90px]"
|
class="object-contain aspect-[1.29] w-[90px]"
|
||||||
alt="Laptop Gaming"
|
alt="Laptop Gaming"
|
||||||
/>
|
/>
|
||||||
@@ -1357,7 +1362,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-10.png"
|
src="/assets/images/icon-cate-10.png"
|
||||||
class="object-contain aspect-[0.83] w-[85px]"
|
class="object-contain aspect-[0.83] w-[85px]"
|
||||||
alt="Phụ kiện đi kèm"
|
alt="Phụ kiện đi kèm"
|
||||||
/>
|
/>
|
||||||
@@ -1370,7 +1375,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-11.png"
|
src="/assets/images/icon-cate-11.png"
|
||||||
class="object-contain aspect-[0.93] w-[100px]"
|
class="object-contain aspect-[0.93] w-[100px]"
|
||||||
alt="PC đồ hoạ, gaming"
|
alt="PC đồ hoạ, gaming"
|
||||||
/>
|
/>
|
||||||
@@ -1383,7 +1388,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-12.png"
|
src="/assets/images/icon-cate-12.png"
|
||||||
class="object-contain aspect-[0.93] w-[100px]"
|
class="object-contain aspect-[0.93] w-[100px]"
|
||||||
alt="PC Văn phòng"
|
alt="PC Văn phòng"
|
||||||
/>
|
/>
|
||||||
@@ -1396,7 +1401,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-13.png"
|
src="/assets/images/icon-cate-13.png"
|
||||||
class="object-contain aspect-[0.95] w-[95px]"
|
class="object-contain aspect-[0.95] w-[95px]"
|
||||||
alt="Thiết bị mạng"
|
alt="Thiết bị mạng"
|
||||||
/>
|
/>
|
||||||
@@ -1409,7 +1414,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-14.png"
|
src="/assets/images/icon-cate-14.png"
|
||||||
class="object-contain aspect-[0.67] w-[67px]"
|
class="object-contain aspect-[0.67] w-[67px]"
|
||||||
alt="Loa, tai nghe, mic"
|
alt="Loa, tai nghe, mic"
|
||||||
/>
|
/>
|
||||||
@@ -1422,7 +1427,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-15.png"
|
src="/assets/images/icon-cate-15.png"
|
||||||
class="object-contain aspect-[1.15] w-[100px]"
|
class="object-contain aspect-[1.15] w-[100px]"
|
||||||
alt="Thiết bị văn phòng"
|
alt="Thiết bị văn phòng"
|
||||||
/>
|
/>
|
||||||
@@ -1435,7 +1440,7 @@ export function Home() {
|
|||||||
<a href="" class="item">
|
<a href="" class="item">
|
||||||
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/icon-cate-16.png"
|
src="/assets/images/icon-cate-16.png"
|
||||||
class="object-contain aspect-[1.75] w-[98px]"
|
class="object-contain aspect-[1.75] w-[98px]"
|
||||||
alt="Game pad"
|
alt="Game pad"
|
||||||
/>
|
/>
|
||||||
@@ -1465,7 +1470,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-hacom.png"
|
src="/assets/images/logo-hacom.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1479,7 +1484,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-anphat.png"
|
src="/assets/images/logo-anphat.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1493,7 +1498,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-gearvn.png"
|
src="/assets/images/logo-gearvn.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1507,7 +1512,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-hacom.png"
|
src="/assets/images/logo-hacom.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1521,7 +1526,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-anphat.png"
|
src="/assets/images/logo-anphat.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1535,7 +1540,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-gearvn.png"
|
src="/assets/images/logo-gearvn.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1549,7 +1554,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-hacom.png"
|
src="/assets/images/logo-hacom.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1563,7 +1568,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-anphat.png"
|
src="/assets/images/logo-anphat.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1577,7 +1582,7 @@ export function Home() {
|
|||||||
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-gearvn.png"
|
src="/assets/images/logo-gearvn.png"
|
||||||
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -1606,7 +1611,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="icon-save">
|
<div class="icon-save">
|
||||||
@@ -1634,7 +1639,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="icon-save">
|
<div class="icon-save">
|
||||||
@@ -1662,7 +1667,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="icon-save">
|
<div class="icon-save">
|
||||||
@@ -1690,7 +1695,7 @@ export function Home() {
|
|||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/box-image.png"
|
src="/assets/images/box-image.png"
|
||||||
alt="Laptop Dell"
|
alt="Laptop Dell"
|
||||||
/>
|
/>
|
||||||
<div class="icon-save">
|
<div class="icon-save">
|
||||||
@@ -1736,7 +1741,7 @@ export function Home() {
|
|||||||
<div class="list mt-5">
|
<div class="list mt-5">
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1763,7 +1768,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1790,7 +1795,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1817,7 +1822,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1858,7 +1863,7 @@ export function Home() {
|
|||||||
<div class="list mt-5">
|
<div class="list mt-5">
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1885,7 +1890,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1912,7 +1917,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1939,7 +1944,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-article">
|
<div class="item-article">
|
||||||
<a href="" class="image-article effect-image">
|
<a href="" class="image-article effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-article line-clamp-1">
|
<a href="" class="name-article line-clamp-1">
|
||||||
@@ -1980,7 +1985,7 @@ export function Home() {
|
|||||||
<div class="list mt-5">
|
<div class="list mt-5">
|
||||||
<div class="item-classifieds">
|
<div class="item-classifieds">
|
||||||
<a href="" class="image-classifieds effect-image">
|
<a href="" class="image-classifieds effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-classifieds line-clamp-1">
|
<a href="" class="name-classifieds line-clamp-1">
|
||||||
@@ -2005,7 +2010,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<a href="" class="staff flex items-center">
|
<a href="" class="staff flex items-center">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/avartar.png"
|
src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block object-contain rounded-full"
|
class="w-[24px] h-[24px] block object-contain rounded-full"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2017,7 +2022,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-classifieds">
|
<div class="item-classifieds">
|
||||||
<a href="" class="image-classifieds effect-image">
|
<a href="" class="image-classifieds effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-classifieds line-clamp-1">
|
<a href="" class="name-classifieds line-clamp-1">
|
||||||
@@ -2042,7 +2047,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<a href="" class="staff flex items-center">
|
<a href="" class="staff flex items-center">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/avartar.png"
|
src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block object-contain rounded-full"
|
class="w-[24px] h-[24px] block object-contain rounded-full"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2054,7 +2059,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-classifieds">
|
<div class="item-classifieds">
|
||||||
<a href="" class="image-classifieds effect-image">
|
<a href="" class="image-classifieds effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-classifieds line-clamp-1">
|
<a href="" class="name-classifieds line-clamp-1">
|
||||||
@@ -2079,7 +2084,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<a href="" class="staff flex items-center">
|
<a href="" class="staff flex items-center">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/avartar.png"
|
src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block object-contain rounded-full"
|
class="w-[24px] h-[24px] block object-contain rounded-full"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2091,7 +2096,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-classifieds">
|
<div class="item-classifieds">
|
||||||
<a href="" class="image-classifieds effect-image">
|
<a href="" class="image-classifieds effect-image">
|
||||||
<img src="/src/assets/images/image-article.png" alt="" />
|
<img src="/assets/images/image-article.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="name-classifieds line-clamp-1">
|
<a href="" class="name-classifieds line-clamp-1">
|
||||||
@@ -2116,7 +2121,7 @@ export function Home() {
|
|||||||
</div>
|
</div>
|
||||||
<a href="" class="staff flex items-center">
|
<a href="" class="staff flex items-center">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/avartar.png"
|
src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block object-contain rounded-full"
|
class="w-[24px] h-[24px] block object-contain rounded-full"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2142,7 +2147,7 @@ export function Home() {
|
|||||||
<div class="flex gap-[8px]">
|
<div class="flex gap-[8px]">
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-sale-1.png"
|
src="/assets/images/banner-sale-1.png"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
@@ -2151,7 +2156,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-sale-2.png"
|
src="/assets/images/banner-sale-2.png"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
@@ -2160,7 +2165,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-sale-3.png"
|
src="/assets/images/banner-sale-3.png"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
@@ -2169,7 +2174,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/banner-sale-4.png"
|
src="/assets/images/banner-sale-4.png"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
@@ -2199,7 +2204,7 @@ export function Home() {
|
|||||||
data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I"
|
data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/promotions-big.png"
|
src="/assets/images/promotions-big.png"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="object-cover w-full h-full rounded-xl"
|
class="object-cover w-full h-full rounded-xl"
|
||||||
@@ -2209,7 +2214,7 @@ export function Home() {
|
|||||||
<div class="grid grid-cols-2 w-[53%] gap-[8px]">
|
<div class="grid grid-cols-2 w-[53%] gap-[8px]">
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/promotions-1.png"
|
src="/assets/images/promotions-1.png"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2218,7 +2223,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/promotions-2.png"
|
src="/assets/images/promotions-2.png"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2227,7 +2232,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/promotions-3.png"
|
src="/assets/images/promotions-3.png"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2236,7 +2241,7 @@ export function Home() {
|
|||||||
</a>
|
</a>
|
||||||
<a href="" class="item effect-image">
|
<a href="" class="item effect-image">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/promotions-4.png"
|
src="/assets/images/promotions-4.png"
|
||||||
class="object-contain w-full h-full rounded-xl"
|
class="object-contain w-full h-full rounded-xl"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -2252,7 +2257,7 @@ export function Home() {
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<a href="/" class="block my-[30px]">
|
<a href="/" class="block my-[30px]">
|
||||||
<img
|
<img
|
||||||
src="/src/assets/images/logo-footer.png"
|
src="/assets/images/logo-footer.png"
|
||||||
class="block w-[180px] h-[45px] object-contain"
|
class="block w-[180px] h-[45px] object-contain"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
|
|||||||
@@ -537,7 +537,7 @@ export function ProductDetail() {
|
|||||||
href=""
|
href=""
|
||||||
class="pt-3 block text-center text-[#FF7A00] text-xl hover:text-orange-600"
|
class="pt-3 block text-center text-[#FF7A00] text-xl hover:text-orange-600"
|
||||||
>
|
>
|
||||||
Xem thêm >>
|
Xem thêm
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{/* end nhà cung cấp */}
|
{/* end nhà cung cấp */}
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.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" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
|
|
||||||
<div class="bg-white p-2 mb-2">
|
<div class="bg-white p-2 mb-2">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
||||||
<div class="w-[calc(100%-60px)]">
|
<div class="w-[calc(100%-60px)]">
|
||||||
<b class="block mb-0.3">Chi phạm</b>
|
<b class="block mb-0.3">Chi phạm</b>
|
||||||
@@ -80,7 +80,7 @@
|
|||||||
<div class="bg-white p-3">
|
<div class="bg-white p-3">
|
||||||
<b class="mb-5 text-xl block">Thông tin cá nhân</b>
|
<b class="mb-5 text-xl block">Thông tin cá nhân</b>
|
||||||
|
|
||||||
<img src="/src/assets/images/avartar_acc.png"
|
<img src="/assets/images/avartar_acc.png"
|
||||||
class="block w-[120px] h-[120px] rounded-full m-[0_auto_30px_auto] object-contain" alt="">
|
class="block w-[120px] h-[120px] rounded-full m-[0_auto_30px_auto] object-contain" alt="">
|
||||||
|
|
||||||
<div class="w-[620px] mx-auto pb-[100px]">
|
<div class="w-[620px] mx-auto pb-[100px]">
|
||||||
@@ -159,7 +159,7 @@
|
|||||||
|
|
||||||
<div class="bg-white p-2 mb-2">
|
<div class="bg-white p-2 mb-2">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
||||||
<div class="w-[calc(100%-60px)]">
|
<div class="w-[calc(100%-60px)]">
|
||||||
<b class="block mb-0.3">Chi phạm</b>
|
<b class="block mb-0.3">Chi phạm</b>
|
||||||
@@ -222,18 +222,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -268,18 +268,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -314,18 +314,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -360,18 +360,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -406,18 +406,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -452,18 +452,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
|
||||||
@@ -525,7 +525,7 @@
|
|||||||
|
|
||||||
<div class="bg-white p-2 mb-2">
|
<div class="bg-white p-2 mb-2">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
||||||
<div class="w-[calc(100%-60px)]">
|
<div class="w-[calc(100%-60px)]">
|
||||||
<b class="block mb-0.3">Chi phạm</b>
|
<b class="block mb-0.3">Chi phạm</b>
|
||||||
@@ -571,7 +571,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell"
|
<img src="/assets/images/box-image.png" alt="Laptop Dell"
|
||||||
class="w-full h-full block object-contain" />
|
class="w-full h-full block object-contain" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -610,7 +610,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -620,7 +620,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell"
|
<img src="/assets/images/box-image.png" alt="Laptop Dell"
|
||||||
class="w-full h-full block object-contain" />
|
class="w-full h-full block object-contain" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -659,7 +659,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -669,7 +669,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell"
|
<img src="/assets/images/box-image.png" alt="Laptop Dell"
|
||||||
class="w-full h-full block object-contain" />
|
class="w-full h-full block object-contain" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -708,7 +708,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -718,7 +718,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell"
|
<img src="/assets/images/box-image.png" alt="Laptop Dell"
|
||||||
class="w-full h-full block object-contain" />
|
class="w-full h-full block object-contain" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -757,7 +757,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -811,7 +811,7 @@
|
|||||||
|
|
||||||
<div class="bg-white p-2 mb-2">
|
<div class="bg-white p-2 mb-2">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
||||||
<div class="w-[calc(100%-60px)]">
|
<div class="w-[calc(100%-60px)]">
|
||||||
<b class="block mb-0.3">Chi phạm</b>
|
<b class="block mb-0.3">Chi phạm</b>
|
||||||
@@ -857,7 +857,7 @@
|
|||||||
|
|
||||||
<div class="item flex items-center justify-between py-2.5">
|
<div class="item flex items-center justify-between py-2.5">
|
||||||
<div class="flex items-center gap-[10px] w-[93%]">
|
<div class="flex items-center gap-[10px] w-[93%]">
|
||||||
<img src="/src/assets/images/avartar.png" alt="">
|
<img src="/assets/images/avartar.png" alt="">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<b>Mika203</b>
|
<b>Mika203</b>
|
||||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.?
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.?
|
||||||
@@ -918,7 +918,7 @@
|
|||||||
|
|
||||||
<div class="bg-white p-2 mb-2">
|
<div class="bg-white p-2 mb-2">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
|
||||||
<div class="w-[calc(100%-60px)]">
|
<div class="w-[calc(100%-60px)]">
|
||||||
<b class="block mb-0.3">Chi phạm</b>
|
<b class="block mb-0.3">Chi phạm</b>
|
||||||
@@ -991,7 +991,7 @@
|
|||||||
<div class="flex items-center gap-[10px] w-[70%]">
|
<div class="flex items-center gap-[10px] w-[70%]">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
|
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png"
|
||||||
class="w-full h-full block object-contain" alt=""></a>
|
class="w-full h-full block object-contain" alt=""></a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
|
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
|
||||||
@@ -1036,7 +1036,7 @@
|
|||||||
<div class="flex items-center gap-[10px] w-[70%]">
|
<div class="flex items-center gap-[10px] w-[70%]">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
|
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png"
|
||||||
class="w-full h-full block object-contain" alt=""></a>
|
class="w-full h-full block object-contain" alt=""></a>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
|
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -55,15 +55,15 @@
|
|||||||
<div class="swiper" id="js-slider-build-big">
|
<div class="swiper" id="js-slider-build-big">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<img src="/src/assets/images/big-product-detail.png"
|
<img src="/assets/images/big-product-detail.png"
|
||||||
class="block w-full h-[400px] object-contain" alt="">
|
class="block w-full h-[400px] object-contain" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<img src="/src/assets/images/big-product-detail-3.jpg"
|
<img src="/assets/images/big-product-detail-3.jpg"
|
||||||
class="block w-full h-[400px] object-contain" alt="">
|
class="block w-full h-[400px] object-contain" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<img src="/src/assets/images/big-product-detail-4.jpg"
|
<img src="/assets/images/big-product-detail-4.jpg"
|
||||||
class="block w-full h-[400px] object-contain" alt="">
|
class="block w-full h-[400px] object-contain" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -72,15 +72,15 @@
|
|||||||
<div thumbsSlider="" class="swiper " id="js-slider-build-small">
|
<div thumbsSlider="" class="swiper " id="js-slider-build-small">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png"
|
||||||
class="w-full block h-[80px] object-contain " alt="">
|
class="w-full block h-[80px] object-contain " alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png"
|
||||||
class="w-full block h-[80px] object-contain" alt="">
|
class="w-full block h-[80px] object-contain" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png"
|
||||||
class="w-full block h-[80px] object-contain" alt="">
|
class="w-full block h-[80px] object-contain" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -155,7 +155,7 @@
|
|||||||
<div
|
<div
|
||||||
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
|
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
|
||||||
<a href="" class="block">
|
<a href="" class="block">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full block h-[28px] object-contain" alt="">
|
class="w-full block h-[28px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<div class="price font-bold">3.700.000Vnđ</div>
|
<div class="price font-bold">3.700.000Vnđ</div>
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
<div
|
<div
|
||||||
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
|
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
|
||||||
<a href="" class="block">
|
<a href="" class="block">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full block h-[28px] object-contain" alt="">
|
class="w-full block h-[28px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<div class="price font-bold">3.700.000Vnđ</div>
|
<div class="price font-bold">3.700.000Vnđ</div>
|
||||||
@@ -270,8 +270,7 @@
|
|||||||
<div class="list mt-3">
|
<div class="list mt-3">
|
||||||
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||||||
alt="avartar">
|
|
||||||
<div class="mt-[10px]">
|
<div class="mt-[10px]">
|
||||||
<i class="icon-star star5"></i>
|
<i class="icon-star star5"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -116,8 +116,8 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
||||||
@@ -136,7 +136,7 @@
|
|||||||
</b>
|
</b>
|
||||||
<div class="supplier col-span-2 flex items-center justify-between">
|
<div class="supplier col-span-2 flex items-center justify-between">
|
||||||
<a href="">
|
<a href="">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full block h-[30px] object-contain" alt="">
|
class="w-full block h-[30px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<div class="btn flex items-center">
|
<div class="btn flex items-center">
|
||||||
@@ -160,8 +160,8 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
||||||
@@ -180,7 +180,7 @@
|
|||||||
</b>
|
</b>
|
||||||
<div class="supplier col-span-2 flex items-center justify-between">
|
<div class="supplier col-span-2 flex items-center justify-between">
|
||||||
<a href="">
|
<a href="">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full block h-[30px] object-contain" alt="">
|
class="w-full block h-[30px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<div class="btn flex items-center">
|
<div class="btn flex items-center">
|
||||||
@@ -198,8 +198,8 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
|
||||||
@@ -218,7 +218,7 @@
|
|||||||
</b>
|
</b>
|
||||||
<div class="supplier col-span-2 flex items-center justify-between">
|
<div class="supplier col-span-2 flex items-center justify-between">
|
||||||
<a href="">
|
<a href="">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full block h-[30px] object-contain" alt="">
|
class="w-full block h-[30px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<div class="btn flex items-center">
|
<div class="btn flex items-center">
|
||||||
@@ -314,7 +314,7 @@
|
|||||||
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
|
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
|
||||||
<b class="left w-[200px] name-component">
|
<b class="left w-[200px] name-component">
|
||||||
<a href="" class="block m-[auto_auto_auto_0]">
|
<a href="" class="block m-[auto_auto_auto_0]">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-[150px] block h-[50px] object-contain" alt="">
|
class="w-[150px] block h-[50px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
</b>
|
</b>
|
||||||
@@ -346,7 +346,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
height="100%" class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -384,7 +384,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
height="100%" class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -425,7 +425,7 @@
|
|||||||
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
|
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
|
||||||
<b class="left w-[200px] name-component">
|
<b class="left w-[200px] name-component">
|
||||||
<a href="" class="block m-[auto_auto_auto_0]">
|
<a href="" class="block m-[auto_auto_auto_0]">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-[150px] block h-[50px] object-contain" alt="">
|
class="w-[150px] block h-[50px] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
</b>
|
</b>
|
||||||
@@ -457,7 +457,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
height="100%" class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -495,7 +495,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%"
|
||||||
height="100%" class="block w-full h-full object-contain" alt="">
|
height="100%" class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -708,7 +708,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -740,7 +740,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -772,7 +772,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -804,7 +804,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -836,7 +836,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -868,7 +868,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -900,7 +900,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -932,7 +932,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -964,7 +964,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
@@ -996,7 +996,7 @@
|
|||||||
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
|
||||||
<a href=""
|
<a href=""
|
||||||
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
|
||||||
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
|
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
|
||||||
class="block w-full h-full object-contain" alt="">
|
class="block w-full h-full object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href=""
|
<a href=""
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -95,7 +95,7 @@
|
|||||||
<div class="list mt-3">
|
<div class="list mt-3">
|
||||||
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
<div class="mt-[10px]">
|
<div class="mt-[10px]">
|
||||||
<i class="icon-star star5"></i>
|
<i class="icon-star star5"></i>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -51,9 +51,8 @@
|
|||||||
mình với?</h1>
|
mình với?</h1>
|
||||||
<div class="flex items-center flex-wrap">
|
<div class="flex items-center flex-wrap">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png" class="w-[32px] h-[32px] block object-contain"
|
||||||
class="w-[32px] h-[32px] block object-contain" width="100%" height="100%"
|
width="100%" height="100%" alt="">
|
||||||
alt="">
|
|
||||||
<b class="ml-[5px]">Dino</b>
|
<b class="ml-[5px]">Dino</b>
|
||||||
<span class="ml-[5px] text-gray-500">10:00pm 20/02/2025</span>
|
<span class="ml-[5px] text-gray-500">10:00pm 20/02/2025</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -102,7 +101,7 @@
|
|||||||
<div class="form-comment mt-2.5 py-2.5 border-t-[1px] border-neutral-200">
|
<div class="form-comment mt-2.5 py-2.5 border-t-[1px] border-neutral-200">
|
||||||
<form class="form flex gap-[20px]">
|
<form class="form flex gap-[20px]">
|
||||||
<div class="avartar w-[60px] block h-[60px] rounded-[50%]">
|
<div class="avartar w-[60px] block h-[60px] rounded-[50%]">
|
||||||
<img src="/src/assets/images/avartar.png" width="100%" height="100%"
|
<img src="/assets/images/avartar.png" width="100%" height="100%"
|
||||||
class="block object-contain w-full h-full" alt="">
|
class="block object-contain w-full h-full" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-[calc(100%-80px)]">
|
<div class="w-[calc(100%-80px)]">
|
||||||
@@ -129,7 +128,7 @@
|
|||||||
<div class="list mt-5">
|
<div class="list mt-5">
|
||||||
<div class="item-review flex mb-[15px] pb-[15px]">
|
<div class="item-review flex mb-[15px] pb-[15px]">
|
||||||
<div class="w-[60px] mr-[20px]">
|
<div class="w-[60px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-[calc(100%-80px)]">
|
<div class="w-[calc(100%-80px)]">
|
||||||
@@ -161,7 +160,7 @@
|
|||||||
|
|
||||||
<div class="item-review flex mb-[15px] pb-[15px]">
|
<div class="item-review flex mb-[15px] pb-[15px]">
|
||||||
<div class="w-[60px] mr-[20px]">
|
<div class="w-[60px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-[calc(100%-80px)]">
|
<div class="w-[calc(100%-80px)]">
|
||||||
@@ -194,7 +193,7 @@
|
|||||||
<div
|
<div
|
||||||
class="item-review flex pb-[30px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
|
class="item-review flex pb-[30px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
|
||||||
<div class="w-[60px] mr-[20px]">
|
<div class="w-[60px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px"
|
||||||
height="75px" alt="avartar">
|
height="75px" alt="avartar">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-[calc(100%-80px)] relative">
|
<div class="w-[calc(100%-80px)] relative">
|
||||||
@@ -232,7 +231,7 @@
|
|||||||
<div
|
<div
|
||||||
class="item-review flex pb-[15px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
|
class="item-review flex pb-[15px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
|
||||||
<div class="w-[60px] mr-[20px]">
|
<div class="w-[60px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px"
|
||||||
height="75px" alt="avartar">
|
height="75px" alt="avartar">
|
||||||
</div>
|
</div>
|
||||||
<div class="w-[calc(100%-80px)] relative">
|
<div class="w-[calc(100%-80px)] relative">
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -175,7 +175,7 @@
|
|||||||
<div class="product-list grid grid-cols-4 gap-[15px]">
|
<div class="product-list grid grid-cols-4 gap-[15px]">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -194,7 +194,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -213,7 +213,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -232,7 +232,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -251,7 +251,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -270,7 +270,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -289,7 +289,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -327,7 +327,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -346,7 +346,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
@@ -365,7 +365,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="box-saleoff">-20%</div>
|
<div class="box-saleoff">-20%</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
</script>
|
</script>
|
||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -64,62 +64,62 @@
|
|||||||
<div class="list grid grid-cols-4 gap-[24px]">
|
<div class="list grid grid-cols-4 gap-[24px]">
|
||||||
|
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
|
||||||
<img src="/src/assets/images/category-avatar.png"
|
<img src="/assets/images/category-avatar.png"
|
||||||
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
|
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>
|
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -56,27 +56,27 @@
|
|||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-product-detail.png" alt="">
|
<img src="/assets/images/big-product-detail.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-product-detail.jpg" alt="">
|
<img src="/assets/images/big-product-detail.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-product-detail-2.jpg" alt="">
|
<img src="/assets/images/big-product-detail-2.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-product-detail-3.jpg" alt="">
|
<img src="/assets/images/big-product-detail-3.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-product-detail-4.jpg" alt="">
|
<img src="/assets/images/big-product-detail-4.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -91,32 +91,32 @@
|
|||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item video">
|
<a href="javascript:void(0)" class="item video">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/small-product-detail.png" alt="">
|
<img src="/assets/images/small-product-detail.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -186,7 +186,7 @@
|
|||||||
|
|
||||||
<a href=""
|
<a href=""
|
||||||
class="group mt-4 flex items-center justify-center w-ful py-[10px] border border-[#D3D3D3] rounded-[4px] text-center hover:bg-[var(--color-global)] hover:text-white">
|
class="group mt-4 flex items-center justify-center w-ful py-[10px] border border-[#D3D3D3] rounded-[4px] text-center hover:bg-[var(--color-global)] hover:text-white">
|
||||||
<img src="/src/assets/images/icon-file-save.png"
|
<img src="/assets/images/icon-file-save.png"
|
||||||
class="w-[18px] h-[24px] block group-hover:brightness-[0] group-hover:invert-[1]"
|
class="w-[18px] h-[24px] block group-hover:brightness-[0] group-hover:invert-[1]"
|
||||||
alt="save">
|
alt="save">
|
||||||
<b class="ml-[10px] text-base">Lưu sản phẩm lại xem sau</b>
|
<b class="ml-[10px] text-base">Lưu sản phẩm lại xem sau</b>
|
||||||
@@ -243,7 +243,7 @@
|
|||||||
<div class="flex items-start supplier">
|
<div class="flex items-start supplier">
|
||||||
<div class="logo mr-[10px]">
|
<div class="logo mr-[10px]">
|
||||||
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
||||||
<img src="/src/assets/images/logo-hacom.png"
|
<img src="/assets/images/logo-hacom.png"
|
||||||
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
||||||
alt="hacom" />
|
alt="hacom" />
|
||||||
</div>
|
</div>
|
||||||
@@ -299,7 +299,7 @@
|
|||||||
<div class="flex items-start supplier">
|
<div class="flex items-start supplier">
|
||||||
<div class="logo mr-[10px]">
|
<div class="logo mr-[10px]">
|
||||||
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
||||||
<img src="/src/assets/images/logo-hacom.png"
|
<img src="/assets/images/logo-hacom.png"
|
||||||
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
||||||
alt="hacom" />
|
alt="hacom" />
|
||||||
</div>
|
</div>
|
||||||
@@ -355,7 +355,7 @@
|
|||||||
<div class="flex items-start supplier">
|
<div class="flex items-start supplier">
|
||||||
<div class="logo mr-[10px]">
|
<div class="logo mr-[10px]">
|
||||||
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
|
||||||
<img src="/src/assets/images/logo-hacom.png"
|
<img src="/assets/images/logo-hacom.png"
|
||||||
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
|
||||||
alt="hacom" />
|
alt="hacom" />
|
||||||
</div>
|
</div>
|
||||||
@@ -473,7 +473,7 @@
|
|||||||
<div class="list-review mt-[15px]">
|
<div class="list-review mt-[15px]">
|
||||||
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
@@ -494,18 +494,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
@@ -521,7 +521,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-2.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-2.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
@@ -542,18 +542,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
@@ -569,7 +569,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-3.png" width="75px" height="75px"
|
<img src="/assets/images/avartar-review-3.png" width="75px" height="75px"
|
||||||
alt="avartar">
|
alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
@@ -590,18 +590,18 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png"
|
<a href="/src/assets/images/small-product-detail.png"
|
||||||
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png"
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
|
||||||
class="w-[100%] block" alt="">
|
alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
@@ -1119,7 +1119,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1142,7 +1142,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1153,7 +1153,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1176,7 +1176,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1187,7 +1187,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1210,7 +1210,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1221,7 +1221,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1244,7 +1244,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1255,7 +1255,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1278,7 +1278,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1289,7 +1289,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1312,7 +1312,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1345,7 +1345,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1368,7 +1368,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1379,7 +1379,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1402,7 +1402,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1413,7 +1413,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1436,7 +1436,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1447,7 +1447,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1470,7 +1470,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1481,7 +1481,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1504,7 +1504,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1515,7 +1515,7 @@
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="product-item">
|
<div class="product-item">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -1538,7 +1538,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="price">15.000.000đ</div>
|
<div class="price">15.000.000đ</div>
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -1569,7 +1569,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="info-form-review w-[500px] mx-[auto]">
|
<div class="info-form-review w-[500px] mx-[auto]">
|
||||||
<a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
|
<a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
|
||||||
<img src="/src/assets/images/small-product-detail.png" width="100%" height="100%"
|
<img src="/assets/images/small-product-detail.png" width="100%" height="100%"
|
||||||
class="block w-[100px] h-[100px] m-[0_auto]" alt="">
|
class="block w-[100px] h-[100px] m-[0_auto]" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
|
<a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
<div class="product-list grid grid-cols-5 gap-[15px]">
|
<div class="product-list grid grid-cols-5 gap-[15px]">
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -74,7 +74,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -93,7 +93,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -131,7 +131,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -150,7 +150,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -169,7 +169,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -188,7 +188,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -207,7 +207,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
@@ -226,7 +226,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item save">
|
<div class="product-item save">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
<div class="icon-save"><i class="icon_2025 heart"></i></div>
|
||||||
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.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" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
|
|
||||||
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] flex ">
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] flex ">
|
||||||
<div class="logo w-[100px] h-[100px] border border-[#d4d4d4] mr-[10px]">
|
<div class="logo w-[100px] h-[100px] border border-[#d4d4d4] mr-[10px]">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||||||
</div>
|
</div>
|
||||||
<div class="info w-[calc(100%-390px)] mr-[10px]">
|
<div class="info w-[calc(100%-390px)] mr-[10px]">
|
||||||
@@ -182,7 +182,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="info-form-review w-[500px] mx-[auto]">
|
<div class="info-form-review w-[500px] mx-[auto]">
|
||||||
<a href="" class="block w-[100px] h-[100px] m-[10px_auto] p-[10px] rounded-[4px] border border-[#d4d4d4]">
|
<a href="" class="block w-[100px] h-[100px] m-[10px_auto] p-[10px] rounded-[4px] border border-[#d4d4d4]">
|
||||||
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
|
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
|
||||||
class="block w-full h-[100%] m-[auto] object-contain" alt="">
|
class="block w-full h-[100%] m-[auto] object-contain" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="" class="text-center block mb-[10px]">Hanoicomputer - Công cổ phần máy tính Hà Nội</a>
|
<a href="" class="text-center block mb-[10px]">Hanoicomputer - Công cổ phần máy tính Hà Nội</a>
|
||||||
@@ -251,7 +251,7 @@
|
|||||||
<div class="list-review max-h-[900px] overflow-auto">
|
<div class="list-review max-h-[900px] overflow-auto">
|
||||||
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
<p class="text-center">10:00pm 20/02/2025</p>
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||||||
@@ -271,15 +271,15 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||||||
@@ -295,7 +295,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
<p class="text-center">10:00pm 20/02/2025</p>
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||||||
@@ -315,15 +315,15 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||||||
@@ -339,7 +339,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
<p class="text-center">10:00pm 20/02/2025</p>
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||||||
@@ -359,15 +359,15 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||||||
@@ -383,7 +383,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||||||
<div class="w-[80px] mr-[20px]">
|
<div class="w-[80px] mr-[20px]">
|
||||||
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||||||
<div class="time mt-[10px]">
|
<div class="time mt-[10px]">
|
||||||
<b class="mb-[2px] text-center block">Dino</b>
|
<b class="mb-[2px] text-center block">Dino</b>
|
||||||
<p class="text-center">10:00pm 20/02/2025</p>
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||||||
@@ -403,15 +403,15 @@
|
|||||||
<div class="flex items-center mb-[10px]">
|
<div class="flex items-center mb-[10px]">
|
||||||
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
|
||||||
class="w-[80px] block mr-[10px]">
|
class="w-[80px] block mr-[10px]">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
<a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||||||
data-fancybox="gallery">
|
data-fancybox="gallery">
|
||||||
<img src="/src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
<img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -59,7 +59,7 @@
|
|||||||
<div id="js-container-selector" class="mb-5">
|
<div id="js-container-selector" class="mb-5">
|
||||||
<a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
<a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
||||||
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
||||||
<img src="/src/assets/images/icon_upload_image.png"
|
<img src="/assets/images/icon_upload_image.png"
|
||||||
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
|
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
|
||||||
height="100%" alt="">
|
height="100%" alt="">
|
||||||
<b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
|
<b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
|
||||||
@@ -68,7 +68,7 @@
|
|||||||
<div id="js-container-selector">
|
<div id="js-container-selector">
|
||||||
<a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
<a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
||||||
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
||||||
<img src="/src/assets/images/icon_upload_video.png"
|
<img src="/assets/images/icon_upload_video.png"
|
||||||
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
|
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
|
||||||
height="100%" alt="">
|
height="100%" alt="">
|
||||||
<b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
|
<b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -46,27 +46,27 @@
|
|||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-image-rao-vat.png" alt="">
|
<img src="/assets/images/big-image-rao-vat.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-image-rao-vat.png" alt="">
|
<img src="/assets/images/big-image-rao-vat.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-image-rao-vat.png" alt="">
|
<img src="/assets/images/big-image-rao-vat.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-image-rao-vat.png" alt="">
|
<img src="/assets/images/big-image-rao-vat.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="/src/assets/images/big-image-rao-vat.png" alt="">
|
<img src="/assets/images/big-image-rao-vat.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -81,32 +81,32 @@
|
|||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item video">
|
<a href="javascript:void(0)" class="item video">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a href="javascript:void(0)" class="item">
|
<a href="javascript:void(0)" class="item">
|
||||||
<img src="/src/assets/images/thumb-image-rao-vat.png" alt="">
|
<img src="/assets/images/thumb-image-rao-vat.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -165,7 +165,7 @@
|
|||||||
<div class="p-[15px] border border-[#d3d3d3] rounded-[12px] my-3 flex items-center">
|
<div class="p-[15px] border border-[#d3d3d3] rounded-[12px] my-3 flex items-center">
|
||||||
<div class="w-1/2 border-r-[1px] border-[#d3d3d3]">
|
<div class="w-1/2 border-r-[1px] border-[#d3d3d3]">
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<img src="/src/assets/images/avartar.png" width="100%" height="100%"
|
<img src="/assets/images/avartar.png" width="100%" height="100%"
|
||||||
class="block w-[45px] h-[45px] object-contain rounded-full" alt="">
|
class="block w-[45px] h-[45px] object-contain rounded-full" alt="">
|
||||||
<div class="ml-2">
|
<div class="ml-2">
|
||||||
<div class="flex items-end">
|
<div class="flex items-end">
|
||||||
@@ -441,7 +441,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-[30%]">
|
<div class="w-[30%]">
|
||||||
<a href="" class="block">
|
<a href="" class="block">
|
||||||
<img src="/src/assets/images/banner_canhbao.png" alt="">
|
<img src="/assets/images/banner_canhbao.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link rel="stylesheet" href="/src/assets/css/font.css">
|
<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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
|
<link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -119,7 +119,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -157,7 +157,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -167,7 +167,7 @@
|
|||||||
|
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -205,7 +205,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -214,7 +214,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -252,7 +252,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -261,7 +261,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -299,7 +299,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -346,7 +346,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
@@ -355,7 +355,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="product-item flex gap-[10px]">
|
<div class="product-item flex gap-[10px]">
|
||||||
<a href="" class="product-image">
|
<a href="" class="product-image">
|
||||||
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
|
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
|
||||||
</a>
|
</a>
|
||||||
<div class="info-product">
|
<div class="info-product">
|
||||||
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
|
||||||
@@ -393,7 +393,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="user-pro flex items-center">
|
<div class="user-pro flex items-center">
|
||||||
<img src="/src/assets/images/avartar.png"
|
<img src="/assets/images/avartar.png"
|
||||||
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
|
||||||
alt="avartar" />
|
alt="avartar" />
|
||||||
<b class="ml-[7px]">Thanh Mai</b>
|
<b class="ml-[7px]">Thanh Mai</b>
|
||||||
|
|||||||
Reference in New Issue
Block a user