@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 Public Health</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. Iste iure odit recusandae! Deleniti est hic laboriosam quas reiciendis. Accusamus accusantium adipisci debitis earum exercitationem iure labore laboriosam, officiis qui quia quibusdam ratione suscipit ut? Nisi.</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. Aliquam, cum doloribus eveniet excepturi id iure magnam nihil odit quae quam tempora vel velit voluptatum.</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