<?= $this->extend('layouts/master') ?>

<?= $this->section('content') ?>
<!-- slider
    ================================================== -->


<!-- content
    ================================================== -->
<div id="content">

    <!-- Page Banner -->
    <div class="page-banner">
        <div class="container">
            <h2>Contact Us</h2>
            <ul class="page-tree">
                <li><a href="/">Home</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
    </div>

    <!-- Map box -->
    <!-- div class="map">
    </div -->

    <!-- <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3314.2214159859145!2d-84.61530898396445!3d33.83240013672915!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f522991d3be3cd%3A0x2b1bfc3fdd13919a!2sClay%20Plaza%20Shopping%20Center%2C%204968%20Austell%20Rd%20%23148%2C%20Austell%2C%20GA%2030106!5e0!3m2!1sen!2sus!4v1631456321742!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe> -->
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3312.4378219183395!2d-84.59127842321968!3d33.87837637322297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f517c1de7b0dbb%3A0x6a0669a3bb2b4ff!2s3077%20Austell%20Rd%2C%20Marietta%2C%20GA%2030008!5e0!3m2!1sen!2sus!4v1681566409227!5m2!1sen!2sus" width="100%" height="450px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    <!-- contact box -->
    <div class="contact-box">
        <div class="container">
            <div class="row">

                <div class="col-md-3">
                    <div class="contact-information">
                        <h3  style="font-weight: bold; ">Contact info</h3>
                        <ul class="contact-information-list">
                            <li><span><i class="fa fa-home"></i>3077 Austell Rd Marietta, GA 30008</span></li>
                            <li><span><i class="fa fa-phone"></i>770-778-0088</span></li>
                            <li><a href="#"><i class="fa fa-envelope"></i>contact@kevkemchiro.com</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="contact-information">
                        <h3  style="font-weight: bold; ">Working hours</h3>
                        <p class="work-time"><span>Mon</span> : 10AM - 1:30PM  & 3:30PM - 6:30PM</p>
                        <p class="work-time"><span>Tue</span> : 10AM - 1:30PM  & 3:30PM - 6:00PM</p>
                        <p class="work-time"><span>Wed</span> : 10AM - 1:30PM  & 3:30PM - 6:30PM</p>
                        <p class="work-time"><span>Thu</span> : 10AM - 1:30PM  & 3:30PM - 6:00PM</p>
                        <p class="work-time"><span>Fri</span> : 10AM - 1:30PM  & 3:30PM - 6:30PM</p>
                        <p class="work-time"><span>Sat</span> : By Appt  Closed</p>
                        <p class="work-time"><span>Sun</span> : Closed  - Closed</p>
                    </div>
                </div>

                <div class="col-md-6">
                    <h3  style="font-weight: bold; ">Send us a message</h3>
                    <form id="contact-form" method="post" action="/contact/">
                        
                        <div style="color:red"><strong><?=$message?></strong></div>
                                <div class="text-input">
                                    <div class="float-input">
                                        <input name="name" id="name" type="text" placeholder="name" value="<?=$name?>">
                                        <span><i class="fa fa-user"></i></span>
                                    </div>

                                    <div class="float-input2">
                                        <input name="email" id="mail" type="text" placeholder="email" value="<?=$email?>">
                                        <span><i class="fa fa-envelope"></i></span>
                                    </div>
                                </div>

                                <div class="textarea-input">
                                    <textarea name="comment" id="comment" placeholder="message"><?=$body?></textarea>
                                    <span><i class="fa fa-comment"></i></span>
                                </div>

                                <div id="msg" class="message"></div>
                                <!-- input type="submit" id="submit_contact" value="Send Message" onclick="document.getElementById('contact-form').submit();return false;" -->
                                <input type="submit" id="submit_contact" value="Send Message" >

                    </form>
                </div>

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

</div>
<!-- End content -->

<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.migrate.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/assets/js/gmap3.min.js"></script>
<script type="text/javascript" src="/assets/js/retina-1.1.0.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins-scroll.js"></script>
<script type="text/javascript" src="/assets/js/script.js"></script>


<!-- End content -->
<?= $this->endSection() ?>



	