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

        <section class="slider">
            <div class="page-tittle style-2">
                <div class="background ">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
                    <defs>
                        <linearGradient id="grad1">
                            <stop offset="0%" stop-color="#fffbe6"/>
                            <stop offset="100%" stop-color="#f6ebe5" />
                        </linearGradient>
                    </defs>
                    <!-- <path fill="url(#grad1)" d="M0,0L0,10C96,65,192,90,288,160C384,220,480,225,576,229C672,230,768,220,864,185C960,152,1056,155,1152,149C1248,153,1344,155,1392,165L1440,100L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                    </svg> -->
                    <div class="circle-1"><img src="template/assets/img/page-title/img-page-tittle-3.png" alt="Image"></div>
                    <div class="circle-2"></div>
                </div>
                <div class="container">
                    <div class="page-tittle-top padding-bottom-65">
                        <ul class="tittle-socical-icon">
                            <li><a href="https://wa.me/+2289992424"><i class="fab fa-facebook-f"></i> </a> </li>
                            <li><a class="active" href="https://wa.me/+2289992424"><i class="fab fa-twitter"></i> </a> </li>
                            <!-- <li><a href="https://wa.me/+2289992424"><i class="fab fa-tumblr"></i> </a> </li>
                            <li><a href="https://wa.me/+2289992424"><i class="fab fa-pinterest"></i> </a> </li>
                            <li><a href="https://wa.me/+2289992424"><i class="fab fa-vimeo-v"></i> </a> </li> -->
                        </ul>
                        <!-- <div class="login margin-top-2">
                            <span>Welcome visitor you can</span>
                            <a href="https://wa.me/+2289992424"> Login or Register !</a>
                        </div> -->
                        <!-- <div class="cart">
                            <div class="item"><span> (Item: 02) </span></div>
                            <div class="add-cart"><a href="https://wa.me/+2289992424"> COMMANDER </a></div>
                        </div> -->
                    </div>
                </div>
            </div>
            
            <div class="themesflat-slider slider1 clearfix" data-margin="0" data-item="1" data-item2="1" data-item3="1" data-auto="true" data-nav="true" data-dots="true">
                <div class="owl-carousel owl-theme">                                 
                    <div class="slider-item">
                        <div class="page-tittle style-2 padding-top-58">
                            <!-- <img src="template/assets/img/page-title/img-page-tittle-4.png" alt="Image" class="img-tittle-4"> -->
                            <div class="container">
                                <div class="heading-tittle ">
                                    
                                    <h1 class="title">Miel des<span> Savanes</span>
                                        <img src="template/assets/img/page-title/img-page-tittle-1.png" alt="Image">
                                    </h1>
                                    <p class="sub-title">Du miel naturel et de qualité pour vous et vos proches!</p>
                                    <a href="{{url('/contact')}}" class="button color-2 button-buy-no-money"><span>Contactez-nous</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slider-item">
                        <div class="page-tittle style-2 padding-top-58">
                            <!-- <img src="template/assets/img/page-title/img-page-tittle-2.png" alt="Image" class="img-tittle-4"> -->
                            <div class="container">
                                <div class="heading-tittle ">
                                    
                                    <h1 class="title">Miel des<span> savanes </span> 
                                        <img src="template/assets/img/page-title/img-page-tittle-1.png" alt="Image">
                                    </h1>
                                    <p class="sub-title">Le produit du nectar des fleurs de la savane profonde.</p>
                                    <a href="{{url('/contact')}}" class="button  color-2 button-buy-no-money"><span>Contactez-nous</span></a>
                                </div>
                            </div>
                        </div>
                    </div>                                                                                         
                </div>
            </div>
            

        </section> 
--}}

        
        


                <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/bg.jpg')}}"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">

                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 -->
                            <!-- <div class="tp-caption lightgrey_divider skewfromrightshort fadeout"
                                data-x="85"
                                data-y="224"
                                data-speed="500"
                                data-start="1200"
                                data-easing="Power4.easeOut">My Caption
                            </div> -->
                            
                            <!-- LAYER NR. 3 -->
                                                <!-- <div class="tp-caption large_bold_personnal skewfromrightshort customout"
                                                    data-x="110"
                                                    data-y="196"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="500"
                                                    data-start="800"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 4">Miel
                                                </div>
 -->
                                                <!-- LAYER NR. 4 -->
                                                <!-- <div class="tp-caption medium_thin_personnal skewfromleftshort customout"
                                                    data-x="365"
                                                    data-y="225"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="500"
                                                    data-start="900"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 5">des
                                                     
                                                </div> -->

                                                <!-- LAYER NR. 6 -->
                                                <!-- <div class="tp-caption large_bold_personnal skewfromleftshort customout"
                                                    data-x="205"
                                                    data-y="272"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="300"
                                                    data-start="1100"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 7">
                                                    savanes
                                                </div> -->
                            <!-- LAYER NR. 7 -->
                                                <!-- <div class="tp-caption medium_light_blanc customin customout"
                                                    data-x="110"
                                                    data-y="395"
                                                    data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="500"
                                                    data-start="1300"
                                                    data-easing="Power4.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 8">Du miel naturel 
                                                </div> -->
                                <!-- LAYER NR. 13 -->
                                                    <!-- <div class="tp-caption  medium_bg_orange skewfromright customout"
                                                        data-x="110" data-hoffset="-90"
                                                        data-y="490" data-voffset="-200"
                                                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                        data-speed="500"
                                                        data-start="1900"
                                                        data-easing="Back.easeOut"
                                                        data-endspeed="500"
                                                        data-endeasing="Power4.easeIn"
                                                        data-captionhidden="on"
                                                        style="z-index: 14">
                                                        <a href="{{url('/contact')}}" style="color: #ffffff"><span>Contactez-nous</span></a>
                                                    </div> -->
                            
                            <!-- LAYER NR. 9 -->

                            <div class="caption"  data-x="right" data-hoffset="-190" data-y="300" data-speed="300" data-start="200" style="padding-right: 50px">
                                <img src="{{asset('template/assets/img/bg-footer1.png')}}" style="position: absolute; top: 3%; left: -1.2%; -webkit-animation: animation-img 2s infinite;animation: animation-img 2s infinite;"></div>

                        </li>
                        <!-- SLIDE  -->
                        <li data-transition="lfr" data-slotamount="9" data-masterspeed="1000" >
                            <!-- MAIN IMAGE -->
                            <img src="{{asset('template/background2.png')}}"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                                                <!-- <div class="tp-caption large_bold_personnal2 skewfromrightshort customout"
                                                    data-x="545"
                                                    data-y="196"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="500"
                                                    data-start="800"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 4">Miel
                                                </div>

                                                <div class="tp-caption large_bold_personnal2 skewfromleftshort customout"
                                                    data-x="545"
                                                    data-y="292"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="500"
                                                    data-start="900"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 5">des
                                                     
                                                </div>

                                                <div class="tp-caption large_bold_personnal2 skewfromleftshort customout"
                                                    data-x="545"
                                                    data-y="372"
                                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                    data-speed="300"
                                                    data-start="1100"
                                                    data-easing="Back.easeOut"
                                                    data-endspeed="500"
                                                    data-endeasing="Power4.easeIn"
                                                    data-captionhidden="on"
                                                    style="z-index: 7">
                                                    savanes
                                                </div> -->

                                                    <!-- <div class="tp-caption  medium_bg_darkblue skewfromright customout"
                                                        data-x="300" data-hoffset="-90"
                                                        data-y="490" data-voffset="-200"
                                                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                                        data-speed="500"
                                                        data-start="1900"
                                                        data-easing="Back.easeOut"
                                                        data-endspeed="500"
                                                        data-endeasing="Power4.easeIn"
                                                        data-captionhidden="on"
                                                        style="z-index: 14">
                                                        <a href="{{url('/contact')}}" style="color: #ffffff"><span>Contactez-nous</span></a>
                                                    </div> -->
                            
                            <!-- LAYER NR. 9 -->

                            <div class="caption"  data-x="right" data-hoffset="-190" data-y="300" data-speed="300" data-start="200" style="padding-right: 50px">
                                <img src="{{asset('template/assets/img/bg-footer1.png')}}" style="position: absolute; top: 3%; left: -1.2%; -webkit-animation: animation-img 2s infinite;animation: animation-img 2s infinite;"></div>              
                            ...
                        </li>
                        ....
                    </ul>
                </div>
            </div>

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

        
        <!-- /.themesflat-slider-box --> 

        <!-- 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="work ">
                    <div class="themesflat-spacer clearfix" data-desktop="110" data-mobile="110" data-smobile="60"></div>
                    <div class="themesflat-headings style-1 wow fadeInUp ">
                        <div class="heading">Qui sommes nous</div>
                        <h5 class="sub-heading">« Miel des Savanes » est un projet de l'ONG IT VILLAGE appuyée par la Deutsche Afrikanische Zusammenarbeit (DAZ), son partenaire Allemand. Démarré depuis 2009, ce projet œuvre pour la restructuration de la filière apicole dans la région des savanes afin de permettre aux paysans apiculteurs d’avoir une activité génératrice de revenus. C’est de cette initiative qu’est née le Miel des Savanes, du miel 100% naturel mis en vente sur le marché Togolais, de la sous-région et celui international. </h5>
                    </div>   
                    {{--
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="box-work text-center wow fadeInDown">
                                    <img src="template/assets/img/work/work1.png" alt="Image">
                                    <h3 class="heading-work"><a href="services.html">Miel Naturel</a> </h3>
                                    <p class="content-work">Le miel des savanes est produit dans les savanes au nord du Togo.</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="box-work text-center wow fadeInDown" >
                                    <img src="template/assets/img/work/work2.png" alt="Image">
                                    <h3 class="heading-work"><a href="services.html">Certification approuvée</a> </h3>
                                    <p class="content-work">Le Miel des Savanes est un miel naturel certifié en Allemagne par Institut fùr Bienenkunde Celle ;</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="box-work text-center wow fadeInDown" >
                                    <img src="template/assets/img/work/work3.png" alt="Image">
                                    <h3 class="heading-work"><a href="services.html">Hygiene</a> </h3>
                                    <p class="content-work">Les conditions de production et de conditionnememt respectent les normes hygiéniques</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    --}}
                </section>

                {{--
                <section class="about-us-and-letter-products ">
                    <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="120" data-smobile="60"></div>
                    <div class="container">
                        <div class="row">
                            <img src="template/assets/img/about-us/bg.png" alt="Image" class="img-bg-about-us">
                            <div class="col-md-6">
                                <div class="about-us wow fadeInLeft">
                                    <span class="title">A propos</span>
                                    <img class="margin-bottom-16" src="template/assets/img/about-us/img-about-us.jpg" alt="Image">
                                    <h2 class="heading"><a href="about.html"><span class="color-span-2">A </span><span class="color-span-1">Propos</span></a> </h2>
                                    <p class="content margin-bottom-0">"Miel des Savanes" est un miel naturel certifié produit au Togo dans la région des savanes à Dapaong. Un miel de qualité qui aide votre corps à demeurer en bonne santé.</p>
                                    <div class="bottom ">
                                        <!-- <img class="author" src="template/assets/img/about-us/img-about-us-2.jpg" alt="Image">
                                        <img class="signature" src="template/assets/img/about-us/about-us-primera-signature.png" alt="Image"> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-1"></div>
                            <div class="col-md-5">
                                <div class="letest-products wow fadeInRight">
                                    <div class="heading">
                                        <h3 class="title ">Nos produits</h3>
                                        <span class="margin-top-2">(04)</span>
                                    </div>
                                    <div class="box-letest-products padding-top-48">
                                        <div class="img">
                                            <img src="template/assets/img/products/5000.jpg" alt="Image" width="100px">
                                        </div>
                                        <div class="content">
                                            <h3 class="product-title"><a href="https://wa.me/+2289992424">Miel des savanes</a> </h3>
                                            <p class="product-Poids">1500 G</p>
                                        </div>
                                        <div class="product-price"><p>5000 FCFA</p></div>
                                    </div>
                                    <div class="box-letest-products">
                                        <div class="img">
                                            <img src="template/assets/img/products/2000.jpg" alt="Image" width="100">
                                        </div>
                                        <div class="content">
                                            <h3 class="product-title"><a href="https://wa.me/+2289992424">Miel des savanes</a> </h3>
                                            <p class="product-Poids">500 G</p>
                                        </div>
                                        <div class="product-price"><p>2000 FCFA</p></div>
                                    </div>
                                    <div class="box-letest-products">
                                        <div class="img">
                                            <img src="template/assets/img/products/1000.jpg" alt="Image" width="100">
                                        </div>
                                        <div class="content">
                                            <h3 class="product-title"><a href="https://wa.me/+2289992424">Miel des savanes</a> </h3>
                                            <p class="product-Poids">250 G</p>
                                        </div>
                                        <div class="product-price"><p>1000 FCFA</p></div>
                                    </div>
                                    <div class="box-letest-products">
                                        <div class="img">
                                            <img src="template/assets/img/products/200.jpg" alt="Image" width="100">
                                        </div>
                                        <div class="content">
                                            <h3 class="product-title"><a href="https://wa.me/+2289992424">Miel des savanes</a> </h3>
                                            <p class="product-Poids">30 G</p>
                                        </div>
                                        <div class="product-price"><p>200 FCFA</p></div>
                                    </div>
                                </div>
                            </div>
                            <img src="template/assets/img/img-bee.png" alt="Image" class="letter-product-bee">
                        </div>
                    </div>
                </section>
                --}}

                <section class="banner">
                    <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="120" data-smobile="60"></div>
                    <div class="banner-wrap">
                        <!-- <img class="img-banner-1" src="template/assets/img/banner/banner-1.png" alt="Image"> -->
                        <img class="img-banner-1" src="template/assets/img/bg-footer1.png" alt="Image">
                        <img class="img-banner-2" src="template/assets/img/banner/banner-2.png" alt="Image">
                        <div class="container">
                            <div class="banner-content wow fadeInUp">
                                
                                <div class="heading-banner"><span>Faites vous <span class="color-span-3">livrer</span></span></div>
                                <div class="heading-phone"><span>Contactez-nous</span></div>
                                <div class="phone-number"><span>+228 99 91 24 24</span></div>    
                            </div>                       
                        </div>
                    </div>
                </section>
                
                {{--
                <section class="products ">
                    <div class="themesflat-spacer clearfix" data-desktop="111" data-mobile="111" data-smobile="60"></div>
                    <div class="themesflat-headings style-1 wow fadeInUp">
                        <div class="heading">Nos produits</div>
                        <h5 class="sub-heading">Découvrez nos meilleurs produits.</h5>
                    </div>
                    <div class="container">
                        <div class="themesflat-slider clearfix" data-margin="30" data-item="4" data-item2="2" data-item3="1" data-nav="true" data-dots="false" data-auto="true">
                            <div class="owl-carousel owl-theme">                                
                                <div class="products-item text-center wow fadeInUp">
                                    <div class="img">
                                        <img src="template/assets/img/products/5000.jpg" alt="Image"> 
                                    </div>
                                    <h3 class="heading"><a href="https://wa.me/+2289992424">Miel des savanes</a></h3>
                                    <div class="product-infor">
                                        <div class="product-price">
                                            <span class="price-sale">5000 FCFA</span>
                                            <span class="products-Poids">Poids:1500 G</span>
                                        </div>
                                    </div>
                                    <a href="{{url('details')}}" class="button style-1 color-3"><span>COMMANDER</span> </a>
                                </div>                                                                   
                                <div class="products-item text-center wow fadeInUp">
                                    <div class="img">
                                        <img src="template/assets/img/products/2000.jpg" alt="Image"> 
                                    </div>
                                    <h3 class="heading"><a href="https://wa.me/+2289992424">Miel des savanes</a></h3>
                                    <div class="product-infor">
                                        <div class="product-price">
                                            <span class="price-sale">2000 F CFA</span>
                                            <span class="products-Poids">Poids:500 G</span>
                                        </div>
                                    </div>
                                    <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>COMMANDER</span></a>
                                </div>                                                                
                                <div class="products-item text-center wow fadeInUp">
                                    <div class="img">
                                        <img src="template/assets/img/products/1000.jpg" alt="Image"> 
                                    </div>
                                    <h3 class="heading"><a href="https://wa.me/+22899912424">Miel des savanes</a></h3>
                                    <div class="product-infor">
                                        <div class="product-price">
                                            <span class="price-sale">1000 FCFA</span>
                                            <span class="products-Poids">Poids:250 G</span>
                                        </div>
                                    </div>
                                    <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>COMMANDER</span></a>
                                </div>                                                                
                                <div class="products-item text-center wow fadeInUp">
                                    <div class="img">
                                        <img src="template/assets/img/products/200.jpg" alt="Image"> 
                                    </div>
                                    <h3 class="heading"><a href="https://wa.me/+2289992424">Miel des savanes</a></h3>
                                    <div class="product-infor">
                                        <div class="product-price">
                                            <span class="price-sale">200 FCFA</span>
                                            <span class="products-Poids">Poids:30 G</span>
                                        </div>
                                    </div>
                                    <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>COMMANDER</span></a>
                                </div>                                                                      
                            </div>
                        </div><!-- /.themesflat-slider-box -->
                    </div>
                </section>               

                <section class="testimonial ">
                    <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="120" data-smobile="60"></div>
                    <div class="container">
                        <div class="themesflat-slider testimonial clearfix" data-margin="0" data-item="1" data-item2="1" data-item3="1" data-auto="true" data-nav="false" data-dots="true">
                            <div class="owl-carousel owl-theme">
                                <div class="testimonial-item wow fadeInUp">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <img src="template/assets/img/testimonial/testimonial-1.jpg" alt="Image">
                                        </div>
                                        <div class="col-md-8">  
                                            <img src="template/assets/img/testimonial/bg.png" alt="Img" class="img-bg-testimonial">  
                                            <div class="themesflat-headings style-2">
                                                <div class="heading">CE QUE NOS CLIENTS <span class="color-span-1">DISENT?</span></div>
                                                <h2 class="sub-heading">“Je suis très contente du résultat que me procure le miel des savanes depuis que je l'utilise pour le traitement de ma peau...<span class="color-span-1">j'</span> en suis persuadé de sa naturalité et je peux le conseiller à <span class="color-span-1">tout le monde sans distinction d'âge.</span>”</h2>
                                            </div>
                                            <span class="author">Mlle. “TARIMA Fati</span>
                                            <img src="template/assets/img/testimonial/signature.png" alt="Image" class="signature">
                                        </div>
                                    </div>
                                </div>
                                <div class="testimonial-item wow fadeInUp">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <img src="template/assets/img/testimonial/testimonial-2.jpg" alt="Image">
                                        </div>
                                        <div class="col-md-8">  
                                            <img src="template/assets/img/testimonial/bg.png" alt="Img" class="img-bg-testimonial">  
                                            <div class="themesflat-headings style-2">
                                                <div class="heading">CE QUE NOS CLIENTS <span class="color-span-1">DISENT?</span></div>
                                                <h2 class="sub-heading">“<span class="color-span-1">Je</span>, consomme le Miel des Savanes car il est certifié en Allemagne par Institut<span class="color-span-1">fùr Bienenkunde Celle.</span>”</h2>
                                            </div>
                                            <span class="author">M. Kossigan AYITE</span>
                                            <img src="template/assets/img/testimonial/signature.png" alt="Image" class="signature">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>              

                <section class="our-gallery ">
                    <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="120" data-smobile="60"></div>
                    <div class="our-gallery-wrap style-1">
                        <div class="gallery-content wow fadeInUp">
                            <div class="themesflat-headings style-1">
                                <div class="heading">Galerie Photo</div>
                                <h5 class="sub-heading">Parcourez notre galerie photo</h5>
                            </div>
                        </div>
                        <div class="gallery-item wow fadeInUp margin-top-50">
                            <a href="template/assets/img/gallery/our-gallery-1.jpg" class="popup-gallery"><img src="template/assets/img/gallery/our-gallery-1.jpg" alt="Image"></a>                           
                        </div>
                        <div class="gallery-item wow fadeInUp item-2 first">
                            <a href="template/assets/img/gallery/our-gallery-2.jpg" class="popup-gallery"><img src="template/assets/img/gallery/our-gallery-2.jpg" alt="Image"></a>
                        </div>
                        <div class="gallery-item wow fadeInUp item-2 margin-top-50">
                            <a href="template/assets/img/gallery/our-gallery-3.jpg" class="popup-gallery"><img src="template/assets/img/gallery/our-gallery-3.png" alt="Image"></a>
                        </div>
                        <div class="gallery-item wow fadeInUp item-2 margin-right-0">
                            <a href="template/assets/img/gallery/our-gallery-4.jpg" class="popup-gallery"><img src="template/assets/img/gallery/our-gallery-4.png" alt="Image"></a>
                            
                        </div>
                    </div>
                </section>

                <section class="our-new-letest ">
                    <div class="themesflat-spacer clearfix" data-desktop="123" data-mobile="123" data-smobile="60"></div>
                    
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3"></div>
                            <div class="col-md-6">
                                <img src="template/assets/img/img-bee.png" alt="Image" class="letter-product-bee style-2">
                                <div class="newsletter ">
                                    <div class="themesflat-headings style-2 wow fadeInUp">
                                        <div class="heading">Notre <span class="color-span-1">NEWSLETTER!</span></div>
                                        <h3 class="sub-heading">Souscrivez à notre newsletter</h3>
                                    </div>
                                    <form action="javascript:void(0)" class="email wow fadeInUp" >
                                        <input class="email-content" type="email" placeholder="Entrez votre Email...." required>
                                        <button id="subscribe-email"></button>
                                    </form><!-- /.themesflat-slider-box -->
                                </div>
                                
                            </div>
                        </div>
                        
                    </div>

                    <div class="themesflat-spacer clearfix" data-desktop="120" data-mobile="60" data-smobile="60"></div>
                </section>
                --}}

                <section class="our-new-letest ">

                    <div class="themesflat-spacer clearfix" data-desktop="100" data-mobile="40" data-smobile="60"></div>
                </section>




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