@extends('layouts.master')
@section('contactactive', 'current-menu-item')
@section('content')

<section class="slider">
    <!-- CSS STYLE-->
    <link rel="stylesheet" type="text/css" href="{{asset('template/css/style.css')}}" media="screen" />

    <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
    <script type="text/javascript" src="{{asset('template/rs-plugin/js/jquery.themepunch.plugins.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('template/rs-plugin/js/jquery.themepunch.revolution.min.js')}}"></script>

    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="{{asset('template/rs-plugin/css/settings.css')}}" media="screen" />

    <div class="tp-banner-fullscreen-container" >
        <div class="tp-banner" >
            <ul>
                <!-- SLIDE  -->
                <li data-transition="fade" data-slotamount="9" data-masterspeed="1000" >
                    <!-- MAIN IMAGE -->
                    <img src="{{asset('template/assets/img/page-title/contact.jpg')}}"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

                </li>
                
            </ul>
        </div>
    </div>

        <script type="text/javascript">
                jQuery(document).ready(function() {
                       jQuery('.tp-banner').revolution(
                        {
                            delay:9000,
                            startwidth:1502,
                            startheight:550,
                            hideThumbs:10,
                        });
                });
            </script>
</section>

       <!-- Main Content -->
       <div id="main-content" class="site-main clearfix">
           <div id="content-wrap" class="bg-color" >
               <div class="bg-color-overlay"></div>

              <section class="map">
                  <div class="container">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15866.53932722148!2d1.1956213!3d6.1796088!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdc487aba32e3f6a8!2sMiel%20des%20Savanes%20%2FLa%20Maison%20du%20Miel!5e0!3m2!1sfr!2stg!4v1645626458480!5m2!1sfr!2stg" width="1720" height="655" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                  </div>
              </section>


              <section class="contact-us">
                   <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="118" data-smobile="60"></div>
                   <div class="container">
                       <div class="row">
                           <div class="col-md-7">
                               <div>
                                   <h2 id="reply-title" class="comment-reply-title">Contactez nous :</h2>
                                   <form action="" method="post"  class="comment-form" novalidate="novalidate">
                                       <div class="text-wrap clearfix">
                                           <fieldset class="name-wrap">
                                               <span>Nom Complet :</span> 
                                               <div class="name-comment"><input type="text" id="name" class="tb-my-input" name="name" tabindex="1"  value="" size="32" aria-required="true" required></div>
                                               
                                           </fieldset>
                                           <fieldset class="email-wrap">
                                               <span>ADRESSE EMAIL :</span> 
                                               <div class="email-comment"><input type="email" id="email" class="tb-my-input" name="email" tabindex="2"  value="" size="32" aria-required="true" required></div>
                                               
                                           </fieldset>
                                       </div>                                  
                                       <fieldset class="message-wrap">
                                           <span>MESSAGE :</span> 
                                           <div class="message-comment"><textarea id="message" name="message" rows="8" tabindex="4"  aria-required="true" required></textarea></div>
                                           
                                       </fieldset>
                                       <button name="submit" type="submit" id="comment-reply" class="submit">ENVOYER</button>
                                   </form>
                               </div><!-- #respond -->
                           </div>
                           <div class="col-md-5">
                               <div class="information wow fadeInUp">
                                   <!-- <div class="infor infor-address">
                                       <div class="title">Adresse</div>
                                       <div class="content">121 King Street, Melbourne Victoria
                                           3000, Australia</div>
                                   </div> -->
                                   <div class="infor infor-phone">
                                       <span class="title">Telephone</span>
                                       <span class="content">(+228) 99 91 24 24 / 25 51 65 65</span>
                                   </div>
                                   <div class="infor infor-email">
                                       <span class="title">E-mail</span>
                                       <span class="content">mieldessavanestogo@gmail.com</span>
                                   </div>
                                   <div class="infor infor-social">
                                       <span class="title">Social</span>
                                       <ul class="content social-icon">
                                           <li><a class="fab fa-facebook-f" href="https://www.facebook.com/contactmieldessavanes/" target="_target"></a></li>
                                           <li><a style="color: #a13502" class="fab fa-youtube" href="https://www.youtube.com/watch?v=MoXBp4bMgI0"></a></li>
                                           <li><a style="color: #a13502" class="fab fa-tiktok" href="https://www.tiktok.com/@itvillageitvillag?_t=8XXTjZHhGFC&_r=1"></a></li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
              </section>


              

           </div><!-- /#content-wrap -->
       </div><!-- /#main-content -->

@endsection