<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Katalog Briket Arang</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <style>
        body {
            background-color: #000; /* Warna hitam */
            color: #fff; /* Teks putih untuk kontras */
        }
        .btn-primary {
            background-color: #444; /* Warna abu-abu gelap */
            border-color: #444;
        }
        .btn-primary:hover {
            background-color: #666; /* Warna lebih terang saat hover */
            border-color: #666;
        }
        .card {
            background-color: #222; /* Warna latar kartu */
            border: none;
        }
    </style>


    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="index.html">Web Katalog</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/product">Produk</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/about">Tentang Kami</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/faq">FAQ</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/gallery">Galeri</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/order">Pemesanan</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://divabisnis.my.id/contact">Kontak</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container my-5 text-center">
        <h1 class="mb-4">Temukan Solusi Bahan Bakar Terbaik</h1>
        <p class="mb-4"> Apakah Anda sedang mencari bahan bakar yang efisien, ramah lingkungan, dan serbaguna? Kami hadir dengan solusi terbaik untuk kebutuhan Anda! Briket arang berkualitas tinggi kami dirancang khusus untuk memenuhi berbagai keperluan, mulai dari kebutuhan rumah tangga, BBQ santai bersama keluarga, hingga kebutuhan industri berskala besar. Dengan performa unggul dan pembakaran yang stabil, produk kami siap menjadi pilihan tepat Anda.</p>
		<p class="mb-4">Keunggulan briket kami tidak hanya pada kualitasnya, tetapi juga pada dampak positifnya terhadap lingkungan. Dibuat dari bahan alami yang dapat diperbarui, briket ini membantu mengurangi emisi karbon tanpa mengorbankan daya tahan dan efisiensi. Dengan panas yang optimal dan waktu bakar yang lebih lama, Anda dapat menghemat waktu dan biaya sekaligus mendukung gaya hidup yang lebih hijau. </p>
		<p class="mb-4"> Jangan lewatkan kesempatan untuk mendapatkan briket terbaik dengan harga yang kompetitif! Kami siap memberikan penawaran spesial yang tidak bisa Anda tolak. Hubungi kami sekarang di 0851-7999-2373 atau kunjungi website kami untuk informasi lebih lanjut. Jadikan briket berkualitas kami bagian dari kebutuhan harian Anda, dan rasakan manfaatnya hari ini juga!</p>
        <a href="contact.html" class="btn btn-primary btn-lg">Hubungi Kami</a>
    </div>

	<div class="container my-5">
    <h2 class="text-center mb-4">Mengapa Memilih Briket Kami?</h2>
    <div class="row g-4">
        <div class="col-md-3 d-flex align-items-stretch">
            <div class="card border-0 text-center">
                <div class="p-3">
                    <img src="https://aristaprinting.biz.id/briket/images/briket1.webp" 
                         class="rounded-circle mx-auto d-block" 
                         alt="Briket 1" 
                         style="width: 70px; height: 70px; margin-top: 10px;">
                </div>
                <div class="card-body d-flex flex-column">
                    <p class="card-text" style="color: gold;">
                        Briket kami ramah lingkungan karena dibuat dari bahan alami yang dapat diperbarui, tanpa bahan kimia berbahaya, sehingga aman untuk digunakan sehari-hari.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex align-items-stretch">
            <div class="card border-0 text-center">
                <div class="p-3">
                    <img src="https://aristaprinting.biz.id/briket/images/briket2.webp" 
                         class="rounded-circle mx-auto d-block" 
                         alt="Briket 2" 
                         style="width: 70px; height: 70px; margin-top: 10px;">
                </div>
                <div class="card-body d-flex flex-column">
                    <p class="card-text" style="color: gold;">
                        Produk kami memiliki daya tahan tinggi sehingga lebih hemat dan efisien. Cocok untuk digunakan dalam waktu lama tanpa kehilangan kualitas.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex align-items-stretch">
            <div class="card border-0 text-center">
                <div class="p-3">
                    <img src="https://aristaprinting.biz.id/briket/images/briket3.webp" 
                         class="rounded-circle mx-auto d-block" 
                         alt="Briket 3" 
                         style="width: 70px; height: 70px; margin-top: 10px;">
                </div>
                <div class="card-body d-flex flex-column">
                    <p class="card-text" style="color: gold;">
                        Dengan efisiensi pembakaran yang tinggi, briket kami membantu Anda menghemat biaya energi, menjadikannya solusi ekonomis untuk kebutuhan sehari-hari.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex align-items-stretch">
            <div class="card border-0 text-center">
                <div class="p-3">
                    <img src="https://aristaprinting.biz.id/briket/images/briket4.webp" 
                         class="rounded-circle mx-auto d-block" 
                         alt="Briket 4" 
                         style="width: 70px; height: 70px; margin-top: 10px;">
                </div>
                <div class="card-body d-flex flex-column">
                    <p class="card-text" style="color: gold;">
                        Briket kami serbaguna dan dapat digunakan untuk berbagai kebutuhan, mulai dari memasak hingga pemanasan, memberikan solusi lengkap dalam satu produk.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="container my-5">
        <h2 class="text-center mb-4">Produk-Produk Kami</h2>
        <div class="row g-4">
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket1.webp" class="card-img-top rounded img-responsive" alt="Briket 1">
                    <div class="card-body">
                        <p class="card-text text-center">Ramah Lingkungan</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket2.webp" class="card-img-top rounded img-responsive" alt="Briket 2">
                    <div class="card-body">
                        <p class="card-text text-center">Tahan Lama</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket3.webp" class="card-img-top rounded img-responsive" alt="Briket 3">
                    <div class="card-body">
                        <p class="card-text text-center">Hemat Biaya</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket4.webp" class="card-img-top rounded img-responsive" alt="Briket 4">
                    <div class="card-body">
                        <p class="card-text text-center">Cocok untuk Segala Kebutuhan</p>
                    </div>
                </div>
            </div>
        </div>
		<div class="row g-4">
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket1.webp" class="card-img-top rounded img-responsive" alt="Briket 1">
                    <div class="card-body">
                        <p class="card-text text-center">Ramah Lingkungan</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket2.webp" class="card-img-top rounded img-responsive" alt="Briket 2">
                    <div class="card-body">
                        <p class="card-text text-center">Tahan Lama</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket3.webp" class="card-img-top rounded img-responsive" alt="Briket 3">
                    <div class="card-body">
                        <p class="card-text text-center">Hemat Biaya</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <img src="https://aristaprinting.biz.id/briket/images/briket4.webp" class="card-img-top rounded img-responsive" alt="Briket 4">
                    <div class="card-body">
                        <p class="card-text text-center">Cocok untuk Segala Kebutuhan</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Footer -->
    <footer class="bg-dark text-white text-center p-3">
        <p>&copy; 2024 Katalog Briket Arang | <a href="#">Kebijakan Privasi</a> | <a href="#">Syarat dan Ketentuan</a></p>
        <p>Alamat: Jalan Raya No.123, Jakarta, Indonesia</p>
        <p>Email: info@perusahaanumroh.com | Telepon: +62 21 123 4567</p>
    </footer>
   

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</body>

</html>
