@section('title', 'GIU | GIU University Lahore | GIU University | GIU Lahore')
@section('description', 'Green International University symbolizes quality and excellence. It has spirited faculty, industrious students and excellent support infrastructure for students. Visit now')
@section('keywords', 'Green International University Lahore Campus,Green International University,GIU,GIU University Lahore,GIU University,GIU Lahore')
@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