@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/background1.png')}}"  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">« Le miel des Savanes » est un projet de l'ONG IT Village basé à Dapaong au Nord du Togo en collaboration avec l’ONG DAZ en Allemagne. Ce produit est certifié par le célèbre Institut de l'Apiculture de Celle en Allemagne.<br>
                Nos cinq variétés de miel proviennent du nectar des fleurs de la savane profonde. L'apiculture y est pratiquée depuis des générations avec beaucoup de passion par les spécialistes de la région comme leur activité principale.</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>


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