    <!-- Custom fonts for this template-->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

    <!-- Custom styles for this template-->
    <link href="css/sb-admin-2.min.css" rel="stylesheet">

    <style>
        .card-spmi {
            border: none;
            border-radius: 10px;
            background-color: #f8f9fc;
            transition: all 0.3s ease;
        }

        .card-spmi:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .icon-spmi {
            font-size: 2.5rem;
            color: #36b9cc;
        }

        .card-title {
            color: #2e59d9;
            font-weight: 600;
        }

        .card-subtitle {
            color: #858796;
            font-size: 0.85rem;
        }

        .status-icon {
            position: absolute;
            top: 1rem;
            right: 1rem;
            font-size: 1.2rem;
        }

        .status-success {
            color: #1cc88a;
        }

        .status-warning {
            color: #f6c23e;
        }
    </style>
    <!-- Page Wrapper -->
    <div id="wrapper">
        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">
            <!-- Main Content -->
            <div id="content">
                <!-- Begin Page Content -->
                <div class="container-fluid">
                    <!-- Page Heading -->
                    <div class="text-center mb-5 mt-4">
                        <h1 class="h3 mb-2 text-gray-800">SISTEM PENJAMINAN MUTU INTERNAL</h1>
                        <p class="mb-4">Institut Teknologi dan Bisnis Riyadlul Ulum Tasikmalaya</p>
                    </div>

                    <!-- Content Row -->
                    <div class="row">

                        <!-- Penetepan Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=kebijakan" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-building icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Penetepan</h5>
                                        <p class="card-subtitle">Ditetapkan Oleh Perguruan Tinggi</p>
                                    </div>
                                </div>
                        </div>

                        <!-- Pelaksanaan Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=formulir" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-book-open icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Pelaksanaan</h5>
                                        <p class="card-subtitle">Standar Pendidikan Tinggi</p>
                                    </div>
                                </div>
                        </div>

                        <!-- Evaluasi Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=evaluasi" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-clipboard-list icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Evaluasi</h5>
                                        <p class="card-subtitle">Pelaksanaan Standar Dikti</p>
                                    </div>
                                </div>
                        </div>

                        <!-- Pengendalian Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=pengendalian" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-sync icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Pengendalian</h5>
                                        <p class="card-subtitle">Standar Dikti</p>
                                    </div>
                                </div>
                        </div>

                        <!-- Peningkatan Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=peningkatan" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-chart-bar icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Peningkatan</h5>
                                        <p class="card-subtitle">Standar Dikti</p>
                                    </div>
                                </div>
                        </div>

                        <!-- Dashboard Card -->
                        <div class="col-xl-4 col-md-6 mb-4">
                            <a href="?page=news" class="card-link">
                                <div class="card card-spmi h-100">
                                    <div class="card-body">
                                        <i class="fas fa-chart-line icon-spmi mb-3"></i>
                                        <i class="fas fa-check-circle status-icon status-success"></i>
                                        <h5 class="card-title">Berita</h5>
                                        <p class="card-subtitle"></p>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap core JavaScript-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Core plugin JavaScript-->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for all pages-->
    <script src="js/sb-admin-2.min.js"></script>