<!DOCTYPE html>
<html lang="zxx">
<head>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<!-- Page Title -->
    <title>Dr. Santosh Mane</title>
	<!-- Favicon Icon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
	<!-- Google Fonts Css-->
	<link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;display=swap" rel="stylesheet">
    
    <!-- Bootstrap Css -->
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- SlickNav Css -->
	<link href="css/slicknav.min.css" rel="stylesheet">
	<!-- Swiper Css -->
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<!-- Font Awesome Icon Css-->
	<link href="css/all.css" rel="stylesheet" media="screen">
	<!-- Animated Css -->
	<link href="css/animate.css" rel="stylesheet">
	<!-- Magnific Popup Core Css File -->
	<link rel="stylesheet" href="css/magnific-popup.css">
    <!-- Image Comparision Css File -->
	<link rel="stylesheet" href="css/twentytwenty.css">
	<!-- Mouse Cursor Css File -->
	<link rel="stylesheet" href="css/mousecursor.css">
	<!-- Main Custom Css -->
	<link href="css/custom.css" rel="stylesheet" media="screen">
</head>

<body>

  <!-- Header Start -->
	<?php include 'header.php';?>
  <!-- Header End -->

    <!-- Hero Section Start -->
	<div class="hero1 bg-image">
		<div class="hero-section1 hero-video" style="margin-bottom: -140px;">
            <!-- Video Start -->
            <div class="hero-bg-video">
             <img src="images/inner-banner.jpg" style="width:100%;height:auto;background-repeat:no-repeat;">
            </div>
            <!-- Video End -->
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <!-- Hero Content Start -->
                        <div class="hero-content">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h1 data-cursor="-opaque">&nbsp;</h1>
                            </div>
                            <!-- Section Title End -->
                        </div>
                        <!-- Hero Content End -->                    
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Hero Section End -->

  <div class="book-appointment" id="contact">
        <div class="container">
          <div class="row">
                <div class="col-lg-5">
                    <!-- Book Appointment Sidebar Start -->
                    <div class="book-appointment-sidebar">
                        <!-- Working Time Box Start -->
                        <div class="working-time-box wow fadeInUp">
                            <!-- Working Box Title Start -->
                            <div class="working-box-title">
                                <h3>Working Hours</h3>
                            </div>
                            <!-- Working Box Title End -->
                             <h5 style="color: #ffffff;font-size: 18px;padding-bottom: 20px;">Porwal Road Clinic</h5>
                             <p style="color: #ffffff;font-size: 15px;padding-bottom: 20px;">Porwal Road, L Square, Shop No. 09 (Upper), Lohegaon, Pune</p>
                            <!-- Working Time List Start -->
                            <div class="working-time-list">
                                <ul>
                                    <li><span>Monday To Saturday </span>10am - 1pm & 6pm - 9pm</li>
                                    <!-- <li><span>Saturday </span>9am - 4pm</li> -->
                                    <li><span>Sunday </span>Open (By Appointment)</li>
                                </ul>
                            </div><br>
                            <hr style="color: #ffffff;">
                            <!-- Working Time List End -->
                             <h5 style="color: #ffffff;font-size: 18px;padding-bottom: 20px;">Tingre Nagar Clinic</h5>
                              <p style="color: #ffffff;font-size: 15px;padding-bottom: 20px;">Tingre Nagar, Plot No. 70, Lane No.14, Opp. Tingre Garden</p>
                            <!-- Working Time List Start -->
                            <div class="working-time-list">
                                <ul>
                                    <li><span>Monday To Saturday </span>9am - 10am & 1pm - 2pm</li>
                                    <li><span>Monday To Saturday </span>5pm - 6am & 9pm - 10pm</li>
                                    <li><span>Sunday </span>Open(By Appointment)</li>
                                </ul>
                            </div>
                            <!-- Working Time List End -->
                        </div>
                        <!-- Working Time Box End -->
						
                    </div>
                    <!-- Book Appointment Sidebar End -->
                </div>

                <div class="col-lg-7">
                    <!-- Appointment Form Start -->
                    <div class="appointment-form wow fadeInUp" data-wow-delay="0.25s">
                        <div class="appointment-form-content">
                            <p>Fill out the form below to request your pediatric appointment. We'll confirm your time and send you a reminder.</p>
                        </div>
                        <!-- Form Start -->
                        <form id="appointmentForm" action="#" method="POST" data-toggle="validator">
                            <div class="row">
                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="name" class="form-control" id="name" placeholder="Enter Your Name" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">
                                    <input type="email" name ="email" class="form-control" id="email" placeholder="Enter Your Email" required>
                                    <div class="help-block with-errors"></div>
                                </div>


                                <div class="form-group col-md-6 mb-4">
                                    <input type="date" name="date" class="form-control" id="date" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">
                                    <input type="time" name="time" class="form-control" id="time" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="appointment-form-title">
                                    <h3>Reason For Visit</h3>
                                </div>

                                <div class="appointment-reason">
                                    <div class="reason-box">
                                        <input type="radio" id="routine" name="reason" value="Routine Checkup" checked>
                                        <label for="routine">Routine Checkup</label>
                                    </div>                                      
                                    <div class="reason-box">
                                        <input type="radio" id="new" name="reason" value="New Patient Visit">
                                        <label for="new">New Patient Visit</label>
                                    </div>
                                   
                                </div>

                                <div class="col-md-12">
                                    <button type="submit" class="btn-default">book appointment</button>
                                    <div id="msgSubmit" class="h3 hidden"></div>
                                </div>
                            </div>
                        </form>
                        <!-- Form End -->
                    </div>
                    <!-- Appointment Form End -->
                </div>
            </div>
        </div>
    </div>
  
	<!-- Google Map starts -->
    <div class="google-map">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Google Map Iframe Start -->
                    <div class="google-map-iframe">
					   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3781.8587356827825!2d73.8961356!3d18.580406399999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2c7af23490041%3A0xcc2cbab42f990814!2sDr%20Santosh%20Mane%20-%20Child%20Specialist%20in%20Viman%20nagar%20%7C%20Pediatrician%20%7CChild%20Clinic%20%26%20vaccination%20in%20Vishrantwadi%20Tingre%20Nagar!5e0!3m2!1sen!2sin!4v1761305418581!5m2!1sen!2sin" width="600" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <!-- Google Map Iframe End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Google Map Ends -->
<!-- Footer Start -->
	<?php include 'footer.php';?>
<!-- Footer End -->
  

    <!-- Jquery Library File -->
    <script src="js/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap js file -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Validator js file -->
    <script src="js/validator.min.js"></script>
    <!-- SlickNav js file -->
    <script src="js/jquery.slicknav.js"></script>
    <!-- Swiper js file -->
    <script src="js/swiper-bundle.min.js"></script>
    <!-- Counter js file -->
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Magnific js file -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- SmoothScroll -->
    <script src="js/SmoothScroll.js"></script>
    <!-- Parallax js -->
    <script src="js/parallaxie.js"></script>
	<!-- Image Comparision js -->
    <script src="js/jquery.event.move.js"></script>
	<script src="js/jquery.twentytwenty.js"></script>
    <!-- MagicCursor js file -->
    <script src="js/gsap.min.js"></script>
    <script src="js/magiccursor.js"></script>
    <!-- Text Effect js file -->
    <script src="js/SplitText.js"></script>
    <script src="js/ScrollTrigger.min.js"></script>
    <!-- YTPlayer js File -->
    <script src="js/jquery.mb.YTPlayer.min.js"></script>
    <!-- Wow js file -->
    <script src="js/wow.js"></script>
    <!-- Main Custom js file -->
    <script src="js/function.js"></script>
	<script src="assets/js/theme-panel.html"></script>
</body>
</html>