product.html

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sản Phẩm</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">
            <h1>Ống Hút Tre</h1>
        </div>
        <nav>
            <ul>
                <li><a href="index.html">Trang Chủ</a></li>
                <li><a href="about.html">Giới Thiệu</a></li>
                <li><a href="product.html">Sản Phẩm</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="product-list">
            <h2>Các Sản Phẩm Của Chúng Tôi</h2>
            <div class="product-item">
                <h3>Ống Hút Tre 1</h3>
                <p>Chất liệu: Tre tự nhiên, dài 20cm, bền bỉ và dễ sử dụng. Mỗi gói chứa 10 ống hút.</p>
                <a href="#">Xem chi tiết</a>
            </div>
            <div class="product-item">
                <h3>Ống Hút Tre 2</h3>
                <p>Chất liệu: Tre cao cấp, thiết kế tinh tế, thân thiện với môi trường. Mỗi gói chứa 15 ống hút.</p>
                <a href="#">Xem chi tiết</a>
            </div>
            <div class="product-item">
                <h3>Ống Hút Tre 3</h3>
                <p>Chất liệu: Tre nguyên chất, không hóa chất, có thể tái sử dụng nhiều lần. Mỗi gói chứa 5 ống hút.</p>
                <a href="#">Xem chi tiết</a>
            </div>
        </section>
    </main>

    <footer>
        <p>&copy; 2024 Ống Hút Tre | Tất cả quyền được bảo vệ</p>
    </footer>
</body>
</html>