<!doctype html>
<html lang="zxx">

<?php
include 'include/head.php'
?>

<body>
    <!--==================== Header ====================-->
    <?php
include 'include/header.php'
?>
    <!--==================== News ====================-->
    
    <!--//End News -->
    <!--==================== Appointment ====================-->
    <section class="space background-bg4">
        <div class="container container-custom">
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <div class="appointment-form_wrap">
                        <div class="heading-style1">
                            <span>Online Booking</span>
                            <h2>Make an Appointment</h2>
                        </div>
                        <form action="#">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group form-group-cutom">
                                        <input type="email" class="form-control form-custom" placeholder="Enter Your Name">
                                        <i class="far fa-user"></i>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-group-cutom">
                                        <input type="number" class="form-control form-custom" placeholder="Enter phone number">
                                        <i class="fas fa-phone"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group form-group-cutom">
                                        <input type="text" class="form-control form-custom" placeholder="Enter Your City">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                </div>
                            
                            </div>
                            
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group form-group-cutom">
                                        <label for="exampleFormControlTextarea1">Issue</label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="#" class="btn btn-success">BOOK NOW</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-md-12 col-lg-6">
                    <iframe width="100%" height="100%" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3429.5676239879854!2d76.7886180746614!3d30.730553485739673!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fed9016936b71%3A0x6e13edb668b82c74!2sDr%20Jatinder%20Singla%20%7C%20Director%20Orthopedics%20%26%20Joint%20Replacement%20MAX%20Hospital%20Mohali%20%7C%20Best%20Knee%20Surgeon!5e0!3m2!1sen!2sin!4v1705921571149!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    
                </div>
            </div>
        </div>
    </section>
    <!--//End Appointment -->
    <!--==================== Testimonials ====================-->
    
    <!--//End Testimonials -->

    <!--==================== Footer ====================-->
    <?php
include 'include/footer.php'
?>
</body>

</html>