@extends('front.include.app')
@section('content')
    <!-- Add the evo-calendar.css for styling -->
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/evo-calendar@1.1.2/evo-calendar/css/evo-calendar.min.css" />
    <!-- Add jQuery library (required) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

    <!-- Add the evo-calendar.js for.. obviously, functionality! -->
    <script src="https://cdn.jsdelivr.net/npm/evo-calendar@1.1.2/evo-calendar/js/evo-calendar.min.js"></script>
    <div class="inner-bann">
        <img src="{{ asset('front/images/inner-ban.webp') }}" class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row text-center">
                    <div class="col-md-12">
                        <h2>Evo</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="calender">
        <div class="container text-center">
            <div class="text-center aos-init aos-animate mb-5" data-aos="fade-up">
                <h3 class="subHead">Upcoming Events</h3>
                <h2 class="mainHead">stay Updated with Our Calendar</h2>
            </div>
            <div class="calendar"></div>

        </div>
    </section>
    
@endsection