@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->


        <!-- /.preloader -->




        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->


            <!--Page Header Start-->
            {{-- @include('layouts.components.page-header', [
                'page_title' => 'Media',
            ]) --}}
            <!--Page Header End-->



            <!--Projects Page Start-->
            <section class="projects-page py-5">
                <div class="container">
                    <h1 class="text-center mb-5">Showcasing Nabir Foundation’s Dedication to Brighter Tomorrows</h1>
                </div>


                <div class="container">
                    <div class="row">


                        
                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation10.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation10.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->




                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation11.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation11.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation12.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation12.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->
                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation2.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation2.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->
                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation6.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation6.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->



                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation7.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation7.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->

                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation1.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation1.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->








                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation3.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation3.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation4.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation4.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->

                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation5.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation5.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->
















                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation8.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation8.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->





                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation9.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation9.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->






                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation13.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation13.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->

                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation14.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation14.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation15.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation15.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->




                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation16.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation16.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->



                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation17.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation17.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation18.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation18.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation19.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation19.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation20.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation20.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->


                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation21.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation21.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->

                        <!--Projects Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="projects-page__single">
                                <div class="projects-page__img">
                                    {{-- 410 x 380 --}}
                                    <img src="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation22.webp') }}"
                                        alt="Support Orphans through nabir foundation">
                                    <div class="projects-page__icon">
                                        <a class="img-popup"
                                            href="{{ asset('assets/imgs/media/Support-Orphans-through-nabir-foundation22.webp') }}"><span
                                                class="fas fa-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Projects Page Single Start-->

                    </div>
                </div>
            </section>
            <!--Projects Page End-->


            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection