Card

Examples and usage guidelines for the Card component.

Cards

Flexible content containers for data presentation.

Faculty of Engineering

Civil Engineering

Explore our engineering programs including Civil, Mechanical, and Electrical. Access course materials and schedules.

Student Portal

Login restricted

Manage your academic records, tuition payments, and register for upcoming classes online.

Show Code

<div class="card">
  <div class="card-header">Faculty of Engineering</div>
  <div class="card-body">
    <h5 class="card-title">Civil Engineering</h5>
    <p class="card-text text-muted">Explore our engineering programs...</p>
  </div>
  <div class="card-footer text-end">
    <button class="btn btn-sm btn-outline-secondary">View Courses</button>
  </div>
</div>