<?php
include 'header.php';
?>

<!-- ==========Banner Section Starts Here========== -->
<section class="page-header bg_img" data-background="assets/images/banner/page-header.jpg">
    <div class="container">
        <div class="page-header-content">
            <h1 class="title">Contact Us</h1>
            <ul class="breadcrumb">
                <li>
                    <a href="index.php">Home</a>
                </li>
                <li>
                    Contact Us
                </li>
            </ul>
        </div>
    </div>
</section>
<!-- ==========Banner Section Ends Here========== -->





    <!-- ==========Contact Section Starts Here========== -->
    <section class="contact-section padding-top padding-bottom">
        <div class="container">
            <div class="contact-form-area">
                <h4 class="title">Leave A Message</h4>
                <form class="contact-form" id="contact_form_submit">
                    <div class="form-group">
                        <input type="text" placeholder="Your Name" id="name" name="name">
                    </div>
                    <div class="form-group">
                        <input type="text" placeholder="Your Email" id="email" name="email">
                    </div>
                    <div class="form-group">
                        <input type="text" placeholder="Phone" id="phone" name="phone">
                    </div>
                    <div class="form-group">
                        <input type="text" placeholder="Subject" id="subject" name="subject">
                    </div>
                    <div class="form-group w-100">
                        <textarea name="message" id="message" id="message" placeholder="Your Message"></textarea>
                    </div>
                    <div class="form-group w-100 text-center">
                        <button class="custom-button"><span>Send Message</span></button>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <!-- ==========Contact Section Ends Here========== -->


    <!-- ==========Map Section Starts Here========== -->
    <div class="map-section pos-rel">
        <div>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28055.43765379927!2d77.26064443588258!3d28.481663502639133!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce72c06815f59%3A0x6076ae869e9cf0d5!2sIDEAL%20PUBLIC%20SCHOOL!5e0!3m2!1sen!2sin!4v1721984189515!5m2!1sen!2sin" width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
        <div class="contact-area padding-bottom padding-top pt-lg-0 pb-lg-0">
            <div class="container">
                <div class="contact-wrapper">
                    <div class="contact-item">
                        <div class="contact-thumb">
                            <img src="assets/images/contact/01.png" alt="contact">
                        </div>
                        <div class="contact-content">
                            <h6 class="title">Class Sessions</h6>
                            <ul>
                                <li>Saturday - Monday</li>
                                <li>08:00 am – 01:30 am (Sun Closed)</li>
                            </ul>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-thumb">
                            <img src="assets/images/contact/02.png" alt="contact">
                        </div>
                        <div class="contact-content">
                            <h6 class="title">Address</h6>
                            <ul>
                                <li><?php if (!empty($address)) { echo $address; } ?></li>
                            </ul>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-thumb">
                            <img src="assets/images/contact/03.png" alt="contact">
                        </div>
                        <div class="contact-content">
                            <h6 class="title">Openning Hours</h6>
                            <ul>
                                <li>Sunday - Monday</li>
                                <li>08.00 am – 05.00 pm</li>
                            </ul>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-thumb">
                            <img src="assets/images/contact/04.png" alt="contact">
                        </div>
                        <div class="contact-content">
                            <h6 class="title">Phone & E-mail</h6>
                            <ul>
                                <li><a href="Tel:<?php if (!empty($phone1)) { echo $phone1; } ?>"><?php if (!empty($phone1)) { echo $phone1; } ?></a></li>
                                <li><a href="Tel:<?php if (!empty($phone2)) { echo $phone2; } ?>"><?php if (!empty($phone2)) { echo $phone2; } ?></a> <?php if (!empty($phone3)) { echo ", ".$phone3; } ?></li>
                                <li><a href="mailto:<?php if (!empty($email)) { echo $email; } ?>"><?php if (!empty($email)) { echo $email; } ?></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==========Map Section Ends Here========== -->

   


<?php
include 'footer.php';
?>