@include('frontend.header')

   <style>
body {
    font-family: "Poppins", sans-serif;
    background: #f9fafc;
    color: #333;
}

/* Header Section */
.courses-header {
    background: linear-gradient(135deg, #0066cc, #0099cc);
    color: #fff;
    padding: 80px 0 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.courses-header h1 {
    font-weight: 700;
    font-size: 2.5rem;
}

.courses-header p {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* Decorative Wave */
.wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 80px;
}

.course-title:hover {
    cursor: pointer;
}

/* Cards Section */
.course-card {
    background: #fff;
    border: none;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.course-icon {
    font-size: 2rem;
    color: #0066cc;
    margin-bottom: 15px;
}

.course-title {
    font-size: 1.1rem;
    font-weight: 600;
}
   </style>



   <main class="main">
       <!-- breadcrumb -->
       <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/03.jpg)">
           <div class="container">
               <h2 class="breadcrumb-title">All Departments</h2>
               <ul class="breadcrumb-menu">
                   <li><a href="#">Home</a></li>
                   <li class="active">All Departments</li>
               </ul>
           </div>
       </div>
       <!-- breadcrumb end -->

       <!-- Courses Section -->
       <section class="container py-5">
           <div class="site-heading mb-3 text-center">
               <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> All Departments</span>
           </div>
           <div class="row g-4">
               <!-- Course Cards -->

               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-language course-icon"></i>

                       <h5 class="course-title">
                           <a href="{{ url('department/tamil') }}">B.A. Tamil</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-book-open course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/english') }}">B.A. English</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-globe course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/french') }}">B.A. French</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-chart-line course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/economics') }}">B.A. Economics</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-landmark course-icon"></i>
                       <h5 class="course-title">
                           <a href="./department-page.html">B.A. History</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-people-group course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/sociology') }}">B.A. Sociology</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-scale-balanced course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/philosophy') }}">B.A. Philosophy</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-atom course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/physics') }}">B.Sc. Physics</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-flask course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/chemistry') }}">B.Sc. Chemistry</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-square-root-alt course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/mathematics') }}">B.Sc. Mathematics</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-seedling course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/plant-science') }}">B.Sc. Plant Science</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-computer course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/computer-science') }}">B.Sc. Computer Science</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-brain course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/psychology') }}">B.Sc. Psychology</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-file-invoice-dollar course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/commerce') }}">B.Com</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-plane-departure course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/tourism') }}">BBA Tourism</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-language course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/hindi') }}">B.A. Hindi</a>
                       </h5>
                   </div>
               </div>
               <div class="col-md-4 col-lg-3">
                   <div class="course-card text-center">
                       <i class="fa-solid fa-handshake course-icon"></i>
                       <h5 class="course-title">
                           <a href="{{ url('department/co-operative-management') }}">B.Com Cooperative Management</a>
                       </h5>
                   </div>
               </div>
           </div>
       </section>
   </main>

   @include('frontend.footer')