<div class="content" id="informasi" style="display: none">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1>Informasi</h1>
    </div>

    <!-- Content Row -->
    <div class="d-block d-lg-flex justify-content-between">
        <!-- Area Chart -->
        <div class="col p-0">
            <a href="https://drive.google.com/file/d/1DF16pFH9NVrkYyxXLtLR7d8ndRByfwPh/view?usp=drive_link" target="_blank" class="text-decoration-none">
                <div class="card h-100 shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div
                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <i class="fas fa-fw fa-folder"></i>
                </div>
                <!-- Card Body -->
                <div class="card-body card-info">
                    <p>1. KLASIFIKASI KUBANGAN</p>
                </div>
                </div>
            </a>
        </div>
        <!-- Area Chart -->
        <div class="col p-0 pl-lg-4">
            <a href="https://drive.google.com/file/d/1rtLxilWgYeNcbZzpo2WBFuH_t3ioxzhQ/view?usp=drive_link" target="_blank" class="text-decoration-none">
                <div class="card h-100 shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div
                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <i class="fas fa-fw fa-folder"></i>
                </div>
                <!-- Card Body -->
                <div class="card-body card-info">
                    <p>1.1 METODE PENGUKURAN KUBANGAN</p>
                </div>
                </div>
            </a>
        </div>
        <!-- Area Chart -->
        <div class="col p-0 pl-lg-4">
            <a href="https://drive.google.com/file/d/1BMTDA4ZxoH2cYojl03wdguMTfm8SXd4Z/view?usp=drive_link" target="_blank" class="text-decoration-none">
                <div class="card h-100 shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div
                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <i class="fas fa-fw fa-folder"></i>
                </div>
                <!-- Card Body -->
                <div class="card-body card-info">
                    <p>2. FORM INSPEKSI KUBANGAN</p>
                </div>
                </div>
            </a>
        </div>
        <!-- Area Chart -->
        <div class="col p-0 px-lg-4">
            <a href="https://drive.google.com/file/d/1dXTJKcpbM0ZQCiYoUA9tT5StO3NfgDYG/view?usp=drive_link" target="_blank" class="text-decoration-none">
                <div class="card h-100 shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div
                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <i class="fas fa-fw fa-folder"></i>
                </div>
                <!-- Card Body -->
                <div class="card-body card-info">
                    <p>3. INSTRUKSI KERJA INFRATRACK</p>
                </div>
                </div>
            </a>
        </div>
        <!-- Area Chart -->
        <div class="col p-0">
            <a href="https://drive.google.com/file/d/1z-EgLpqqr_xuh2a7XOA55aNpWPGFVk2V/view?usp=drive_link" target="_blank" class="text-decoration-none">
                <div class="card h-100 shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div
                    class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <i class="fas fa-fw fa-folder"></i>
                </div>
                <!-- Card Body -->
                <div class="card-body card-info">
                    <p>4. INSTRUKSI KERJA PENANGANAN KUBANGAN</p>
                </div>
                </div>
            </a>
        </div>
    </div>
</div>