@extends('front.layouts.master')
 @section('content')
 

     <section id="inner-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="inner-breadcrumb">
                        <h2>Event Details</h2>
                        <ul>
                            <li><a href="{{route('front.home')}}">Home</a></li>
                            <li><a href="{{route('front.event')}}">Events</a></li>
                            <li>
                                <p>CME on Bariatric and Metabolic Surgery conducted at Modern Hospital on 12th April,2014</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


<section class="py-5">
    <div class="container">
        <div class="row ">



            <div class="col-lg-8">


                <div class="single-blog-details event-single">

                    <div class="single-blog-img">
                        <img src="{{ asset('uploads/events/CME-on-Bariatric 1.jpeg') }}" class="img-fluid" alt="">
                    </div>

                    <div class="blog-intro mt-3">
                        <h4>CME on Bariatric and Metabolic Surgery conducted at Modern Hospital on 12th April,2014</h4>
                        <div class="blog-posted">
                            <ul>


                                <li>
                                    <p>
                                        <i class="fa-solid fa-calendar-days"></i>
                                        Event Date : 12-April-2014
                                    </p>
                                </li>
                            </ul>
                        </div>

                        <div class="blog-post-content">
                            <p>CME on Bariatric and Metabolic Surgery conducted at Modern Hospital on 12th April,2014 With Live Workshop of obesity cases, Gastric Bypass and Sleeve Gastrectomy.</p>
                        </div>
                    </div>

                </div>







                    <!-- Heading -->
                        <div class="d-flex justify-content-between align-items-center py-4">
                        <h3 class="mb-0 fw-semibold">
                            <span class="text-warning me-2">▧</span>
                            Event Gallery
                        </h3>
                    </div>



<div class="event-gallery row mb-4 mb-md-0" id="eventGallery">

    <!-- Image 1 -->
    <div class="col-lg-4 col-md-6 col-6">
        <a href="{{ asset('uploads/events/CME-on-Bariatric-Surgery-2.jpeg') }}"
           class="event-gallery-item"
           data-fancybox="event-gallery">

            <img src="{{ asset('uploads/events/CME-on-Bariatric-Surgery-2.jpeg') }}"
                 alt="Event Gallery Image 1">

        </a>
    </div>

    <!-- Image 2 -->
    <div class="col-lg-4 col-md-6 col-6">
        <a href="{{ asset('uploads/events/Bariatric-Surgery Workshop-3.jpeg') }}"
           class="event-gallery-item"
           data-fancybox="event-gallery">

            <img src="{{ asset('uploads/events/Bariatric-Surgery Workshop-3.jpeg') }}"
                 alt="Event Gallery Image 2">

        </a>
    </div>

    <!-- Image 3 -->
    <div class="col-lg-4 col-md-6 col-6">
        <a href="{{ asset('uploads/events/Bariatric-Surgery-Workshop -4.jpeg') }}"
           class="event-gallery-item"
           data-fancybox="event-gallery">

            <img src="{{ asset('uploads/events/Bariatric-Surgery-Workshop -4.jpeg') }}"
                 alt="Event Gallery Image 3">

        </a>
    </div>


</div>







            </div>


{{-- 
            <div class="col-lg-4 col-sm-4">
                <div class="recent-blog-post">

                    <h4>Recent Events</h4>

                    <div class="blogs-list">

                        <div class="blogs-list-view d-flex gap-3 mb-3">

                            <!-- Blog Image -->
                            <div class="recent-blog-img flex-shrink-0">
                                <img src="http://localhost/modern-hospital/uploads/blog/64Xgz0aN1779270736.png"
                                    class="img-fluid w-100 h-100"
                                    alt="How to Improve Immunity Naturally Expert Backed Tips">
                            </div>

                            <!-- Blog Content -->
                            <div class="recent-blog-text">
                                <h5>
                                    <a href="http://localhost/modern-hospital/blog-detail/1">
                                       Laparoscopic Cadaver Workshop on Hernia Repair
                                    </a>
                                </h5>

                                <div class="blog-posted inner-recent">
                                    <ul>
                                       
                                        <li>
                                            <p>
                                                <i class="fa-solid fa-calendar-days"></i>
                                                20-May-2026
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            

                        </div>



                         <div class="blogs-list-view d-flex gap-3 mb-3">

                            <!-- Blog Image -->
                            <div class="recent-blog-img flex-shrink-0">
                                <img src="http://localhost/modern-hospital/uploads/blog/64Xgz0aN1779270736.png"
                                    class="img-fluid w-100 h-100"
                                    alt="How to Improve Immunity Naturally Expert Backed Tips">
                            </div>

                            <!-- Blog Content -->
                            <div class="recent-blog-text">
                                <h5>
                                    <a href="http://localhost/modern-hospital/blog-detail/1">
                                       Laparoscopic Cadaver Workshop on Hernia Repair
                                    </a>
                                </h5>

                                <div class="blog-posted inner-recent">
                                    <ul>
                                       
                                        <li>
                                            <p>
                                                <i class="fa-solid fa-calendar-days"></i>
                                                20-May-2026
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            

                        </div>



                         <div class="blogs-list-view d-flex gap-3 mb-3">

                            <!-- Blog Image -->
                            <div class="recent-blog-img flex-shrink-0">
                                <img src="http://localhost/modern-hospital/uploads/blog/64Xgz0aN1779270736.png"
                                    class="img-fluid w-100 h-100"
                                    alt="How to Improve Immunity Naturally Expert Backed Tips">
                            </div>

                            <!-- Blog Content -->
                            <div class="recent-blog-text">
                                <h5>
                                    <a href="http://localhost/modern-hospital/blog-detail/1">
                                       Laparoscopic Cadaver Workshop on Hernia Repair
                                    </a>
                                </h5>

                                <div class="blog-posted inner-recent">
                                    <ul>
                                       
                                        <li>
                                            <p>
                                                <i class="fa-solid fa-calendar-days"></i>
                                                20-May-2026
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            

                        </div>

                    </div>

                </div>
            </div> --}}






        </div>
    </div>
</section>

 @endsection