<?php $__env->startSection('title'); ?>
Contact us || Jenny Uzo Foundation
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="assets/images/bg/bg1.jpg">
    <div class="container pt-100 pb-50">
        <!-- Section Content -->
        <div class="section-content pt-100">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="title text-white">Contact us</h3>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Section: contact us -->
<section class="bg-silver-light">
    <div class="container">
        <div class="section-content">
            <div class="row mt-30">
                <div class="col-md-6">
                    <h4 class="line-bottom">Connect with us:</h4>
                    <div class="volunteer-address">
                        <ul>
                            <li>
                                <div class="bg-white media border-bottom p-15 mb-20">
                                    <div class="media-left">
                                        <i class="fa fa-map-marker text-theme-colored font-24 mt-5"></i>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-0">Office Address:</h5>
                                        <p><span>Address:</span> 51 jacob zuma road by ugo onwusearaka new owerri axis owerri, Imo State</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bg-white media border-bottom p-15">
                                    <div class="media-left">
                                        <i class="fa fa-phone text-theme-colored font-24 mt-5"></i>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-0">Contact Phone:</h5>
                                        <p><span>Phone:</span> +234806068466, +2349070024733</p>
                                    </div>
                                </div>
                            </li><br>
                            <li>
                                <div class="bg-white media border-bottom p-15">
                                    <div class="media-left">
                                        <i class="fa fa-envelope-o text-theme-colored font-24 mt-5"></i>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-0">Contact Email:</h5>
                                        <p><span>Email:</span> info@jennyuzofoundation.org</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="clearfix">
                        <h4 class="line-bottom">Quick Contact:</h4>
                    </div>
                    <form id="contact-form" class="contact-form-transparent">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <input type="text" placeholder="Enter Name" id="contact_name" name="contact_name" required="" class="form-control">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Enter Email" id="contact_email" name="contact_email" class="form-control" required="">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input type="text" placeholder="Enter Subject" id="contact_subject" name="contact_subject" class="form-control" required="">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <textarea rows="5" placeholder="Enter Message" id="contact_message" name="contact_message" required class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                            <button data-loading-text="Please wait..." class="btn btn-flat btn-dark btn-theme-colored mt-5" type="submit">Send your message</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h4 class="line-bottom">Find Location:</h4>

                    <!-- Google Map HTML Codes -->
                    <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyALq5rxttxQpZFwogeCjruZYG9--PopsaI'></script>
                    <div style='overflow:hidden;height:400px;width:1200px;'>
                        <div id='gmap_canvas' style='height:400px;width:1200px;'></div>
                        <style>
                            #gmap_canvas img {
                                max-width: none !important;
                                background: none !important
                            }
                        </style>
                    </div>
                    <script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=443850d2e4f8e1e7bfa1318ae4d0de0928242d09'></script>
                    <script type='text/javascript'>
                        function init_map() {
                            var myOptions = {
                                zoom: 12,
                                center: new google.maps.LatLng(5.489059, 7.0175879),
                                mapTypeId: google.maps.MapTypeId.ROADMAP
                            };
                            map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);
                            marker = new google.maps.Marker({
                                map: map,
                                position: new google.maps.LatLng(5.489059, 7.0175879)
                            });
                            infowindow = new google.maps.InfoWindow({
                                content: '<strong>Jenny Uzo Foundation</strong><br>51 jacob zuma road by ugo onwusearaka new owerri axis<br>460271 owerri<br>'
                            });
                            google.maps.event.addListener(marker, 'click', function() {
                                infowindow.open(map, marker);
                            });
                            infowindow.open(map, marker);
                        }
                        google.maps.event.addDomListener(window, 'load', init_map);
                    </script>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
<!-- end main-content -->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\laragon\www\jennyfoundation\resources\views/frontend/contact.blade.php ENDPATH**/ ?>