@extends('layouts.master')
@section('title', 'Apropos')
@section('contactactive', 'active') 
@section('content')
        
        <div class="page-content">
        
            <!-- INNER PAGE BANNER -->
            <div class="mt-bnr-inr overlay-wraper bg-parallax bg-top-center"  data-stellar-background-ratio="0.5"  style="background-image:url(template/images/banner/1.jpg);">
                <div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="mt-bnr-inr-entry">
                        <div class="banner-title-outer">
                            <div class="banner-title-name">
                                <h2 class="m-b0">ELYT BTP, votre partenaire de confiance pour des finitions parfaites et durables</h2>
                            </div>
                        </div>
                        <!-- BREADCRUMB ROW -->                            
                        
                            <div>
                                <ul class="mt-breadcrumb breadcrumb-style-2">
                                    <li><a href="{{url('/')}}">Accueil</a></li>
                                    <li>Contact</li>
                                </ul>
                            </div>
                        
                        <!-- BREADCRUMB ROW END -->                        
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->

             <div class="section-full p-tb80 inner-page-padding">
                 <!-- LOCATION BLOCK-->
                 <div class="container">
                 
                     <!-- GOOGLE MAP & CONTACT FORM -->
                     <div class="section-content">
                         <!-- CONTACT FORM-->
                         <div class="row">
                            <div class="col-lg-8 col-md-12">
                                <form class="contact-form cons-contact-form" method="post" action="javascript:void(0)">
                                     <div class="contact-one m-b30">
                                     
                                         <!-- TITLE START -->
                                         <div class="section-head">
                                             <div class="mt-separator-outer separator-left">
                                                 <div class="mt-separator">
                                                     <h2 class="text-uppercase sep-line-one ">Contactez nous</h2>
                                                 </div>
                                             </div>
                                         </div>                   
                                         <!-- TITLE END --> 
                                         <div class="contact-one-inner">                                   
                                             <div class="form-group">
                                                 <input name="username" type="text" required class="form-control" placeholder="Nom">
                                             </div>
                                     
                                             <div class="form-group">
                                                 <input name="email" type="text" class="form-control" required placeholder="Email">
                                             </div>
                                     
                                             <div class="form-group">
                                                 <textarea name="message" rows="4" class="form-control " required placeholder="Message"></textarea>
                                             </div>
                                         
                                             <div class="text-right">
                                                 <button name="submit" type="submit" value="Submit" class="site-button btn-effect">Envoyer
                                                         
                                                 </button>
                                             </div>
                                         </div> 
                                     </div>
                                 </form>
                             </div>                        
                             <div class="col-lg-4 col-md-12">
                                <div class="contact-info m-b30">
                                     <!-- TITLE START -->
                                     <div class="section-head">
                                         <div class="mt-separator-outer separator-left">
                                             <div class="mt-separator">
                                                 <h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Contact</span> Info</h2>
                                             </div>
                                         </div>
                                     </div>                   
                                     <!-- TITLE END --> 
                                     <div class="contact-one-inner-right site-bg-dark text-white">                          
                                         <div class="mt-icon-box-wraper left p-b40">
                                             <div class="icon-xs"><i class="fa fa-phone"></i></div>
                                             <div class="icon-content">
                                                 <h5 class="m-t0 font-weight-500">Phone number</h5>
                                                 <p>(+228) 93 64 64 24 | 97 99 99 24</p>
                                             </div>
                                         </div>
                                         
                                         <div class="mt-icon-box-wraper left p-b40">
                                             <div class="icon-xs"><i class="fa fa-envelope"></i></div>
                                             <div class="icon-content">
                                                 <h5 class="m-t0 font-weight-500">Email address</h5>
                                                 <p>infos@elytbtp.com</p>
                                             </div>
                                         </div>
                                         
                                         <div class="mt-icon-box-wraper left">
                                             <div class="icon-xs"><i class="fa fa-map-marker"></i></div>
                                             <div class="icon-content">
                                                 <h5 class="m-t0 font-weight-500">Adresse</h5>
                                                 <p>Lome-Togo</p>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>                        
                         </div>
                     </div>
                     
                     <!-- <div class="gmap-outline">
                         <div class="google-map" style="width: 100%">
                             <iframe height="460" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5543.044383174594!2d-73.98517634822427!3d40.753964399662806!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a938897f87%3A0x77a53418bbd56c17!2s34%20St%20-%20Herald%20Sq!5e0!3m2!1sen!2sin!4v1658249652295!5m2!1sen!2sin"></iframe>
                         </div>
                     </div> -->                   
                 </div>
            </div>

            



                      
            
        </div>

@endsection