@extends('frontend_eng.layouts.app')
@section('title', 'Departments')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')
    <!-- BREADCRUMB
       ============================================= -->
    <div id="breadcrumb" class="division">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class=" breadcrumb-holder">
                        <h4 class="h4-sm text-white">Departments</h4>
                        <!-- Breadcrumb Nav -->
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html" class="text-white">Home</a></li>
                                <li class="breadcrumb-item active text-white" aria-current="page">Departments</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Title -->
                </div>
            </div>
        </div> <!-- End row -->
    </div> <!-- End container -->
    <div class="slider-overlay"></div>

    <!-- START SECTION BLOG -->
    <section class="bg_gray">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="department-detail.html">
                                <img src="assets/images/omhospital/icons/Anaesthesia-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Anaesthesia</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Audiology-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Audiology</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Cardiology-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Cardiology</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Cardiothoracic-and-Vascular-Surgery-300x300.jpg"
                                    alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Cardiothoracic</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Critical-Care-Medicine-300x300.jpg"
                                    alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Critical Care</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Dermatology-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Dermatology</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/General-Surgery-300x300.jpg"
                                    alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">General Surgery</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Gynae-ob-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Gynaecology and Obstretrics
                                </a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/heli_ems-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Heli-EMS</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Immunology-and-Rheumatology-300x300.jpg"
                                    alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Immunology</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="#">
                                <img src="assets/images/omhospital/icons/Nephrology-300x300.jpg" alt="blog_small_img1">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="#">Nephrology</a>
                            </h6>
                            <p>If you are going to use a passage of Lorem Ipsum you need to be sure there
                                anything embarrassing hidden in the middle of text</p>
                            <a href="#" class="text-capitalize">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- END SECTION BLOG -->
@endsection