<div class="container my-4">

  <h4 class="mb-4 text-primary fw-bold"><i class="bi bi-calendar-week"></i>

    Jadwal Kuliah</h4>

  <!-- Card Jadwal -->

  <div class="card shadow-sm border-0 rounded-4 mb-4">

    <div class="card-body"><!-- Detail Mata Kuliah -->

      <h5 class="fw-bold text-dark mb-2">📘 2 SKS</h5>

      <!-- Hari + Jam -->

      <p class="text-muted mb-2">📅 <span

          class="fw-semibold text-dark">Selasa</span> | ⏰ <span

          class="fw-semibold text-dark">07:45 – 09:25</span></p>

      <!-- Ruang -->

      <p class="text-muted mb-2">🏫 Ruang: <span

          class="badge bg-info text-dark px-3 py-1">P3</span></p>

      <!-- Dosen -->

      <p class="text-muted mb-3">👨‍🏫 <strong class="text-dark">WENNYTA, M.Pd.</strong></p>

        <hr class="my-3"><!-- Footer -->

      <p class="mb-0">👥 Terdaftar: <span class="badge bg-success px-3 py-2">4 Mahasiswa</span></p>

    </div>

  </div>