148 lines
7.4 KiB
HTML
148 lines
7.4 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>Hoanghapc8</title>
|
|||
|
|
<link rel="stylesheet" href="./asset/css/style-mobile.css">
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
|
|||
|
|
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
|
|||
|
|
crossorigin="anonymous" />
|
|||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|||
|
|
<link rel="stylesheet"
|
|||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
|||
|
|
<link rel="stylesheet"
|
|||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="container-mb">
|
|||
|
|
<div class="container">
|
|||
|
|
<div id="breadcrumb">
|
|||
|
|
<a class="current">
|
|||
|
|
<span>Máy tính xách tay - Laptop </span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-detail">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 class="name-product">Laptop MSI GL65 Leopard 10SCXK 093VN</h1>
|
|||
|
|
<div class="star">
|
|||
|
|
<span><b>Mã SP:</b> NBMS0250</span>
|
|||
|
|
<i class="img-star" id="js-avgRate"></i>
|
|||
|
|
(<span id="js-totalReview">0</span>)
|
|||
|
|
</div>
|
|||
|
|
<div class="product-info">
|
|||
|
|
<div class="slider-product owl-theme owl-carousel custom-nav owl-loaded owl-drag"
|
|||
|
|
id="js-slider-product">
|
|||
|
|
<div class="item">
|
|||
|
|
<img src="http://via.placeholder.com/640x360" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<img src="http://via.placeholder.com/640x360" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<img src="http://via.placeholder.com/640x360" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="img-thumb">
|
|||
|
|
<div class="item-thumb active">
|
|||
|
|
<img src="http://via.placeholder.com/74x36" alt="Laptop MSI GL65 Leopard 10SCXK 093VN">
|
|||
|
|
<p class="title">Hình sản phẩm</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-thumb">
|
|||
|
|
<img src="https://img.youtube.com/vi/q2lsz_yqYL0/default.jpg">
|
|||
|
|
<p>video sản phẩm</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-summary">
|
|||
|
|
<span class="item">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
Dung lượng bộ nhớ: 6GB GDDR6
|
|||
|
|
</span>
|
|||
|
|
<span class="item">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
Dung lượng bộ nhớ: 6GB GDDR6
|
|||
|
|
</span>
|
|||
|
|
<span class="item">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
Dung lượng bộ nhớ: 6GB GDDR6
|
|||
|
|
</span>
|
|||
|
|
<span class="item">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
Dung lượng bộ nhớ: 6GB GDDR6
|
|||
|
|
</span>
|
|||
|
|
<span class="item">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
Dung lượng bộ nhớ: 6GB GDDR6
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-warranty">
|
|||
|
|
<b>Bảo hành: 36 tháng</b>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-showroom">
|
|||
|
|
<div class="title">Hiện đang có tại showroom : </div>
|
|||
|
|
<p class="item-khohang"> 49 Thái Hà – P. Trung Liệt – Q. Đống Đa – Hà Nội </p>
|
|||
|
|
<p class="item-khohang"> 151 Lê Thanh Nghị, P. Đồng Tâm - Q. Hai Bà Trưng – Hà Nội</p>
|
|||
|
|
<p class="item-khohang"> 158-160 Lý Thường Kiệt – P.14 – Q. 10 – TP HCM </p>
|
|||
|
|
<p class="item-khohang"> 84T/14 Trần Đình Xu – P. Cô Giang – Q. 1 – TP HCM </p>
|
|||
|
|
</div>
|
|||
|
|
<div class="info-option">
|
|||
|
|
<b class="title-option">Tùy chọn sản phẩm</b>
|
|||
|
|
<div class="content-option">
|
|||
|
|
<a href="#" class="item-option active">
|
|||
|
|
<span class="item-name">
|
|||
|
|
<input type="checkbox" checked="checked">
|
|||
|
|
Laptop MSI GF64
|
|||
|
|
</span>
|
|||
|
|
<span class="variant-price">23.990.000 đ</span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" class="item-option">
|
|||
|
|
<span class="item-name">
|
|||
|
|
<input type="checkbox" checked="checked">
|
|||
|
|
Laptop MSI GF64
|
|||
|
|
</span>
|
|||
|
|
<span class="variant-price">23.990.000 đ</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-price">
|
|||
|
|
<span class="price-title">
|
|||
|
|
<p style="font-size:15px;padding-right: 10px;">Giá niên yết:</p>
|
|||
|
|
<p style="text-decoration: line-through;color: darkgray;">27.990.000 đ</p>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-title">
|
|||
|
|
<p style="font-size:15px;padding-right: 10px;">Giá Khuyến mại:</p>
|
|||
|
|
<p style="color: red;font-size: 20px;font-weight: 700;">26.990.000 đ</p>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-title">
|
|||
|
|
<p style="font-size:15px;padding-right: 10px;">Giá online:</p>
|
|||
|
|
<p style="color: #7588ec;font-size: 20px;font-weight: 700;">26.990.000 đ</p>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="payment">
|
|||
|
|
<h3 class="title">Chấp nhận thanh toán</h3>
|
|||
|
|
<img src="./asset/img/payment.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-spec">
|
|||
|
|
<div class="title">Thông số kĩ thuật</div>
|
|||
|
|
<div class="content-spec"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product-desc">
|
|||
|
|
<div class="title">Mô tả sản phẩm</div>
|
|||
|
|
<div class="content-desc"></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
|
|||
|
|
<script src="./asset/js/main-mb.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|