504 lines
25 KiB
HTML
504 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="global-header">
|
|
<div class="container">
|
|
<div class="content-main-header d-flex align-items">
|
|
<a href="/" class="logo">
|
|
<img src="./assets/images/logo.png" width="100%" height="100%" alt="logo">
|
|
</a>
|
|
<div class="header-mid d-flex align-items">
|
|
<a href="/san-pham" class="item">Sản phẩm</a>
|
|
<a href="/bo-suu-tap" class="item">Bộ sưu tập</a>
|
|
<a href="" class="item">FASHION SHOW</a>
|
|
<a href="/gioi-thieu" class="item">Giới thiệu</a>
|
|
<a href="/cua-hang" class="item">Cửa hàng</a>
|
|
</div>
|
|
<div class="header-right d-flex align-items">
|
|
<div class="form__input">
|
|
<form method="get" action="/tim" enctype="multipart/form-data"
|
|
class="clearfix search-form bg-white">
|
|
<div class="searh-form-container">
|
|
<input type="text" id="js-global-seach" class="text_search" name="q"
|
|
placeholder="Tìm kiếm" autocomplete="off">
|
|
<button type="submit" class="submit-search">
|
|
<i class="icon_2023 search"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<div class="autocomplete-suggestions" id="js-seach-holder"></div>
|
|
</div>
|
|
<a href="/taikhoan" class="item">
|
|
<i class="icon_2023 account"></i>
|
|
</a>
|
|
<a href="/cart" class="item d-flex align-items">
|
|
<div class="box-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
<div class="icon-counter">1</div>
|
|
</div>
|
|
<div class="txt d-flex align-items">
|
|
Giỏ hàng
|
|
<span class="js-cart-counter cart-count">(2)</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="homepage">
|
|
<div class="container">
|
|
<div class="banner">
|
|
<div class="main-banner owl-carousel custom-nav owl-theme owl-loaded owl-drag" id="js-slider-home">
|
|
<a href="" class="item">
|
|
<img src="./assets/images/banner.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-flash-sale">
|
|
<div class="title d-flex align-items space-between">
|
|
<div class="left d-flex align-items">
|
|
<h2>Giá sốc hôm nay</h2>
|
|
<div class="product-time-holder js-item-deal-time">
|
|
<div class="item-time"><b> 09 </b></div>
|
|
<div class="item-time"><b> 51 </b></div>
|
|
<div class="item-time"><b> 54 </b></div>
|
|
</div>
|
|
</div>
|
|
<a href="/deal" class="more-all">
|
|
Xem thêm <i class="fa fa-angle-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="product-list d-flex" id="js-slider-deal">
|
|
<div class="product-item-deal">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
<div class="saleoff">- 35%</div>
|
|
</a>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
<div class="deal-count">
|
|
<b>Đã bán 28</b>
|
|
<span class="count-bg" style="width: 80%"></span>
|
|
</div>
|
|
</div>
|
|
<div class="product-item-deal">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
<div class="saleoff">- 35%</div>
|
|
</a>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
<div class="deal-count">
|
|
<b>Đã bán 28</b>
|
|
<span class="count-bg" style="width: 80%"></span>
|
|
</div>
|
|
</div>
|
|
<div class="product-item-deal">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
<div class="saleoff">- 35%</div>
|
|
</a>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
<div class="deal-count">
|
|
<b>Đã bán 28</b>
|
|
<span class="count-bg" style="width: 80%"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="banner-sale-home d-flex align-items">
|
|
<a href="" class="item"><img src="./assets/images/banner-sale-1.png" alt=""></a>
|
|
<a href="" class="item"><img src="./assets/images/banner-sale-2.png" alt=""></a>
|
|
</div>
|
|
<div class="product-new">
|
|
<div class="title text-center">
|
|
<h2>NEW ARRIVAL</h2>
|
|
<p>Các sản phẩm bắt nhịp quốc tế, nàng thời thượng không nên bỏ lỡ</p>
|
|
<a href="">Xem thêm <i class="fa fa-angle-right"></i></a>
|
|
</div>
|
|
<div class="product-list d-flex flex-wrap">
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
</a>
|
|
<div class="box-sale new">NEW</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
</a>
|
|
<div class="box-sale new">NEW</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
</a>
|
|
<div class="box-sale new">NEW</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
</a>
|
|
<div class="box-sale new">NEW</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-product-collection d-flex">
|
|
<a href="" class="item"><img src="./assets/images/banner-bst-1.png" alt=""></a>
|
|
<a href="" class="item"><img src="./assets/images/banner-bst-2.png" alt=""></a>
|
|
<a href="" class="item"><img src="./assets/images/banner-bst-3.png" alt=""></a>
|
|
<a href="" class="item"><img src="./assets/images/banner-bst-4.png" alt=""></a>
|
|
</div>
|
|
<div class="product-saleoff">
|
|
<div class="title text-center">
|
|
<h2>Gợi ý dành riêng cho bạn</h2>
|
|
<a href="">Xem thêm <i class="fa fa-angle-right"></i></a>
|
|
</div>
|
|
<div class="product-list d-flex flex-wrap">
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
|
|
</a>
|
|
<div class="box-sale saleoff">- 17%</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
|
|
</a>
|
|
<div class="box-sale saleoff">- 17%</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-item">
|
|
<a href="" class="image-product">
|
|
<img src="./assets/images/product-deal.png" alt="">
|
|
|
|
</a>
|
|
<div class="box-sale saleoff">- 17%</div>
|
|
<div class="info-product d-flex">
|
|
<div class="content-info">
|
|
<a href="" class="product-title">
|
|
Cream Cropped Woven Vest (Áo vest)
|
|
</a>
|
|
<div class="product-price-main d-flex align-items">
|
|
<b class="price">
|
|
37.490.000 đ
|
|
</b>
|
|
<del class="old-price">38.490.000 đ</del>
|
|
</div>
|
|
</div>
|
|
<a href="javascript" class="buy-cart">
|
|
<i class="icon_2023 cart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feedback-customer">
|
|
<div class="title text-center">
|
|
<h2>Khách hàng nói về chúng tôi</h2>
|
|
<a href="#">Xem thêm <i class="fa fa-angle-right"></i></a>
|
|
</div>
|
|
<div class="list-feedback d-flex">
|
|
<div class="item-review">
|
|
<img src="./assets/images/feeback-user-1.png" alt="">
|
|
<i class="icon_star star5"></i>
|
|
<p class="txt line-clamp-3">Lorem ipsum is placeholder text commonly used in the graphic, print,
|
|
and
|
|
publishing industries for previewing layouts
|
|
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print ...
|
|
</p>
|
|
<div class="info d-flex align-items">
|
|
<img src="./assets/images/avatar.png" alt="">
|
|
<b>Nguyễn Hồng Nhung</b>
|
|
<span>0386 100 ***</span>
|
|
</div>
|
|
</div>
|
|
<div class="item-review">
|
|
<img src="./assets/images/feeback-user-2.png" alt="">
|
|
<i class="icon_star star5"></i>
|
|
<p class="txt line-clamp-3">Lorem ipsum is placeholder text commonly used in the graphic, print,
|
|
and
|
|
publishing industries for previewing layouts
|
|
and visual mockups. Lorem ipsum is placeholder text commonly used in the graphic, print ...
|
|
</p>
|
|
<div class="info d-flex align-items">
|
|
<img src="./assets/images/avatar.png" alt="">
|
|
<b>Nguyễn Hồng Nhung</b>
|
|
<span>0386 100 ***</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="global-footer">
|
|
<div class="container">
|
|
<div class="box-contact d-flex">
|
|
<div class="left">
|
|
<div class="box-form-email d-flex align-items">
|
|
<div class="title">Đăng ký nhận bản tin</div>
|
|
<div class="content-form">
|
|
<input type="text" id="email-newsletter" placeholder="Email của bạn....">
|
|
<a href="javascript:;" class="send-newsletter"
|
|
onclick="subscribe_newsletter('#email-newsletter')">
|
|
<i class="icon_2023 send-form"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="box-media d-flex align-items">
|
|
<div class="title">Kết nối ngay</div>
|
|
<div class="list-social d-flex align-items">
|
|
<a href="" class="item">
|
|
<i class="fa fa-facebook-f"></i>
|
|
</a>
|
|
<a href="" class="item">
|
|
<i class="fa fa-google"></i>
|
|
</a>
|
|
<a href="" class="item">
|
|
<i class="fa fa-youtube-play"></i>
|
|
</a>
|
|
<a href="" class="item">
|
|
<i class="fa fa-google"></i>
|
|
</a>
|
|
<a href="" class="item">
|
|
<i class="fa fa-instagram"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-footer-top d-flex">
|
|
<div class="item">
|
|
<div style="margin-bottom: 40px;">
|
|
<p>GỌI MUA HÀNG ONLINE (08: 00 - 21: 00 mỗi ngày)</p>
|
|
<a href="tel: 1800 1162" class="phone">1800 1162</a>
|
|
<p>Tất cả các ngày trong tuần (Trừ tết Âm Lịch)</p>
|
|
</div>
|
|
<div>
|
|
<p>GỢI Ý & KHIẾU NẠI (08:30 - 20:30)</p>
|
|
<a href="tel: 1800 1162" class="phone">1800 1162</a>
|
|
<p>Tất cả các ngày trong tuần (Trừ tết Âm Lịch)</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<p>HỆ THỐNG SHOWROOM</p>
|
|
<a href="">
|
|
<img src="./assets/images/shorrom-footer.png" alt="showroom">
|
|
</a>
|
|
<a href="" class="link-showrrom">Xem địa chỉ hệ thống 67 showroom <i
|
|
class="fa fa-angle-right"></i></a>
|
|
</div>
|
|
<div class="item">
|
|
<p>FANPAGE CỦA CHÚNG TÔI</p>
|
|
<a href="">
|
|
<img src="./assets/images/fanpage-footer.png" alt="fanpage">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="content-footer-main d-flex">
|
|
<div class="item">
|
|
<div class="show-footer">
|
|
<div class="title d-flex align-items">
|
|
<p>HỖ TRỢ KHÁCH HÀNG</p>
|
|
<i class="fa fa-angle-down"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a href="">test</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="show-footer">
|
|
<div class="title d-flex align-items">
|
|
<p>VỀ THỜI TRANG</p>
|
|
<i class="fa fa-angle-down"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a href="/gioi-thieu">Giới thiệu</a>
|
|
<a href="/lien-he">Liên hệ</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="show-footer">
|
|
<div class="title d-flex align-items">
|
|
<p>FASHION SHOW</p>
|
|
<i class="fa fa-angle-down"></i>
|
|
</div>
|
|
<div class="content">
|
|
<a href="">test</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-footer-bottom d-flex align-items space-between">
|
|
<a href="">
|
|
<img src="./assets/images/pay.png" alt="pay">
|
|
</a>
|
|
<p>©2023 Sixdo.vn</p>
|
|
<a href="">
|
|
<img src="./assets/images/bct.png" alt="btc">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="./assets/js/main.js"></script>
|
|
|
|
</html> |