@section('title', 'Green International University – Apply Now | GIU')
@section('description', 'Green International University offers practical learning and modern programs. Admissions are now open and begin your academic journey with confidence.')
@section('keywords', 'Green international university,GIU admission requirements,International academic environment')
@extends('front.layouts.app')
@section('content')

    {{-- side bar bottom banner  --}}
    <div class="side-popup d-none d-md-block text-decoration-none fade show">
        <div class="position-fixed bottom-right" id="myDiv">
            <button class="close" onclick="document.getElementById('myDiv').style.display='none'" type="button">
                <span aria-hidden="true">&times;</span></button>
            <a class="fragment" href="{{ url('http://admission.giu.edu.pk/') }}">
                <video class="card-img-top" autoplay muted loop>
                    <source src="{{asset('front/images/new-giu/homepage/sidebar-banner.mp4')}}">
                </video>
            </a>
        </div>
    </div>
    <!-- Modal -->
    {{-- <div class="modal" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog ">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">ORIENTATION FALL-2023</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" style="padding: 0rem;">
                        <div class="modal-body" style="padding: 0rem;">
                            <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
                                <img src="{{asset('front/images/new-giu/homepage/post-orintation.jpg')}}" class="d-block w-100 img-responsive">
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div> --}}


    <div class="home-wrapper">
        <div class="top-area">
            <div class="container-fluid">
                <div class="image-area">
                    <img src="{{asset('front/images/new-giu/homepage/great.jpg')}}" alt="" class="img-fluid">
                </div>
            </div>
        </div>
        <div class="complicated">
            <div class="container-fluid">
                <div class="row py-5 mx-sm-5">
                    <div class="col-lg-6">
                        <div class="text-area">
                            <h2><span>LIFE</span> CAN BE COMPLICATED</h2>
                            <h3 class="mt-md-5 mb-3">Applying to University doesn’t have to be.</h3>
                            <p class="">Our Few-step application walks you through the process, so you can focus on the
                                details that matter– <span>like your future.</span></p>
                            <a href="https://admission.giu.edu.pk/login" class="btn borders my-4">
                                <span>Apply Now </span><i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row g-0 mt-4">
                            <div class="col-7 pe-lg-4">
                                <img src="{{asset('front/images/new-giu/homepage/life-1.png')}}" alt="" class="h-100">
                            </div>
                            <div class="col-5">
                                <img src="{{asset('front/images/new-giu/homepage/life-2.png')}}" alt="" class="h-100">
                            </div>
                        </div>
                        <div class="row g-0 mt-4">
                            <div class="col-5 pe-lg-4">
                                <img src="{{asset('front/images/new-giu/homepage/life-3.png')}}" alt="" class="h-100">
                            </div>
                            <div class="col-7">
                                <img src="{{asset('front/images/new-giu/homepage/life-4.png')}}" alt="" class="h-100">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- cards  --}}
        <div class="scholarships">
            <div class="row g-0 py-5">
                <div class="col-lg-4 mb-3 top">
                    <div class="info-graphic-card-first">
                        <div class="info-graphic-card-body">
                            <div class="info-graphic-section pb-3">
                                <div class="info-graphic-icon">
                                    <img src="{{asset('front/images/new-giu/homepage/scholar.png')}}" alt="">
                                </div>
                                <h2>SCHOLARSHIP</h2>
                                <p class="smaller mb-5">Invest in the personal, academic and professional growth of
                                    students.</p>
                                <a href="{{route('scholarship-policy')}}" target="_blank" class="border-first">Explore
                                    More <i class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mb-3 middle">
                    <div class="info-graphic-card-second ">
                        <div class="info-graphic-card-body">
                            <div class="info-graphic-section">
                                <div class="info-graphic-icon">
                                    <img src="{{asset('front/images/new-giu/homepage/uni_icon.png')}}" alt="">
                                </div>
                                <h2>LIFE AT GIU</h2>
                                <p class="smaller mb-5">Aims to provide the best arena for the learning of the
                                    students.</p>
                                <a href="{{route('campus-facilities')}}" target="_blank" class="border-second">Explore
                                    More <i class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mb-3 end">
                    <div class="info-graphic-card-third">
                        <div class="info-graphic-card-body">
                            <div class="info-graphic-section">
                                <div class="info-graphic-icon">
                                    <img src="{{asset('front/images/new-giu/homepage/chain.png')}}" alt="">
                                </div>
                                <h2>RESEARCH WORK</h2>
                                <p class="smaller mb-5">Provide quality incentives to researchers, who, in turn, will
                                    generate high standard research.</p>
                                <a href="" target="_blank" class="border-third">Explore More <i
                                        class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Go green  --}}
        <div class="go-green">
            <div class="row g-0">
                <div class="col-lg-6">
                    <div class="row g-0">
                        <div class="col-5">
                            <img src="{{asset('front/images/new-giu/homepage/go_6.jpg')}}" alt="" class="h-100">
                        </div>
                        <div class="col-7">
                            <img src="{{asset('front/images/new-giu/homepage/go_5.jpg')}}" alt="" class="h-100">
                        </div>
                    </div>
                    <div class="row g-0">
                        <div class="col-5">
                            <img src="{{asset('front/images/new-giu/homepage/go_3.jpg')}}" alt="" class="h-100">
                        </div>
                        <div class="col-7">
                            <img src="{{asset('front/images/new-giu/homepage/complicated_3.png')}}" alt=""
                                 class="h-100">
                        </div>
                    </div>
                    <div class="row g-0">
                        <div class="col-5">
                            <img src="{{asset('front/images/new-giu/homepage/go_2.jpg')}}" alt="" class="h-100">
                        </div>
                        <div class="col-7">
                            <img src="{{asset('front/images/new-giu/homepage/go_1.jpg')}}" alt="" class="h-100">
                        </div>
                    </div>

                </div>
                <div class="col-lg-6">
                    <div class="row g-0">
                        <div class="col-12">
                            <img src="{{asset('front/images/new-giu/homepage/go_8.jpg')}}" alt="" class="h-100">
                        </div>
                    </div>
                    <div class="row g-0">
                        <div class="col-5">
                            <img src="{{asset('front/images/new-giu/homepage/go_9.jpg')}}" alt="" class="h-100">
                        </div>
                        <div class="col-7">
                            <img src="{{asset('front/images/new-giu/homepage/go_7.jpg')}}" alt="" class="h-100">
                        </div>
                    </div>
                </div>
            </div>
            <div class="overlay">
                <a href="">
                    <img src="{{asset('front/images/new-giu/homepage/green.png')}}" alt="" class="h-100">
                </a>
            </div>
        </div>
        {{-- green international  --}}
        <div class="international">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-5 ">
                        <div class="green-internationals py-4 px-2 my-3">
                            <div class="text-area p-sm-5">
                                <h2>WHY <span>GREEN</span> INTERNATIONAL <span>UNIVERSITY</span></h2>
                                <p>Excellence does not grow in wilderness; it has to be pursued with singular zeal and
                                    commitment. GIU symbolises quality and excellence. Its spirited faculty, industrious
                                    students and excellent support infrastructure provide an academic environment.</p>
                                <a href="" class="border-see">See More <i class="fas fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-7 green-international my-2">
                        <div class=" overlay pt-lg-5">
                            <div class="row g-0">
                                <div class="col-lg-5 text-center mt-5 px-3 pt-lg-5 bottom-small">
                                    {{-- <div class="info-graphic-section">
                                        <div class="info-graphic-icon">
                                            <img src="{{asset('front/images/new-giu/homepage/degree.png')}}" alt="">
                                        </div>
                                        <h3>20+</h3>
                                        <p>Academic Programs</p>
                                    </div> --}}
                                    <div class="info-graphic-section">
                                        <div class="info-graphic-icon">
                                            <img src="{{asset('front/images/new-giu/homepage/students.png')}}" alt="">
                                        </div>
                                        <h3>15+</h3>
                                        <p>Clubs and Societies</p>
                                    </div>
                                </div>
                                <div class="col-lg-7 text-center girl-image pt-lg-5">
                                    <img src="{{asset('front/images/new-giu/homepage/graduate_girl.png')}}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 1-->
        {{-- <div class="modal fade popup-message" id="staticBackdropone" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel"         aria-hidden="true">
           <div class="modal-dialog modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable ">
                <div class="modal-content">
                    <div class="modal-header show-read-more">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="toper-text my-5 px-sm-4">
                            <a href="#" class="map-pop">
                            <img class="me-4" src="{{asset('front/images/new-giu/homepage/dr_fazal.png')}}">
                                </a>
                                <h3>PROF DR FAZAL AHMAD KHALID SI</h3>
                            <p>
                                It gives me immense pleasure that the Green International University (GIU), Lahore has established itself to promote higher education and research which shall inculcate knowledge and market driven skills in the graduates of the country. GIU can play a vital role in higher education, innovation and support industrial linkages by transforming research into commercial applications which shall ultimately lead to the growth of knowledge economy And national development.
                            </p>
                            <h5>Chairman Punjab Higher Education Commission</h5>
                        </div>
                    </div>
                </div>
           </div>
       </div> --}}
        <!-- Modal 1-->
        <div class="modal fade popup-message" id="staticBackdroptwo" data-bs-backdrop="static" data-bs-keyboard="false"
             tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable ">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="toper-text my-5 px-sm-4">
                            <a href="#" class="map-pop">
                                <img class="me-4" src="{{asset('front/images/new-giu/homepage/haider_ameen.png')}}">
                            </a>
                            <h3>MUHAMMAD HAIDER AMIN</h3>
                            <p>
                                Green International University provides high-quality education, equipping students with
                                the
                                acumen to cope with the local and global challenges. We are trying our level best to
                                provide our students
                                opportunities to develop a global mindset through establishing international
                                collaborations. To forge the
                                future of its graduates, the University provides a doorway aspiring to enter into
                                professional fields by
                                expert career counselling and job placement. It has also established professional links
                                with organizations, institutes and industries of repute regarding job placement of its
                                graduates. What sets Green International University supreme is its unconditional
                                commitment to quality education,
                                sincere teaching endeavors, exclusive skill development, lucrative facilities, dynamism
                                to improve and a
                                competent management team with a vivid vision. As Chairman, BoG, I am deeply committed
                                to the Mission of
                                the University to pursue excellence in education & research with a futuristic approach
                                and inculcate among
                                the youth qualities of leadership and innovation guided by the teachings of Islam.
                            </p>
                            <h5>Chairman’s</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 1-->
        <div class="modal fade popup-message" id="staticBackdropthree" data-bs-backdrop="static"
             data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable ">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="toper-text my-5 px-sm-4">
                            <a href="#" class="map-pop">
                                <img class="me-4" src="{{asset('front/images/amir_gilani_.png')}}">
                            </a>
                            <h3>Prof. Dr. Syed Amir Gilani</h3>
                            <p>
                                {{-- Green International University fully recognizes the
                                importance of quality education & research in present transformation of global economy towards knowledge economy.
                                So, the university is committed to focus on the development of its wide range of programs
                                through dissemination of knowledge and latest technology, excellence in teachings and
                                innovative research programs to produce knowledgeable skilled and creative graduates as per international standards.
                                We will ensure to create a conducive environment by introducing new concept of Competence
                                Based Teaching with the inclusion of highly educated faculty, access to information and
                                technology infrastructures, focus on customizable courses and experience outside class room.
                                The University fully recognizes the welfare and well being of our students.
                                So, to make the students all rounded besides academic performance & learning,
                                extra-curricular activities we will be arranged regularly to groom their personalities. They
                                will be provided with all the necessary facilities including sports, guidance & placement
                                services and counseling services. --}}
                                Green International University (GIU) is a dynamic university chartered by Government of
                                Punjab located in historical city of Lahore, Islamic Republic of Pakistan.
                                We focus on our mission and vision. Our strategy of aligning core integrated values with
                                our up-to-date curriculum is the key to making a difference with others. We are
                                committed to focus on the development of its wide range of programs through
                                dissemination of knowledge and latest technology, excellence in teachings and innovative
                                research programs to produce knowledgeable skilled and creative graduates as per
                                international standards.
                                We are committed to create a learning environment conducive to student’s holistic
                                development.
                                We believe in developing strong relationships between parents, teachers, students, and
                                community stakeholders by being transparent, open, and honest in all our actions.
                                We have a culture of service where we focus on being part of the solutions and dealing
                                with outcomes to be translated to the community for social and economic benefits for the
                                country’s development, collective & constructive approach and to increase human capital.
                                We encourage diversity and inclusion at every level in our organization – from senior
                                management to employees.
                                Besides excelling in Social Sciences, we have a strong foundation in the fundamentals of
                                Allied Health Sciences, Pharmacy as well as in the area of Business Management, Computer
                                Sciences and Information Technology.
                                Our students are always encouraged to explore new ideas and concepts using real-life
                                examples and applications. They learn to think critically by applying different
                                perspectives on issues they encounter daily. We nurture their creativity, innovation,
                                and problem-solving skills through various activities like art, music, drama and sports
                                activities.
                                We provide lot of opportunities for students to interact with others from different
                                walks of life by organizing field trips, workshops, guest speakers, and conferences
                                (National & International) to get an opportunity to learn more about the world around
                                them.
                                Our university is a young institution, but we have been growing quickly. We want to be a
                                good partner in your professional life and successful career, so we will do our best to
                                meet your expectations. We have a great team of people working here, and they are ready
                                to help you.

                                I wish you a pleasant stay at our university!
                                Best Regards

                            </p>
                            <h5>Rector's</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- extra space  --}}
        <div class="space">
            <div class="extra-space w-100">
            </div>
        </div>
        <div class="our-message pb-2">
            <div class="text-center py-5 heading">
                <h2>OUR MESSAGES</h2>
            </div>

            <div class="owl-carousel owl-theme testimonial-slide">
                {{-- <div class="item mx-sm-5">
                    <div class="container-fluid testimonials">
                        <div class="row g-0 mx-md-5">
                            <div class="col-lg-3 around-border">
                                <img  src="{{asset('front/images/new-giu/homepage/dr_fazal.png')}}" alt="" >
                            </div>
                            <div class="col-lg-9">
                                <div class="views p-3">
                                    <h2>PROF DR FAZAL AHMAD KHALID SI</h2>
                                    <p>It gives me immense pleasure that the Green International University (GIU), Lahore has established itself to promote higher education and research which shall inculcate knowledge and market driven skills in the graduates of the country... <button type="button" class="btn text-green" data-bs-toggle="modal" data-bs-target="#staticBackdropone">  ( See More ) </button></p>
                                    <h6>Chairman Punjab Higher Education Commission</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  --}}
                <div class="item mx-sm-5">
                    <div class="container-fluid testimonials">
                        <div class="row g-0 mx-md-5">
                            <div class="col-lg-3 around-border">
                                <img src="{{asset('front/images/new-giu/homepage/haider_ameen.png')}}" alt="">
                            </div>
                            <div class="col-lg-9">
                                <div class="views p-3">
                                    <h2>Muhammad Haider Amin</h2>
                                    <p>Green International University provides high-quality education, equipping
                                        students with the acumen to cope with the local and global challenges...
                                        <button type="button" class="btn text-green" data-bs-toggle="modal"
                                                data-bs-target="#staticBackdroptwo"> ( See More )
                                        </button>
                                    </p>
                                    <h6>Chairman’s</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item mx-sm-5">
                    <div class="container-fluid testimonials">
                        <div class="row g-0 mx-md-5">
                            <div class="col-lg-3 around-border">
                                <img src="{{asset('front/images/amir_gilani_.png')}}" alt="">
                            </div>
                            <div class="col-lg-9">
                                <div class="views p-3">
                                    <h2>Prof. Dr. Syed Amir Gilani</h2>
                                    <P>Green International University (GIU) is a dynamic university chartered by
                                        Government of Punjab located in historical city of Lahore, Islamic Republic of
                                        Pakistan...
                                        <button type="button" class="btn text-green" data-bs-toggle="modal"
                                                data-bs-target="#staticBackdropthree"> ( See More )
                                        </button>
                                    </P>
                                    <h6>Rector's</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- news and event  --}}
        <div class="events mx-md-5">
            <div class="container-fluid">
                <div class="row px-sm-5">
                    <div class="py-md-5 py-3 heading">
                        <h2>NEWS AND EVENTS</h2>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            @foreach($news as $new)
                                <div class="col-lg-6">
                                    <div class="card h-100">
                                        <div class="card-top position-relative">
                                            {{-- {{URL('/')}}/public/post/{{$dt->thumb}} --}}
                                            <img src="{{URL('/')}}/front/images/new-giu/news-events/{{$new->img}}"
                                                 alt="">
                                            <div class="card-block w-100">
                                                <div class="card-content px-3 my-3 text-white">
                                                    <h4>{{ str_limit($new->name, $limit = 30, $end = '...') }}</h4>
                                                    <h6>{{ date("d M ,Y", strtotime($new->e_date)) }}</h6>
                                                    <a href="{{route('post-detail', $new->slug)}}" class="text-warning">SEE
                                                        MORE</a>
                                                </div><!--card block starts here -->
                                            </div>
                                        </div>
                                        <div class="card-body px-4">
                                            <p class="card-text">{!! \Illuminate\Support\Str::limit($new->short_description, 90, $end='...') !!}</p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="more-button my-5">
                            <a href="{{route('news-and-events')}}" class="w-100 text-center text-white py-2">SEE MORE
                                NEWS</a>
                        </div>
                    </div>

                    <div class="col-lg-6 px-md-5 calendar">
                        <h2 class="mb-4">Calendar</h2>
                        @foreach($calenders as $calender)
                            <div class="media-box d-flex text-center my-2">
                                <div class="d-inline date">
                                    <h4>{{date("M", strtotime($calender->e_date))}}</h4>
                                    <h2>{{date("d", strtotime($calender->e_date))}}</h2>
                                </div>
                                <p class="ms-4">{{$calender->name}}</p>
                            </div>
                        @endforeach

                        <div class="more-button my-5">
                            <a href="{{route('news-and-events')}}" class="w-100 text-center text-white py-2">SEE MORE
                                NEWS</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('js')
    <script type="text/javascript">
        $('.testimonial-slide').owlCarousel({
            loop: true,
            dots: true,
            responsiveClass: true,
            autoplay:true,
            autoplayTimeout:5000,
            margin:02,
            responsive:{
                0:{
                    items:1,
                }
            }
        })
        $(window).on('load', function() {
        $('#myModal').modal('show');
    });
    $(window).on('load', function() {
        $('#mypopup').modal('show');
    });

    $(document).ready(function(){
    var maxLength = 50;
    $(".show-read-more").each(function(){
        var myStr = $(this).text();
        if($.trim(myStr).length > maxLength){
            var newStr = myStr.substring(0, maxLength);
            var removedStr = myStr.substring(maxLength, $.trim(myStr).length);
            $(this).empty().html(newStr);
            $(this).append(' <a href="javascript:void(0);" class="read-more">read more...</a>');
            $(this).append('<span class="more-text">' + removedStr + '</span>');
        }
    });
    $(".read-more").click(function(){
        $(this).siblings(".more-text").contents().unwrap();
        $(this).remove();
    });
});
        </script>
@endpush