product.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">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <title>FPT Shop</title>
    <script src="https://kit.fontawesome.com/1f55434e39.js" crossorigin="anonymous"></script>
    <link rel="icon" href="./assets/images/header/1.png">
    <link rel="stylesheet" href="./assets/css/main.css">
    <link rel="stylesheet" href="./assets/css/grid.css">
    <link rel="stylesheet" href="./assets/css/slider.css">
    <link rel="stylesheet" href="./assets/css/reponsive.css">
</head>

<body>
    <div class="wrapper">
        <!-- header -->
        <!-- header -->
        <div class="wrapper">
            <div class="header">
                <div class="header-top">
                    <div class="grid wide">
                        <div class="row header-top">
                            <div class="col l-2 m-6 c-6">
                                <div class="logo-top">
                                    <i class="fa fa-bars bar-reponsive" aria-hidden="true"></i>
                                    <a class="logo f-logo" href="./index.html"></a>
                                </div>
                            </div>
                            <!-- cart for mobile and tablet -->
                            <div class="col l-0 m-6 c-6">
                                <div class="cart mobile-tablet">
                                    <i class="fa fa-cart-shopping" aria-hidden="true"></i> <br>
                                </div>
                            </div>
                            <!-- end cart for mobile and tablet -->
                            <div class="col l-5 m-6 c-12">
                                <form class="search-top">
                                    <input type="search"
                                        placeholder="Nhập tên điện thoại, máy tính, phụ kiện... cần tìm">
                                    <button class="button-search">
                                        <i class="fa fa-magnifying-glass" aria-hidden="true"></i>
                                    </button>
                                    <ul class="history-search">
                                        <span class="title-history-search">Lịch sử tìm</span>
                                        <li class="history-item"><a href="#">Iphone</a></li>
                                        <li class="history-item"><a href="#">Samsung</a></li>
                                        <li class="history-item"><a href="#">Tai nghe</a></li>
                                    </ul>
                                </form>
                            </div>
                            <div class="col l-5 m-6 c-6">
                                <div class="service">
                                    <div class="service-inf">
                                        <a href="#">
                                            <i class="fa fa-file" aria-hidden="true"></i>
                                            <p>Thông tin hay</p>
                                        </a>
                                        <ul class="news"><a href="#">
                                            </a>
                                            <li><a href="#"></a><a href="#">Tin mới</a></li>
                                            <li><a href="#">Khuyến mãi</a></li>
                                            <li><a href="#">Thủ thuật</a></li>
                                            <li><a href="#">For games</a></li>
                                            <li><a href="#">Video hot</a></li>
                                            <li><a href="#">Đánh giá - tư vấn</a></li>
                                            <li><a href="#">App &amp; Game</a></li>
                                            <li><a href="#">Sự kiện</a></li>
                                        </ul>

                                    </div>
                                    <div class="service-pee">
                                        <a href="#">
                                            <i class="fa fa-file-invoice-dollar" aria-hidden="true"></i>
                                            <p>Thanh toán &amp; Tiện ích</p>
                                        </a>
                                    </div>
                                    <div class="service-personal-account">
                                        <a href="#">
                                            <i class="fa fa-user" aria-hidden="true"></i>
                                            <p>Tài khoản của tôi</p>
                                        </a>
                                    </div>
                                    <div class="service-cart">
                                        <a href="#">
                                            <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                                            <p>Giỏ hàng</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <div class="grid wide">
                    <div class="row">
                        <div class="col l-12 m-0 c-0">
                            <ul class="menu-top">
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-mobile" aria-hidden="true"></i> Điện thoại </a>
                                    <div class="nav-box">
                                        <table class="nav-company">
                                            <tbody>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Hàng sản xuất</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Apple (iphone)</a></td>
                                                    <td><a href="#">Samsung</a></td>
                                                    <td><a href="#">Oppo</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Xiaomi</a></td>
                                                    <td><a href="#">Vivo</a></td>
                                                    <td><a href="#">Tecno</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Nokia</a></td>
                                                    <td><a href="#">Asus</a></td>
                                                    <td><a href="#">Masstel</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Realme</a></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Đồng hồ thông minh</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Apple Watch</a></td>
                                                    <td><a href="#">Samsung</a></td>
                                                    <td><a href="#">Oppo</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Masstel</a></td>
                                                    <td><a href="#">Xiaomi</a></td>
                                                    <td><a href="#">Garmin</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Huawei</a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="level">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold">Mức giá</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Dưới 2 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 2 - 4 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 4 - 7 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 7 - 13 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Trên 13 triệu</a></td>
                                                </tr>
                                                <tr>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="hot-selling">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold" colspan="2">bán chạy nhất</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/hot selling/1.png">
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a href="#">Samsung Galaxy A53 5G 256GB <p
                                                                class="hot-selling-price">10.990.000 ₫</p>
                                                        </a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/2.png">
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a href="#">OPPO A55 4GB-64GB <p class="hot-selling-price">
                                                                4.990.000 ₫</p>
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="nav-box-banner">
                                            <a href="#">
                                                <img
                                                    src="./assets/images/navbar/3.png">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-laptop" aria-hidden="true"></i> Laptop </a>
                                    <div class="nav-box">
                                        <table class="nav-company">
                                            <tbody>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Hàng sản xuất</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Apple (MacBook)</a></td>
                                                    <td><a href="#">Asus</a></td>
                                                    <td><a href="#">HP</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Acer</a></td>
                                                    <td><a href="#">MSI</a></td>
                                                    <td><a href="#">Lenovo</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Dell</a></td>
                                                    <td><a href="#">Microsoft (Surface)</a></td>
                                                    <td><a href="#">Gigabyte</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Fujitsu</a></td>
                                                    <td><a href="#">Chuwi</a></td>
                                                    <td><a href="#">Avita</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Masstel</a></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Phần mềm</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Diệt Virus</a></td>
                                                    <td><a href="#">Microsoft Office</a></td>
                                                    <td><a href="#">Windows</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Phần mềm khác</a></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Máy in</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">HP</a></td>
                                                    <td><a href="#">Canon</a></td>
                                                    <td><a href="#">Brother</a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="level wlp-2">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold">Mức giá</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Dưới 5 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 5 - 10 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 10 - 15 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 15 - 20 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 20 - 25 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 25 - 30 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Trên 30 triệu</a></td>
                                                </tr>
                                                <tr>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="nav-box-banner">
                                            <a href="#">
                                                <img
                                                    src="./assets/images/navbar/4.png">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-tablet" aria-hidden="true"></i> Máy tính bảng </a>
                                    <div class="nav-box">
                                        <table class="nav-company htablet">
                                            <tbody>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Hàng sản xuất</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Apple (iPad)</a></td>
                                                    <td><a href="#">Samsung</a></td>
                                                    <td><a href="#">Masstel</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Lenovo</a></td>
                                                    <td><a href="#">Xiaomi</a></td>
                                                    <td><a href="#">Coolpad</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Nexta</a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="level">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold">Mức giá</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Dưới 2 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 2 - 5 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Từ 5 - 8 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Trên 8 triệu</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">
                                                        </a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="hot-selling">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold" colspan="2">bán chạy nhất</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/5.png">
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a href="#">iPad Pro 11 2021 M1 Wi-Fi 128GB <p
                                                                class="hot-selling-price">19.999.000 ₫</p>
                                                        </a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/6.png">
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a href="#">Samsung Galaxy Tab S6 Lite 2022 <p
                                                                class="hot-selling-price">7.990.000 ₫</p>
                                                        </a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="nav-box-banner">
                                            <a href="#">
                                                <img
                                                    src="./assets/images/navbar/7.png">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-apple" aria-hidden="true"></i> Apple </a>
                                    <div class="nav-box">
                                        <table class="nav-company">
                                            <tbody>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Các sản phẩm Apple</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">iPhone</a></td>
                                                    <td><a href="#">iPad</a></td>
                                                    <td><a href="#">MacBook</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Apple Watch</a></td>
                                                    <td><a href="#">Apple Tai nghe</a></td>
                                                    <td><a href="#">iMac</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Mac Mini</a></td>
                                                    <td><a href="#">Ốp lưng &amp; Bao da</a></td>
                                                    <td><a href="#">Apple TV</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Chuột &amp; Trackpad</a></td>
                                                    <td><a href="#">Bàn phím</a></td>
                                                    <td><a href="#">AirTag</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Hàng dự án</a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="hot-selling">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold" colspan="2">bán chạy nhất</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/8.png">
                                                        </a>
                                                    </td>
                                                    <td><a href="#">iPhone 13 Pro Max 128GB <p
                                                                class="hot-selling-price">27.990.000 ₫</p>
                                                        </a></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/9.png">
                                                        </a>
                                                    </td>
                                                    <td><a href="#">iPhone 13 128GB <p class="hot-selling-price">
                                                                19.490.000 ₫</p>
                                                        </a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="nav-box-banner">
                                            <a href="#">
                                                <img
                                                    src="./assets/images/navbar/10.png">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-desktop" aria-hidden="true"></i> PC-Linh kiện </a>
                                    <ul class="news">
                                        <li><a href="#">PC</a></li>
                                        <li><a href="#">Linh kiện</a></li>
                                        <li><a href="#">Màn hình</a></li>
                                        <li><a href="#">Xây dựng PC</a></li>
                                    </ul>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-headphones" aria-hidden="true"></i> Phụ kiện </a>
                                    <div class="nav-box">
                                        <table class="nav-company">
                                            <tbody>
                                                <tr>
                                                    <td colspan="3" class="nav-box-bold">Các sản phẩm phụ kiện</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Bao da ốp lưng</a></td>
                                                    <td><a href="#">Sạc dự phòng</a></td>
                                                    <td><a href="#">Thẻ nhớ</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Phụ kiện Apple</a></td>
                                                    <td><a href="#">Miếng dán màn hình</a></td>
                                                    <td><a href="#">Loa</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">USB - Ổ cứng</a></td>
                                                    <td><a href="#">Sạc cáp</a></td>
                                                    <td><a href="#">Tai nghe</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Chuột</a></td>
                                                    <td><a href="#">Bàn ghế gaming</a></td>
                                                    <td><a href="#">Balo - Túi xách</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Balo - Túi xách</a></td>
                                                    <td><a href="#">TV BOX</a></td>
                                                    <td><a href="#">Phụ kiện khác</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Phụ kiện khẩu trang lọc khí</a></td>
                                                    <td><a href="#">Bàn phím</a></td>
                                                    <td><a href="#">
                                                        </a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="hot-selling">
                                            <tbody>
                                                <tr>
                                                    <td class="nav-box-bold" colspan="2">bán chạy nhất</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/11.png">
                                                        </a>
                                                    </td>
                                                    <td><a href="#">Combo Loa Bluetooth Karaoke kèm Mic không dây ivalue
                                                            F12-65N <p class="hot-selling-price">1.953.000 ₫</p>
                                                        </a></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="#">
                                                            <img
                                                                src="./assets/images/navbar/12.png">
                                                        </a>
                                                    </td>
                                                    <td><a href="#">Pin sạc dự phòng UmeTravel 10000mAh TRIP10000 Quick
                                                            Charge <p class="hot-selling-price">809.000 ₫</p>
                                                        </a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="nav-box-banner">
                                            <a href="#">
                                                <img
                                                    src="./assets/images/navbar/13.png">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-rotate-right" aria-hidden="true"></i> Máy cũ giá rẻ </a>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-house-laptop" aria-hidden="true"></i> Hàng gia dụng </a>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-sd-card" aria-hidden="true"></i> Sim&amp;Thẻ cào </a>
                                </li>
                                <li class="menu-top-item">
                                    <a href="product.html">
                                        <i class="fa fa-certificate" aria-hidden="true"></i> Khuyến mãi </a>
                                    <ul class="news">
                                        <li><a href="#">Thông tin trao thưởng</a></li>
                                        <li><a href="#">Tất cả khuyến mại</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- menu-mobile and tablet -->
        <div class="modal-menu"></div>
        <div class="menu-mobile-tablet">
            <ul class="menu-mobile-tablet-list">
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-mobile" aria-hidden="true"></i> Điện thoại </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-laptop" aria-hidden="true"></i> Laptop </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-apple" aria-hidden="true"></i> Apple </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-desktop" aria-hidden="true"></i> PC phụ kiện </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-headphones" aria-hidden="true"></i> Tai nghe </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-arrow-rotate-right" aria-hidden="true"></i> Máy cũ giá rẻ </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-house-laptop" aria-hidden="true"></i> Hàng gia dụng </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-sim-card" aria-hidden="true"></i> Sim&amp;Thẻ cào </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-certificate" aria-hidden="true"></i> Khuyến mãi </a>
                </li>
                <li class="menu-mobile-tablet-list-item">
                    <a href="product.html">
                        <i class="fa fa-circle-dollar-to-slot" aria-hidden="true"></i> Trả góp </a>
                </li>
            </ul>
            <div class="close-menu">
                <i class="fa fa-xmark" aria-hidden="true"></i>
            </div>
        </div>
        <!-- end-header -->
        <!-- main -->
        <div class="main">
            <div class="grid wide">
                <div class="row">
                    <div class="col l-12 m-12 c-12">
                        <div class="breadcrumbs">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="#">Pictures</a></li>
                                <li><a href="#">Summer 15</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product">
                <div class="grid wide">
                    <div class="row">
                        <div class="col l-12 m-12 c-12">
                            <div class="product-title">
                                <div class="product-name">iPhone 14 Pro Max 128GB</div>
                                <div class="product-rate">
                                    <span>5 sao</span>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col l-6 m-12 c-12">
                            <div class="product-img">
                                <img src="./assets/images/products/31.jpg" alt="">
                            </div>
                            <ul class="product-info">
                                <li class="product-info-item">
                                    <i class="fa fa-mobile"></i>
                                    <span>6.7 inch, Super Retina XDR, 2796 x 1290 Pixels</span>
                                </li>
                                <li class="product-info-item">
                                    <i class="fa fa-gear"></i>
                                    <span>48.0 MP + 12.0 MP</span>
                                </li>
                                <li class="product-info-item">
                                    <i class="fa fa-user"></i>
                                    <span>12.0 MP</span>
                                </li>
                                <li class="product-info-item">
                                    <i class="fa fa-laptop"></i>
                                    <span>Apple A16 Bionic</span>
                                </li>
                                <li class="product-info-item">
                                    <i class="fa fa-memory"></i>
                                    <span>128 GB</span>
                                </li>
                            </ul>
                        </div>
                        <div class="col l-6 m-12 c-12">
                            <div class="price">
                                <div class="new-price">Giá: 30.000.000đ</div>
                                <div class="old-price">Giá cũ: 35.000.000đ</div>
                                <div class="price-info">Trả góp chỉ từ 3.000.000₫/tháng</div>
                            </div>
                            <div class="product-desc">
                                <div class="product-desc-title">Chính sách bảo hành</div>
                                <div class="product-desc-info">
                                    <i class="fa fa-shield"></i>
                                    Bảo hành lên đến 2 năm chính hãng
                                </div>
                            </div>
                            <div class="product-desc">
                                <div class="product-desc-title">Miễn phí đổi trả</div>
                                <div class="product-desc-info">
                                    <i class="fa fa-exchange"></i>
                                    Thu cũ đổi mới trợ giá ngay 15%
                                </div>
                            </div>
                            <div class="product-desc">
                                <div class="product-desc-title">Giao hàng tận nơi</div>
                                <div class="product-desc-info">
                                    <i class="fa fa-truck-fast"></i>
                                    Miễn phí vận chuyển
                                </div>
                            </div>
                            <div class="product-desc">
                                <div class="product-desc-title">Số lượng</div>
                                <div class="product-count">
                                    <input type="number" value="1" name="count">
                                </div>
                            </div>
                            <div class="product-buy">
                                <input type="submit" name="buy-now" class="product-buy-btn" value="Mua ngay">
                                <input type="submit" name="add-to-cart" class="product-buy-btn"
                                    value="Thêm vào giỏ hàng">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end-main -->
        <div class="footer">
            <div class="grid wide">
                <div class="row">
                    <div class="col l-2 m-4 c-12">
                        <div class="footer-1">
                            <ul class="footer-list">
                                <li class="footer-list-item"><a href="#">Giới thiệu về công ty</a></li>
                                <li class="footer-list-item"><a href="#">Câu hỏi thường gặp mua hàng</a></li>
                                <li class="footer-list-item"><a href="#">Chính sách bảo mật</a></li>
                                <li class="footer-list-item"><a href="#"> Quy chế hoạt động</a></li>
                                <li class="footer-list-item"><a href="#">Kiểm tra hóa đơn điện tử</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col l-2 m-4 c-12">
                        <div class="footer-2">
                            <ul class="footer-list">
                                <li class="footer-list-item"><a href="#">Tin tuyển dụng</a></li>
                                <li class="footer-list-item"><a href="#">Tin khuyến mãi</a></li>
                                <li class="footer-list-item"><a href="#">Hướng dẫn mua online</a></li>
                                <li class="footer-list-item"><a href="#">Hướng dẫn mua trả góp</a></li>
                                <li class="footer-list-item"><a href="#">Chính sách trả góp</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col l-2 m-4 c-12">
                        <div class="footer-3">
                            <ul class="footer-list">
                                <li class="footer-list-item"><a href="#">Hệ thống cửa hàng</a></li>
                                <li class="footer-list-item"><a href="#">Bán hàng doanh nghiệp</a></li>
                                <li class="footer-list-item"><a href="#">Hệ thống bảo hành</a></li>
                                <li class="footer-list-item"><a href="#">Giới thiệu máy đổi trả </a></li>
                                <li class="footer-list-item"><a href="#">Chính sách đổi trả</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col l-3 m-6 c-12">
                        <div class="footer-4">
                            <p class="title-footer">Tư vấn mua hàng (Miễn phí)</p>
                            <p class="footer-phone">1800 6601</p>
                            <p class="title-footer">Hỗ trợ kỹ thuật</p>
                            <p class="footer-phone">1800 6601</p>
                            <p class="title-footer">Hỗ trợ thanh toán</p>
                            <div class="img-footer">
                                <img src="./assets/images/others/28.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col l-3 m-6 c-12">
                        <div class="footer-4">
                            <p class="title-footer">Góp ý, khiếu nại dịch vụ (8h00-22h00)</p>
                            <p class="footer-phone">1800 6616</p>
                            <p class="title-footer">Chứng nhận:</p>
                            <div class="img-footer footer-final">
                                <img src="./assets/images/others/29.png">
                            </div>
                            <p class="title-footer">Website cùng tập đoàn:</p>
                            <div class="img-footer footer-final">
                                <img src="./assets/images/others/30.jpg">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="grid wide">
                <div class="row">
                    <div class="col l-12 m-12 c-12">
                        <p>© 2007 - 2022 Công Ty Cổ Phần Bán Lẻ Kỹ Thuật Số FPT / Địa chỉ: 261 - 263 Khánh Hội, P2, Q4,
                            TP. Hồ Chí Minh / GPĐKKD số 0311609355 do Sở KHĐT TP.HCM cấp ngày 08/03/2012. GP số
                            47/GP-TTĐT do sở TTTT TP HCM cấp ngày 02/07/2018. Điện thoại: (028)73023456. Email:
                            fptshop@fpt.com.vn. Chịu trách nhiệm nội dung: Nguyễn Trịnh Nhật Linh.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./assets/js/main.js"></script>
</body>

</html>