@extends('frontend.layouts.app')

@section('title', 'Upcoming Events - I Am Happy Healthcare Platform')

@section('content')
    <!--Page Title-->

    <section class="page-title" style="background-image:url({{ asset('img/PhotoRoom1.webp') }});">

        <div class="auto-container">

            <h1 class="text-dark">Upcoming Events</h1>

            <ul class="bread-crumb clearfix">

                <li><a href="{{ route('home') }}" class="text-dark">Home</a></li>

                <li class="text-dark">Upcoming Events</li>

            </ul>

        </div>

    </section>

    <!--End Page Title-->


    <section class="gallery-section" style="margin-top:-70px;">
        <div class="auto-container">
            <div class="row">
                <div class="news-block col-lg-6 col-md-12 col-sm-6 wow fadeInRight animated"
                    style="height: auto; visibility: visible; animation-name: fadeInRight;">
                    <div class="image-box" style="display: flex; justify-content: center; align-items: center;">
                        <figure class="image" style="height:auto; margin-right:-370px; margin-left:270px;">
                            <a href="#" data-toggle="modal" data-target="#imageModal">
                                <img src="https://www.imhappy.in/public/images/resource/Upcoming Event.png"
                                    alt="Centered Image" style="max-width: 100%; max-height: 100%;">
                            </a>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection