Cards, List Groups & Badges

Bootstrap Card Component

<div class="card shadow-sm border-0 rounded-4 overflow-hidden">
    <img src="/images/course-thumb.jpg" class="card-img-top" alt="Course Thumbnail">
    <div class="card-body p-4">
        <span class="badge bg-primary-subtle text-primary mb-2">PHP 8.4</span>
        <h5 class="card-title fw-bold">Modern PHP Engineering</h5>
        <p class="card-text text-muted small">Learn object-oriented programming, PDO, and modern Laravel foundations.</p>
        <a href="#" class="btn btn-primary w-100 rounded-3 fw-bold">Start Free Course</a>
    </div>
</div>