@extends('layouts.master')
@section ('content')

<!-- Start of Breadcrumbs  section
    ============================================= -->
    <section id="ori-breadcrumbs" class="ori-breadcrumbs-section position-relative" data-background="{{url('template/assets/img/bg/bread-bg.png')}}">
        <div class="container">
            <div class="ori-breadcrumb-content text-center ul-li">
                <h1 style="color: #724b2c;">Contacts</h1>
                <ul>
                    <li><a href="{{url('/')}}" style="color: #333333 !important;">Accueil</a></li>
                    <li style="color: #333333 !important;">Contacts</li>
                </ul>
            </div>
        </div>
        
    </section>  
<!-- End of Breadcrumbs section
    ============================================= -->

    <!-- Start of  google map  section
        ============================================= -->
        <div class="ori-google-map">
            <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15866.882516316897!2d1.2061578!3d6.1681524!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x102159164274c651%3A0x4dd2ef089617f1f3!2zU29jacOpdMOpIExPR0VY!5e0!3m2!1sfr!2stg!4v1696808933100!5m2!1sfr!2stg"  height="865"></iframe>
        </div>  
    <!-- End of  google map  section
        ============================================= -->

    <!-- Start of Contact form  section
        ============================================= -->
        <section id="ori-contact-form" class="ori-contact-form-section position-relative">
            <div class="container">
                <div class="ori-contact-form-content">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="ori-contact-form-text-info pera-content">
                                <h3 style="color: #333333;">Contactez-nous </h3>
                                <p>Nous sommes disponibles pour vous !.</p>
                                <div class="ori-contact-form-item-info">
                                    <div class="ori-contact-info d-flex align-items-center">
                                        <div class="info-icon d-flex align-items-center justify-content-center">
                                            <i class="fas fa-phone-alt"></i>
                                        </div>
                                        <div class="info-text pera-content">
                                            <h4>Téléphone</h4>
                                            <p>(+228)96 05 53 53</p>
                                        </div>
                                    </div>
                                    <div class="ori-contact-info d-flex align-items-center">
                                        <div class="info-icon d-flex align-items-center justify-content-center">
                                            <i class="fas fa-envelope"></i>
                                        </div>
                                        <div class="info-text pera-content">
                                            <h4>Email</h4>
                                            <p>infos@logexit.com</p>
                                        </div>
                                    </div>
                                    <div class="ori-contact-info d-flex align-items-center">
                                        <div class="info-icon d-flex align-items-center justify-content-center">
                                            <i class="fas fa-map-marker-alt"></i>
                                        </div>
                                        <div class="info-text pera-content">
                                            <h4>Localisation</h4>
                                            <p>262 BKK, Bè-Klikamé, Lomé-TOGO</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="ori-contact-form-wrap">
                                 <form action="#" method="get">
                                    <label>Votre nom *</label>
                                    <input type="text" name="name" placeholder="Ex:John DOE">
                                    <label>Email *</label>
                                    <input type="text" name="email" placeholder="doe@john.com">
                                    <label>Phone Number *</label>
                                    <input type="text" name="text" placeholder="22896055353">
                                    <label>Subject *</label>
                                    <label>Votre message *</label>
                                    <textarea name="message" placeholder="Votre message.. "></textarea>
                                    <button type="submit">Envoyer</button>
                                 </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!-- End of Contact Form section
        ============================================= -->    

  

        



    


@endsection