@extends('layouts.app')
@section('contact')
  <!-- inner banner -->
  <div class="inner-banner">
      <section class="w3l-breadcrumb">
          <div class="container">
              <h4 class="inner-text-title font-weight-bold text-white mb-sm-3 mb-2">Contact</h4>
              <ul class="breadcrumbs-custom-path">
                  <li><a href="{{route('index')}}">Accueil</a></li>
                  <li class="active"><span class="fa fa-chevron-right mx-2" aria-hidden="true"></span> Contact</li>
              </ul>
          </div>
      </section>
  </div>
  <!-- //inner banner -->
<!-- contact -->
  <section class="w3l-contacts-12 py-5">
    <div class="container py-lg-5 py-md-4 py-3">
        <h3 class="title-style mb-5">Contactez-nous</h3>
        <div class="row contact-grids">
            <div class="col-lg-7 contacts12-main">
                <form action="#url" method="post" class="signin-form">
                    <div class="row input-grids">
                        <div class="col-sm-6">
                            <input type="text" name="w3lName" placeholder="Nom complet" class="contact-input" />
                        </div>
                        <div class="col-sm-6 mt-sm-0 mt-4">
                            <input type="email" name="w3lSender" placeholder="Votre email" class="contact-input" />
                        </div>
                    </div>
                    <div class="row input-grids my-4">
                        <div class="col-sm-6">
                            <input type="text" name="w3lSubect" placeholder="Objet" class="contact-input" />
                        </div>
                        <div class="col-sm-6 mt-sm-0 mt-4">
                            <input type="text" name="w3lName" placeholder="Numéros" class="contact-input" />
                        </div>
                    </div>
                    <textarea name="w3lMessage" placeholder="Ecrire son message ici" required=""></textarea>
                    <button class="btn button-style mt-5">Envoyer</button>
                </form>
            </div>
            <div class="col-lg-5 contact-right pl-xl-5 mt-lg-0 mt-5">
                <div class="details-style d-flex">
                    <span class="fa fa-map"></span>
                    <div class="location-info">
                        <span>Location</span>
                        <p> Riviera 5 – Abatta à 100 m du Supermarché AB Center</p>
                        <p>LOKOSSUE CONNECT, 934F+P9C, Abidjan</p>
                        <p>6 BP 22 Abidjan 06</p>
                    </div>
                </div>
                <div class="details-style d-flex">
                    <span class="fa fa-envelope-open"></span>
                    <div class="email-info">
                        <span>Avez-vous des questions?</span>
                        <a href="mailto:hello@lokossue.com"> hello@lokossue.com</a>
                    </div>
                </div>
                <div class="details-style d-flex">
                    <span class="fa fa-phone"></span>
                    <div class="email-info">
                        <span>Numéros</span>
                        <a href="tel:(+225) 07 09 63 81 60"> (+225) 07 09 63 81 60</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="map">
          <iframe
            src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d63558.75800162!2d-4.000229655738872!3d5.352331564557251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0xfc1eb71ee07ed2b%3A0xed29f7f6658178ac!2sCarrefour%20de%20la%20Vie%2C%20Boulevard%20des%20Martyrs%2C%20Abidjan!3m2!1d5.3485889!2d-4.0024144!4m5!1s0xfc1ed3bdbf15037%3A0x1077b15ed8626071!2s934F%2BP9C%20LOKOSSUE%20CONNECT%2C%20Abidjan!3m2!1d5.3568001!2d-3.9266003!5e0!3m2!1sfr!2sci!4v1641330368956!5m2!1sfr!2sci"
            allowfullscreen="">
          </iframe>
        </div>
    </div>
  </section>
  <!-- //contact page -->

@endsection