@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>Department of Medical <br>Laboratory Technology</h1>
                <ul>
                    <li><a href="{{route('front.home')}}">Home</a> -</li>
                    <li>Academic <i class="fa fa-angle-double-right ms-2"></i></li>
                    <li><a class="text-white" href="{{route('front.departments')}}">Departments</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Inner Page Banner Area End Here -->

    <!-- Department Detail Area Start Here -->
    <div class="container main-fac-new-wrapper my-5">
        <div class="row fac-profile mt-3">
            <div class="col-lg-9 col-md-12 mt-2 order-lg-2 px-0">


                <div class="row  pb-5 faculty-detail-mv">
                    <div class="col-lg-6 qec-vision-mision ">
                        <div class="qec-vision-block text-center bg-red  py-2 my-2 px-sm-4 ms-lg-3">
                            <h3 class="pt-3"><span class="text-white">VISION</span></h3>
                        </div>
                        <div class="vision-mision-content card-body px-md-4 mt-3 ms-lg-3">
                            <p>To inspire our students through competency based learning and conducive environment equipping them with latest professional knowledge, skills and ethics to become a promising individual ready to face the futuristic challenges.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 qec-vision-mision">
                        <div class="qec-vision-block text-center bg-red text-white  py-2 my-2 px-sm-4">
                            <h3 class="pt-3"><span class="text-white">MISSION</span></h3>
                        </div>
                        <div class="vision-mision-content card-body px-md-4 mt-3">
                            <p>The mission of The Green International University is to provide excellent education and disseminate the knowledge for a better world by making social and economic impacts through research &amp; innovation across a broad range of fields.</p>
                        </div>
                    </div>
                </div>

                <div class="content-new-wrapper table-responsive">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 order-lg-2 ms-lg-1">
                                <div class="row fac-objective-content mt-lg-5">
                                    <div class="col-lg-12 g-0">

                                        <div class="fac-obj-border mt-lg-4 mt-5">
                                            <h1>OBJECTIVE</h1>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus commodi consequuntur culpa distinctio earum, error ex harum ipsam, ipsum labore minima, nemo officia omnis provident quaerat quis quo recusandae rerum saepe sed tempora temporibus voluptas.</p>
                                    </div>
                                </div>
                                <div class="row fac-scope-content">
                                    <div class="col-lg-12 g-0">
                                        <div class="fac-sco-border">
                                            <h1>ABOUT US</h1>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque autem explicabo id iure laudantium minima mollitia, neque provident rerum sit ut voluptatem.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-12">
                <div class="row">
                    <div class="quick-link-pages pt-4 pb-2 px-3">
                        <div class="heading">
                            <button class="btn py-3 w-100">QUICK LINKS</button>
                        </div>
                        <div class="pages mt-5">
                            <div class="d-flex my-3">
                                <div class="tab-icon">
                                    <i class="fa fa-external-link pe-2"></i>
                                </div>
                                <div class="tab-texts">
                                    <a href="{{ URL('/') }}/about-us"><p>Introducing UOR</p></a>
                                </div>
                            </div>
                            <div class="d-flex my-3">
                                <div class="tab-icon">
                                    <i class="fa fa-external-link pe-2"></i>
                                </div>
                                <div class="tab-texts">
                                    <a href="{{ URL('/') }}/history-rawalpindi"><p>History of Rawalpindi</p></a>
                                </div>
                            </div>
                            <div class="d-flex my-3">
                                <div class="tab-icon">
                                    <i class="fa fa-external-link pe-2"></i>
                                </div>
                                <div class="tab-texts">
                                    <a href="{{ URL('/') }}/about-us#visionMission"><p>Vision & Mission</p></a>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="fac-admission-open my-5">
                        <div class="text-center pt-4">
                            <p class="p-admission mb-0 text-white">ADMISSIONS </p>
                            <p class="p-open text-white mt-2">OPEN 2025</p>
                        </div>
                        <div class="row my-5 ">
                            <div class="col-lg-12 fac-btn-apply">
                                <a href="{{ URL('/') }}/login" target="_blank">
                                    <button class="btn btn-danger fac-btn-1 ">
                                        APPLY NOW <i class="fa fa-angle-right ms-1" aria-hidden="true" style="font-size:1.75rem"></i>
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Department Detail Area End Here -->

@endsection