@section('title', 'GIU News & Letters | Read Highlights & Announcements')
@section('description', 'GIU News & Letters shares campus stories, academic updates and event highlights from Green International University. Stay informed with every edition.')
@section('keywords', 'GIU News & Letters, GIU Campus News and Announcements, GIU Event Updates and Newsletters')
@section('tags', 'GIU News & Letters, GIU Campus News and Announcements, GIU Event Updates and Newsletters')

@extends('front.new.layouts.app')
@section('content')
    {{-- News Letter Wrapper Starts --}}
    <div class="news-letter-wrapper">
        <div class="top-banner">
            <img src="{{asset('/front/new/img/news-letter/newsletter-banner.png')}}" class="img-fluid">
            <div class="perfect-left">
                <h1>NEWSLETTERS</h1>
            </div>
        </div>

        {{-- News Letter Text --}}
        <div class="container">
            <div class="row mt-5 mb-2">
                <div class="col-lg-12">
                    <div class="letter-page-heading">
                        <h1 class="my-4 mt-lg-0"><i class="ri-newspaper-line pe-4"></i>NEWS LETTERS</h1>

                        <p>The Press and Publication Office at Green International University publishes
                            newsletter on quarterly basis, comprising news from all the Schools
                            and Departments, Societies Events and Activities, Conferences and
                            Seminars which highlights the campus life.</p>
                    </div>
                </div>
            </div>

            <div class="row mb-4">
                {{--- News Letter Card Oct-2025-Feb-2026 ---}}
                <div class="col-xl-3 col-lg-4 col-md-6 text-center">
                    <div class="card news-letter-card position-relative mx-2 my-4">
                        <div class="card-body p-0 ">
                            <img src="{{asset('/front/new/img/news-letter/rector-bulletin-oct25-feb26.png')}}"
                                 class="w-100 h-100">
                            <div class="name-of-news">
                                <h5 class="text-center my-3">Rector's Bulletin Oct-25 - Feb-26</h5>
                            </div>
                            <div class="download-btn w-100">
                                <a class="link-download pe-4 pt-4 pb-2"
                                   href="{{asset('/front/new/pdf/news-letter/rector-bulletin-oct25-feb26.pdf')}}"
                                   download>Download <i class="ri-arrow-down-line"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                {{--- News Letter Card Aug - dec---}}
{{--                <div class="col-xl-3 col-lg-4 col-md-6 text-center">--}}
{{--                    <div class="card news-letter-card position-relative mx-2 my-4">--}}
{{--                        <div class="card-body p-0 ">--}}
{{--                            <img src="{{asset('/front/new/img/news-letter/aug-dec.png')}}"--}}
{{--                                 class="w-100 h-100">--}}
{{--                            <div class="name-of-news">--}}
{{--                                <h5 class="text-center my-3">Rector's Bulletin August-December 2024</h5>--}}
{{--                            </div>--}}
{{--                            <div class="download-btn w-100">--}}
{{--                                <a class="link-download pe-4 pt-4 pb-2"--}}
{{--                                   href="{{asset('/front/new/pdf/news-letter/bulletin-aug-dec.pdf')}}"--}}
{{--                                   download>Download <i class="ri-arrow-down-line"></i></a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

                {{--- News Letter Card April-july---}}
                <div class="col-xl-3 col-lg-4 col-md-6 text-center">
                    <div class="card news-letter-card position-relative mx-2 my-4">
                        <div class="card-body p-0 ">
                            <img src="{{asset('/front/new/img/news-letter/april-to-july.png')}}"
                                 class="w-100 h-100">
                            <div class="name-of-news">
                                <h5 class="text-center my-3">Rector's Bulletin April-July 2024</h5>
                            </div>
                            <div class="download-btn w-100">
                                <a class="link-download pe-4 pt-4 pb-2"
                                   href="{{asset('/front/new/pdf/news-letter/bulletin-april-to-july.pdf')}}"
                                   download>Download <i class="ri-arrow-down-line"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                {{--- News Letter March Month---}}
                <div class="col-xl-3 col-lg-4 col-md-6 text-center">
                    <div class="card news-letter-card position-relative mx-2 my-4">
                        <div class="card-body p-0 ">
                            <img src="{{asset('/front/new/img/news-letter/rector-bulletin-march.jpg')}}"
                                 class="w-100 h-100">
                            <div class="name-of-news">
                                <h5 class="text-center my-3">Rector's Bulletin March 2024</h5>
                            </div>
                            <div class="download-btn w-100">
                                <a class="link-download pe-4 pt-4 pb-2"
                                   href="{{asset('/front/new/pdf/news-letter/bulletin-march-2024.pdf')}}"
                                   download>Download <i class="ri-arrow-down-line"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                {{--- News Letter Card---}}
                <div class="col-xl-3 col-lg-4 col-md-6 text-center">
                    <div class="card news-letter-card position-relative mx-2 my-4">
                        <div class="card-body p-0 ">
                            <img src="{{asset('/front/new/img/news-letter/bulletin-feb-2024.jpg')}}"
                                 class="w-100 h-100">
                            <div class="name-of-news">
                                <h5 class="text-center my-3">Rector's Bulletin February 2024</h5>
                            </div>
                            <div class="download-btn w-100">
                                <a class="link-download pe-4 pt-4 pb-2"
                                   href="{{asset('/front/new/pdf/news-letter/bulletin-feb-2024.pdf')}}"
                                   download>Download <i class="ri-arrow-down-line"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                {{--- News Letter Card---}}
                <div class="col-xl-3 col-lg-4 col-md-6 text-center">
                    <div class="card news-letter-card position-relative mx-2 my-4">
                        <div class="card-body p-0 ">
                            <img src="{{asset('/front/new/img/news-letter/bulletin-jan-2024.jpg')}}"
                                 class="w-100 h-100">
                            <div class="name-of-news">
                                <h5 class="text-center my-3">Rector's Bulletin January 2024</h5>
                            </div>
                            <div class="download-btn w-100">
                                <a class="link-download pe-4 pt-4 pb-2"
                                   href="{{asset('/front/new/pdf/news-letter/bulletin-jan-2024.pdf')}}"
                                   download>Download <i class="ri-arrow-down-line"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
@endsection
@push('js')
@endpush