@section('title', 'AUMDC Basic Medical Sciences – Foundation of MBBS')
@section('description', 'AUMDC Basic Medical Sciences provides a strong foundation in anatomy, physiology and biochemistry. Find out how our courses shape future doctors.')
@section('keywords', 'AUMDC Basic Medical Sciences,Anatomy Department AUMDC,Biochemistry Department AUMDC,Basic sciences teaching AUMDC')
@section('tags',  'AUMDC Basic Medical Sciences,Anatomy Department AUMDC,Biochemistry Department AUMDC,Basic sciences teaching AUMDC')
@extends('front.layouts.app')
@section('content')
    <style>
        .video-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            height: auto;
            overflow: hidden;
        }

        .video-container video {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }
    </style>
    <section class="basic-medical-sciences">
        <div class="container">
            <div class="heading my-5">
                <h1>Basic Medical Sciences</h1>
                <div class="video-container">
                    <video controls autoplay muted>
                        <source src="{{ asset('front/images/department_video/department.mp4') }}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                </div>
            </div>
            <div class="basic-medical-sciences my-1 py-1">
                <div class="row flex-wrap">
                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('anatomy')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Anatomy</h5>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('biochemistry')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Biochemistry</h5>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('forensic')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Forensic Medicine</h5>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('pathology')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Pathology</h5>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('pharmacology')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Pharmacology</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('physiology')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Physiology</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('communityMedicine')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Community Medicine</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 text-center my-4">
                        <div class="basic-medical-sciences-wrapper">
                            <a class="department d-flex justify-content-center" href="{{route('medicalEducation')}}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Medical Education</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection