 <?php require 'includes/header.php'; ?>

 <link
   href="https://fonts.googleapis.com/css2?family=Lato&amp;family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Poppins:wght@100;200;300;400;500;600;700&amp;family=Ubuntu:wght@300;400;500;700&amp;display=swap"
   rel="stylesheet" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

 <main class="main">



   <div>
     <img src="assets/images/banner.png" alt="" width="100%">
   </div>


   <!-- About Section -->
   <section id="about" class="about section light-background" style="padding-bottom: 20px;">

     <!-- Section Title -->
     <div class="container section-titleq" data-aos="fade-up">
       <h2>Quick Facts</h2>
     </div><!-- End Section Title -->

     <div class="container" style="
    text-align: center;
">

       <div class="row gy-4">


         <div class="col-lg-3 content" data-aos="fade-up" data-aos-delay="100">

           <div class="Countdown" style="
    text-align: center;">
             <i class="bi bi-clock"></i>

             <h5>Conference Countdown</h5>
             <div id="countdown">
               <div style="text-align: center;"> <span id="days"></span>Days</div>
               <div style="text-align: center;"><span id="hours"></span>Hours</div>
               <div style="text-align: center;"><span id="minutes"></span>Minutes</div>
               <div style="text-align: center;"><span id="seconds"></span>Seconds</div>
             </div>
           </div>
         </div>

         <div class="col-lg-3 content" data-aos="fade-up" data-aos-delay="100">
           <div class="Countdown">
             <i class="bi bi-calendar"></i>
             <h5>Conference Date</h5>
             <p class="info-text">23rd - 25th October, 2026</p>
           </div>
         </div>

         <div class="col-lg-3 content" data-aos="fade-up" data-aos-delay="100">
           <div class="Countdown">
             <i class="bi bi-map"></i>
             <h5>Conference Venue</h5>
             <p class="info-text"> JIO World Convention Centre </p>
           </div>
         </div>


         <div class="col-lg-3" data-aos="fade-up" data-aos-delay="200">
           <br><br> <br><br>
           <a href="schedule-of-fees.php" class="read-more"><span>Register Now</span><i class="bi bi-arrow-right"></i></a>
         </div>



       </div>

     </div>

   </section><!-- /About Section -->







   <!-- About Section -->
   <section id="about" class="about section">

     <!-- Section Title -->
     <div class="container section-titleq" data-aos="fade-up">
       <h2>Welcome Message</h2>
     </div><!-- End Section Title -->

     <div class="container">

       <div class="row gy-4">

         <!--       <div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">-->

         <!--         <video controls ="" autoplay muted="" loop="" playsinline="" preload="metadata" width="100%" style="border-radius: 15px;">-->
         <!--  <source src="#" type="video/mp4">-->
         <!--</video>-->

         <!--       </div>-->

         <div class="col-lg-12" data-aos="fade-up" data-aos-delay="200">

       
           <p style="
    text-align: justify;
">


                        
          <p><em>ADVANCING THE SCIENCE OF SIGHT – "Focus. Foresight. Future."</em></p>            

          <p>Dear Friends and Esteemed Colleagues,</p>            

          <p>On behalf of the Navi Mumbai Raigad Ophthalmologists’ Association (NROA), it is our great pleasure to extend a warm and heartfelt invitation to <strong>MOSCON 2026</strong>, the 46th Annual Conference of the Maharashtra Ophthalmological Society.</p>            

          <p>Join us in the vibrant city of Mumbai from <strong>October 23rd to 25th, 2026</strong>, at the iconic <strong>JIO World Convention Centre</strong>. This state-of-the-art venue will provide the perfect backdrop for ophthalmologists from across the region to gather, share knowledge, and forge new connections. Our conference theme, <em>"Focus. Foresight. Future."</em>, reflects our commitment to exploring the latest breakthroughs and fostering a collaborative environment that will shape the future of eye care.</p>     


           <a href="invitation.php" class="read-more"><span>View More</span><i class="bi bi-arrow-right"></i></a>
         </div>

       </div>

     </div>

   </section><!-- /About Section -->





   <!-- Services Section -->
   <section id="call-to-action" class="call-to-action section dark-background">

     <img src="./assets/images/banner.png" width="100%" alt="">

     <div class="container">

       <div class="row" data-aos="zoom-in" data-aos-delay="100">
         <div class="col-xl-9 text-center text-xl-start">
           <h3>Register Today!!!</h3>
           <p>Registering online is fast and convenient. Register today at discounted registration fees.</p>
         </div>
         <div class="col-xl-3 cta-btn-container text-center">
           <a class="cta-btn align-middle" href="schedule-of-fees.php">Register Today</a>
         </div>
       </div>

     </div>

   </section><!-- /Call To Action Section -->



   <!-- Services Section -->
 <!--  <section id="about" class="about section light-background">-->

      
 <!--    <div class="container section-titleq" data-aos="fade-up">-->
 <!--      <h2> MOS OFFICE BEARERS - 2025</h2>-->
 <!--    </div> -->
 <!--    <br>-->

 <!--    <div class="container">-->
 <!--      <div class="row gy-4">-->


         
         

 


          

 <!--          <div class="col-md-4">-->
 <!--         <div class="profile-box">-->
 <!--           <img src="assets/images/committee/Dr. Shirish Thorat.png" alt="Dr. Nitin Upadhye" class="img-fluid">-->
 <!--           <h4>Dr. Shirish Thorat </h4>-->
 <!--           <p>President</p>-->
 <!--         </div>-->
 <!--       </div>-->

 <!--       <div class="col-md-4">-->
 <!--         <div class="profile-box">-->
 <!--           <img src="assets/images/committee/Dr. Viral Shah.png" alt="Dr. Shubhash Joshi" class="img-fluid">-->
 <!--           <h4>Dr. Viral Shah</h4>-->
 <!--           <p>Secretary</p>-->
 <!--         </div>-->
 <!--       </div>-->

 <!--       <div class="col-md-4">-->
 <!--         <div class="profile-box">-->
 <!--           <img src="assets/images/committee/Dr. Shon Chinchole.png" alt="Dr. Sagar Bhuibhar" class="img-fluid">-->
 <!--           <h4>Dr. Shon Chinchole</h4>-->
 <!--           <p>Treasurer</p>-->
 <!--         </div>-->
 <!--       </div>-->
 <!--<div class="col-md-2"></div>-->
 <!--       <div class="col-md-4">-->
 <!--         <div class="profile-box">-->
 <!--           <img src="assets/images/committee/Dr. Piyush Bansal.png" alt="Dr. Manish Wankhade" class="img-fluid">-->
 <!--           <h4>Dr. Piyush Bansal</h4>-->
 <!--           <p>Scientific Committee, Chairman</p>-->
 <!--         </div>-->
 <!--       </div>-->
       
          

        
 <!--        <div class="col-md-4 text-center d-flex align-items-center justify-content-center">-->
 <!--          <div class="mt-4">-->
 <!--            <a href="organising-committee.php" class="read-more  ">-->
 <!--              View More <i class="bi bi-arrow-right"></i>-->
 <!--            </a>-->
 <!--          </div>-->
 <!--        </div>-->
         

 <!--      </div> -->
 <!--    </div> -->

 <!--  </section>-->
   <!-- /Services Section -->


 


   <section id="services" class="services section  ">

     <!-- Section Title -->
     <div class="container section-titleq" data-aos="fade-up">
       <h2>VENUE </h2>
       <br>
       <br>
     </div>

     <!-- End Section Title -->

     <div class="container">

       <div class="row gy-4">
 <div class="row">
        <div class="col">
          <h5 class="text-center text-md-start">
            Jio World Convention Centre, Bandra Kurla Complex (BKC)
          </h5>
        </div>
      </div>

      <!-- Venue Description -->
      <div class="row">
        <div class="col">
          <p>
            With an area totalling 1,03,012 sq. m., Jio World Convention Centre is India’s foremost venue
            for best-in-class exhibitions, conventions, meetings and social events. The highly flexible
            and dynamic venue is equipped to simultaneously host physical, virtual and hybrid events.
          </p>
        </div>
      </div>

         <!-- Venue Description -->
         <div class="col-12 mt-2">
           <p>
                <div class="row">
        <div class="col-sm-3 mb-4">
          <img class="img-fluid rounded" src="img/facade1.jpg" alt="Facade 1" />
        </div>
        <div class="col-sm-3 mb-4">
          <img class="img-fluid rounded" src="img/facade2.jpg" alt="Facade 2" />
        </div>
        <div class="col-sm-3 mb-4">
          <img class="img-fluid rounded" src="img/facade3.jpg" alt="Facade 3" />
        </div>
        <div class="col-sm-3 mb-4">
          <img class="img-fluid rounded" src="img/facade4.jpg" alt="Facade 4" />
        </div>
      </div>

             <a href="venue.php" class="read-more  ">
               View More <i class="bi bi-arrow-right"></i>
             </a>
           </p>
         </div>
       </div>

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

   <section id="services" class="services section light-background">

     <!-- Section Title -->
     <div class="container section-titleq" data-aos="fade-up">
       <h2>MOSCON 2026  Highlights</h2>
       <br>
       <br>
     </div>

     <!-- End Section Title -->

     <div class="container">

       <div class="row gy-4">

         <div class="row">
           <div class="col-xl-4 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
             <div class="service-item position-relative" style="background-image: url(./assets/images/confrence/Meet.png); background-size: cover; text-align: center;">
               <div class="icon">
                 <img src="./assets/images/1.png" alt="Meet Icon" style="width: 50px; height: 50px;">
               </div>
               <br>
               <p style="color: #fff;">
                 An opportunity to meet and interact with learned National (100 plus) and International (10 plus) faculty.



               </p>
             </div>
           </div><!-- End Service Item -->
           <br>

           <div class="col-xl-4 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
             <div class="service-item position-relative" style="background-image: url(./assets/images/confrence/Learn.png); background-size: cover; text-align: center;">
               <div class="icon">
                 <img src="./assets/images/2.png" alt="Learn Icon" style="width: 50px; height: 50px;">
               </div>
               <br>
               <p style="color: #fff;">
                 Introduction to upcoming new technologies and research.

               </p>
             </div>
           </div><!-- End Service Item -->
           <br>
           <div class="col-xl-4 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
             <div class="service-item position-relative" style="background-image: url(./assets/images/confrence/Network.png); background-size: cover; text-align: center;">
               <div class="icon">
                 <img src="./assets/images/3.png" alt="Network Icon" style="width: 50px; height: 50px;">
               </div>
               <br>
               <p style="color: #fff;">
                 Updates on the latest concepts and developments presented in a framework of back to back session & panels. </p>
             </div>
           </div><!-- End Service Item -->
         </div>


       </div>



     </div>

   </section><!-- /Services Section -->

   <!--   <div id="myModal" class="modal fade" role="dialog">-->
   <!--  <div class="modal-dialog">-->
   <!-- Modal content-->
   <!--    <div class="modal-content">-->

   <!--      <div class="modal-body">-->
   <!--        <p>   <img src="assets/images/poops.jpeg" width="100%" /></p>-->
   <!--      </div>-->


   <!--  </div>-->
   <!--</div>-->
   <!--</div>-->



   <!-- Clients Section -->
   <!-- <section id="clients" class="clients section" style="margin-top: 35px;">

      <div class="container" data-aos="zoom-in">

           <div class="container section-title" data-aos="fade-up">
        <h2>Event Partners</h2>
      </div>

        <div class="swiper init-swiper">
          <script type="application/json" class="swiper-config">
            {
              "loop": true,
              "speed": 600,
              "autoplay": {
                "delay": 5000
              },
              "slidesPerView": "auto",
              "pagination": {
                "el": ".swiper-pagination",
                "type": "bullets",
                "clickable": true
              },
              "breakpoints": {
                "320": {
                  "slidesPerView": 2,
                  "spaceBetween": 40
                },
                "480": {
                  "slidesPerView": 3,
                  "spaceBetween": 60
                },
                "640": {
                  "slidesPerView": 4,
                  "spaceBetween": 80
                },
                "992": {
                  "slidesPerView": 5,
                  "spaceBetween": 120
                },
                "1200": {
                  "slidesPerView": 6,
                  "spaceBetween": 120
                }
              }
            }
          </script>
          <div class="swiper-wrapper align-items-center">
            <div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div>
          </div>
        </div>

      </div>

    </section> -->
   <!-- /Clients Section -->


   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <script src="js/jquery.countdown.min.js"></script>
   <script src="js/swiper.min.js"></script>
   <script src="js/scripts.js"></script>



   <script>
     $(window).load(function() {
       $('#myModal').modal('show').modal('close');
     });
   </script>


 </main>
 <?php require 'includes/footer.php'; ?>