@section('title', 'AUMDC Clinical Medical Sciences – Hospital-Based Teaching')
@section('description', 'AUMDC Clinical Medical Sciences offers hands-on hospital training and patient care skills. Join now at Abu Umara Medical and Dental College. Apply now.')
@section('keywords', 'AUMDC Clinical Medical Sciences,Surgery Department AUMDC MBBS,Radiology and imaging AUMDC,Clinical skills development AUMDC')
@section('tags',  'AUMDC Clinical Medical Sciences,Surgery Department AUMDC MBBS,Radiology and imaging AUMDC,Clinical skills development 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>Clinical 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('anesthesia') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Anesthesia</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('Ophthalmology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Ophthalmology</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('Medicine') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>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('Cardiology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Cardiology</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('Gastroenterology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Gastroenterology</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('Nephrology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Nephrology</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('Pediatrics') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Pediatrics</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('Surgery') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Surgery </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('ObstetricsAndGynaecology') }}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Gynaecology and Obstetrics</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('Orthopedics') }}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Orthopedics</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('Radiology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Radiology</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('Urology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Urology</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('Pulmonology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Pulmonology </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('Ent') }}" target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>ENT</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('emergencyMedicine') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Emergency 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('Dermatology') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Dermatology</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('dentistry') }}"
                               target="_blank">
                                <div class="department-text text-center  ">
                                    DEPARTMENT OF
                                    <h5>Dentistry</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('Psychiatry') }}"
                                target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Psychiatry</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('Rheumatology') }}"
                               target="_blank">
                                <div class="department-text text-center  ">
                                    The Department of
                                    <h5>Rheumatology</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('cadiology-and-cardiac-cathetrization') }}"
                               target="_blank">
                                <div class="department-text text-center  ">
                                     Department of
                                    <h5>Cadiology and Cardiac Catheterisation</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('neurosurgery') }}"
                               target="_blank">
                                <div class="department-text text-center  ">
                                    Department of
                                    <h5>Neurosurgery</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('orthopaedic_and_trauma_surgery') }}"
                               target="_blank">
                                <div class="department-text text-center  ">
                                    Department of
                                    <h5>Orthopaedic and Trauma Surgery</h5>
                                </div>
                            </a>
                        </div>
                    </div>



                </div>
            </div>
        </div>
    </section>
@endsection