@extends('layouts.app')

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

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and 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' => 'Events List',
            ])
            <!--Page Header End-->

            <!--Event List Start-->
            <section class="events-list">
                <div class="container">
                    <div class="events-list__inner">
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-1.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">Donation Drive</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>Jan, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-2.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">win-win survival</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>Feb, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-3.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">Children Education.</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>Mar, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-4.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">Help For Ecosystem</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>Apr, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-5.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">Water For All</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>May, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                        <!--Event List Single Start-->
                        <div class="events-list__single-and-date">
                            <div class="events-list__single">
                                <div class="events-list__img">
                                    <img src="assets/images/event/event-list--1-6.jpg" alt="">
                                </div>
                                <div class="events-list__content">
                                    <h3 class="events-list__title"><a href="{{ route('events-details') }}">Vaccine Aid Camp</a></h3>
                                    <p class="events-list__text">Lorem Ipsum is simply dummy a of the printing and
                                        type setting industry Loreaim Ipsum has Southern grayling trout-perch. printing and
                                        type setting industry Loreaim Ipsum has</p>
                                    <ul class="events-list__date list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-clock"></span>
                                            </div>
                                            <p><span>September 30,</span> 10:00 AM - <span>October 31,</span> 18:00
                                                PM</p>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-map-marker-alt"></span>
                                            </div>
                                            <p>6391 Elgin St. Celina, 10299</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="events-list__date-box">
                                <p>22
                                    <br> <span>Jun, 24</span>
                                </p>
                            </div>
                        </div>
                        <!--Event List Single End-->
                    </div>
                </div>
            </section>
            <!--Event Page End-->


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

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


    </div>
@endsection