@extends('front.layouts.app')
@section('content')

    <!-- Inner Page Banner Area Start Here -->
    <div class="inner-page-banner-area">
        <div class="container">
            <div class="pagination-area">
                <h1>Departments</h1>
                <ul>
                    <li><a href="{{route('front.home')}}">Home</a> -</li>
                    <li>Academic</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Inner Page Banner Area End Here -->

    <!-- Admission Area Start Here -->
    <div class="admission-area my-5">
        <div class="container">
            <h1 class="admission-title">Departments</h1>
            <div class="row">

                <!-- Department 9 Start Here -->
                <div class="col-lg-4 col-sm-6 text-center my-3">
                    <a href="{{ URL('/') }}/department-detail/department-of-psychology">
                        <div class="card py-4 h-100 border-0">
                            <img id="department-thumbnail" class="svg" src="{{ asset('frontend/academics') }}/img/departments/2024/department-of-psychology-thumbnail.jpg" alt="">
                        </div>
                    </a>
                </div>
                <!-- Department 9 End Here -->


                <!-- Department 14 Start Here -->
                <div class="col-lg-4 col-sm-6 text-center my-3">
                    <a href="{{ URL('/') }}/department-detail/department-of-english-language-&-literature">
                        <div class="card py-4 h-100 border-0">
                            <img id="department-thumbnail" class="svg" src="{{ asset('frontend/academics') }}/img/departments/2024/department-of-english-thumbnail.jpg" alt="">
                        </div>
                    </a>
                </div>
                <!-- Department 14 End Here -->


                <!-- Department 19 Start Here -->
                <div class="col-lg-4 col-sm-6 text-center my-3">
                    <a href="{{ URL('/') }}/department-detail/department-of-computer-sciences">
                        <div class="card py-4 h-100 border-0">
                            <img id="department-thumbnail" class="svg" src="{{ asset('frontend/academics') }}/img/departments/2024/department-of-computer-sciences-thumbnail.jpg" alt="">
                        </div>
                    </a>
                </div>
                <!-- Department 19 Start Here -->

                <!-- Department 20 Start Here -->
                <div class="col-lg-4 col-sm-6 text-center my-3">
                    <a href="{{ URL('/') }}/department-detail/department-of-arabic-&-islamic-studies">
                        <div class="card py-4 h-100 border-0">
                            <img id="department-thumbnail" class="svg" src="{{ asset('frontend/academics') }}/img/departments/2024/department-of-arabic-and-islamic-studies-thumbnail.jpg" alt="">
                        </div>
                    </a>
                </div>
                <!-- Department 20 Start Here -->

                <!-- Department 21 Start Here -->
                <div class="col-lg-4 col-sm-6 text-center my-3">
                    <a href="{{ URL('/') }}/department-detail/department-of-management-studies">
                        <div class="card py-4 h-100 border-0">
                            <img id="department-thumbnail" class="svg" src="{{ asset('frontend/academics') }}/img/departments/2024/department-of-management-studies-thumbnail.jpg" alt="">
                        </div>
                    </a>
                </div>
                <!-- Department 21 Start Here -->


                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <ul class="pagination-center">
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <!-- Admission Area End Here -->

@endsection