@extends('layout.master2')
@section('content')

<!-- Banner Start -->
<section class="page-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <span class="round-shape"></span>
                <h2 class="banner-title">Contact</h2>
                <div class="bread-crumb"><a href="{{url('/')}}">Accueil</a> / Contact</div>
            </div>
        </div>
    </div>
</section>    
<!-- Banner End -->

<!-- History Section Start -->
<section class="contact-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 col-md-7">
                <h3 class="sec-title">Notre localisation</h3>
                <div class="info-contact">
                    <h5>Adresse: <p> RN°1, Ancienne Police, Niamtougou-Togo</p></h5>
                    <h5>Téléphone: <p> +228 90 15 42 35 / +228 98 89 89 12 / +228 92 69 69 53</p></h5>
                    <h5>Email: <p> <a href="mailto:: oblodexcoentreprise@gmail.com">: oblodexcoentreprise@gmail.com</a></p></h5>
                    <h5>Social: 
                        <a href="#"><i class="twi-facebook"></i></a>
                        <a href="#"><i class="twi-instagram"></i></a>
                        <a href="#"><i class="twi-linkedin"></i></a>
                    </h5>
                </div>
            </div>
            <div class="col-lg-5 col-md-5">
                <div class="contact-thumb">
                    <img src="template/assets/images/contact.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="row mar-top-bottom">
            <div class="col-lg-12">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11714.30107317612!2d1.0962951201968667!3d9.781002387047394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x102b844b38caed4d%3A0x11a7943aa92f1075!2sNiamtougou!5e0!3m2!1sfr!2stg!4v1729079098943!5m2!1sfr!2stg" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                <!-- <div class="goru_map grayscale">
                    <iframe src="https://maps.google.com/maps?width=720&amp;height=600&amp;hl=en&amp;coord=39.966528,-75.158284&amp;q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland+(My%20Business%20Name)&amp;ie=UTF8&amp;t=p&amp;z=16&amp;iwloc=B&amp;output=embed"  scrolling="no"></iframe>
                </div> -->
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="sec-title">Nous écrire</h2>
                <p class="sec-desc">
                    Nous répondons à vos questions 
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="contact-form text-center">
                    <form action="#" method="post"  class="row">
                        <div class="col-lg-4 col-md-4">
                            <input type="text" name="nom" class="required" placeholder="Votre nom complet">
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <input type="email" name="email" class="required" placeholder="Votre Email">
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <input type="text" name="sujet" placeholder="Subject">
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <textarea name="message" class="required" placeholder="Votre message"></textarea>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <button type="submit" class="goru-btn">Envoyer</button>
                            <img src="template/assets/images/ajax.gif" alt="" class="goru_loader"/>
                            <div class="goru_con_message"></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- History Section End -->


@endsection