@extends('layouts.landing-layout')

@section('content')

    <main id="main">

        <section id="activities" class="services section-bg">
            <div class="container" data-aos="fade-up">

                <div class="section-title">
                    <h2>Prayer Times</h2>
                    {{--<p>Few activites of Darul Aman Masjid and Islamic Center.</p>--}}
                </div>

                <div class="row">

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_01.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3" style="margin-bottom: 60px">January</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_02.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">February</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_03.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">March</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_04.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3" style="margin-bottom: 60px">April</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_05.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">May</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_06.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">June</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_07.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3" style="margin-bottom: 60px">July</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_08.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">August</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_09.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">September</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_10.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">October</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_11.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">November</h2>
                    </div>

                    <div class="col-xl-4 col-md-6 d-flex align-items-stretch flex-column" data-aos="zoom-in" data-aos-delay="100">
                        <img src="{{ env('APP_PREFIX') }}/images/prayer-times/Prayer_Timetable_DAMIC_2025_v1.01_12.png"
                             data-gallery="portfolioGallery"
                             class="img-fluid animated portfolio-lightbox preview-link"
                             alt="">
                        <h2 class="text-center mt-3">December</h2>
                    </div>


                </div>

            </div>
        </section>

    </main>

@endsection