<?php /* Template Name: Contact */ ?>


<?php get_header();?>

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="<?php echo get_template_directory_uri()?>/assets/images/innerbnr1.png" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Contact Us</h2>
                    </div>
                </div>
            </div>
        </div>
        <img src="<?php echo get_template_directory_uri()?>/assets/images/innrbanflr.png" class="inbnflr1" alt="">
    </div>
    <!-- End: Main Slider -->


    <section class=" contact1 ">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-4">
                    <div class="contactInfo" data-aos="fade-up">
                        <figure>
                            <img src="<?php echo get_template_directory_uri()?>/assets/images/pin1.png" alt="img">
                        </figure>
                        <h4><strong>Our Locations</strong></h4>
                        <p>123 Dummy Street 45 Building</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="contactInfo" data-aos="fade-up">
                        <figure>
                            <img src="<?php echo get_template_directory_uri()?>/assets/images/call1.png" alt="img">
                        </figure>
                        <h4><strong>Call Us</strong></h4>
                        <a href="tel:123-456-7890" class="bold"><strong>(123) 456-7890</strong></a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="contactInfo" data-aos="fade-up">
                        <figure>
                            <img src="<?php echo get_template_directory_uri()?>/assets/images/mail1.png" alt="img">
                        </figure>
                        <h4><strong>Email Us</strong></h4>
                        <a href="mailto:info@youremail.com">info@youremail.com</a>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section class="contactSec">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-md-12" data-aos="fade-left">
                    <h2 class="headings mb-3">Contact Us</h2>
                    <p>To send us a message, first leave your contact info so we can get back to you. </p>

                    <form class="contactForm contact-form" novalidate="novalidate">
                        <div class="row">
                            <div class="col-md-6">
                                <label>Name *</label>
                                <input type="text" class="form-control" name="fname" placeholder="">
                            </div>
                            <div class="col-md-6">
                                <label>Email *</label>
                                <input type="text" class="form-control" name="lname" placeholder="">
                            </div>
                            <div class="col-md-6">
                                <label>Subject *</label>
                                <input type="text" class="form-control" name="phone" placeholder="">
                            </div>
                            <div class="col-md-6">
                                <label>Order Number *</label>
                                <input type="text" class="form-control" name="email" placeholder="">
                            </div>


                            <div class="col-md-12">
                                <label>Write A Message...</label>
                                <textarea rows="6" class="form-control" name="msg" placeholder=""></textarea>
                            </div>
                            <div class="col-12 text-center">
                                <button class="">Submit Form</button>

                            </div>
                        </div>
                    </form>

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



    <section class="locationsec">
        <img src="<?php echo get_template_directory_uri()?>/assets/images/contactflr.png" class="img-fluid cntcpgeflr" alt="">
        <div class="container">
            <h2>Our Locations</h2>
            <div class="row">
                <div class="col-md-12">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6328279.979867454!2d-112.95180790064005!3d39.24331525336528!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1720435766658!5m2!1sen!2s" width="100%" height="513" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </section>
<?php get_footer();?>
