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

       

<!-- <div class="page-tittle">
    <div class="background2" style="height: 453px !important;">
        <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,40L30,45C96,55,170,90,180,95C384,192,480,192,576,191C672,191,768,185,864,160C960,140,1056,140,1152,135C1248,135,1344,140,1392,148L1440,152L1440,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> 
    <img src="template/assets/img/page-title/img-page-tittle-2.png" alt="Image" class="img-tittle-2">
    <div class="container">
        <div class="page-tittle-top">
            <ul class="tittle-socical-icon">
                <li><a href="#"><i class="fab fa-facebook-f"></i> </a> </li>
                <li><a class="active" href="#"><i class="fab fa-twitter"></i> </a> </li>
            </ul>
        </div>
        <div class="heading-tittle">
            <h1 class="title">Nos produits<span></span>
                <img src="template/assets/img/page-title/img-page-tittle-1.png" alt="Image">
            </h1>
        </div>
    </div>
</div> -->

<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/produit.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="shop-view">
            <div class="themesflat-spacer clearfix" data-desktop="124" data-mobile="124" data-smobile="60"></div>
            <div class="container">
                <div class="row">
                    <!-- <div class="col-lg-9 col-md-12">
                        <div class="shop-view-as  wow fadeInUp">
                            <span>VIEW AS :</span>
                            <a href="#" class="btn-view grid active"><i class="fas fa-th-large"></i></a>
                            <a href="#" class="btn-view list"><i class="fas fa-th-list"></i></a>
                            <span>SORT BY :</span>
                            <div class="select-sort-by">
                                <select name="sort-by" >
                                    <option>Most Responsive</option>
                                    <option>Height</option>
                                    <option>Weight</option>
                                </select>
                            </div>
                            <span>SHOW :</span>
                            <div class="select-show">
                                <select name="show" >
                                    <option>11</option>
                                    <option>12</option>
                                    <option>13</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-12">
                        <div class="themesflat-pagination style-2  wow fadeInUp">
                            <ul>
                                <li><a href="shop.html" class="page-numbers "><i class="far fa-chevron-left"></i></a></li>
                                <li><a href="#" class="page-numbers current">1</a></li>
                                <li><a href="#" class="page-numbers ">2</a></li>
                                <li><a href="#" class="page-numbers">3</a></li>
                                <li class="margin-right-0"><a href="shop.html" class="page-numbers current"><i class="far fa-chevron-right"></i></a></li>
                            </ul>
                        </div>
                    </div> -->
                </div>
            </div>
        </section>


        <!-- Letest-post -->
        <section class="shop">
            <div class="themesflat-spacer clearfix" data-desktop="36" data-mobile="36" data-smobile="36"></div>
            <div class="container">
                <div class="row">
                    <div class="items col-lg-3 col-md-6">
                        <div class="products-item text-center  wow fadeInUp">
                            <div class="img">
                                <img src="{{asset('template/assets/img/products/5000.jpg')}}" alt="Image"> 
                            </div>
                            <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">5000 FCFA</span>
                                        <span class="products-weight">Poids:1500 G</span>
                                    </div>
                                </div>
                                <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>Commander</span></a>
                            </div>
                        </div>    
                    </div>
                    <div class="items col-lg-3 col-md-6">
                        <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/+22899912424">MIEL DES SAVANES</a></h3>
                            <div class="product-infor">
                                <div class="product-price">
                                    <span class="price-sale">2000 FCFA</span>
                                    <span class="products-weight">Poids:500 G</span>
                                </div>
                            </div>
                            <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>Commander</span></a>
                        </div>  
                    </div>
                    <div class="items col-lg-3 col-md-6">
                        <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-weight">Poids:250 G</span>
                                </div>
                            </div>
                            <a href="https://wa.me/+22899912424" class="button style-1 color-3"><span>Commander</span></a>
                        </div>    
                    </div>
                    <div class="items col-lg-3 col-md-6">
                        <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/+22899912424">MIEL DES SAVANES</a></h3>
                            <div class="product-infor">
                                <div class="product-price">
                                    <span class="price-sale">200 FCFA</span>
                                    <span class="products-weight">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>
            </div>
        </section>
        <!--End Letest-post -->

        {{--     
        <section class="shop-view">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-12">
                        <div class="shop-view-as  wow fadeInUp">
                            <span>VIEW AS :</span>
                            <a href="#" class="btn-view grid active"><i class="fas fa-th-large"></i></a>
                            <a href="#" class="btn-view list"><i class="fas fa-th-list"></i></a>
                            <span>SORT BY :</span>
                            <div class="select-sort-by">
                                <select name="sort-by" >
                                    <option>Most Responsive</option>
                                    <option>Height</option>
                                    <option>Weight</option>
                                </select>
                            </div>
                            <span>SHOW :</span>
                            <div class="select-show">
                                <select name="show" >
                                    <option>11</option>
                                    <option>12</option>
                                    <option>13</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-12">
                        <div class="themesflat-pagination style-2  wow fadeInUp">
                            <ul>
                                <li><a href="shop.html" class="page-numbers "><i class="far fa-chevron-left"></i></a></li>
                                <li><a href="#" class="page-numbers current">1</a></li>
                                <li><a href="#" class="page-numbers ">2</a></li>
                                <li><a href="#" class="page-numbers">3</a></li>
                                <li class="margin-right-0"><a href="shop.html" class="page-numbers current"><i class="far fa-chevron-right"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        --}}


        <!-- Brand  -->
        {{--
        <section class="brand">
            <div class="themesflat-spacer clearfix" data-desktop="108" data-mobile="108" data-smobile="60"></div>
            <div class="container">
                <div class="themesflat-slider clearfix" data-margin="17" data-item="6" data-item2="3" data-item3="2" data-auto="true">
                    <div class="owl-carousel owl-theme">                                
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img src="template/assetsimg/brand/brand1.png" alt="Image"></a> 
                            </div>
                        </div>                                                                   
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img src="template/assetsimg/brand/brand2.png" alt="Image"></a> 
                            </div>
                        </div>                                                                
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img class="brand3" src="template/assetsimg/brand/brand3.png" alt="Image"></a> 
                            </div>
                        </div>                                                                
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img src="template/assetsimg/brand/brand4.png" alt="Image"></a> 
                            </div>
                        </div>                                                                
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img src="template/assetsimg/brand/brand5.png" alt="Image"></a> 
                            </div>
                        </div>                               
                        <div class="brand-item">
                            <div class="img">
                                <a href="#"><img src="template/assetsimg/brand/brand6.png" alt="Image"></a> 
                            </div>
                        </div>                                                
                    </div>
                </div><!-- /.themesflat-slider-box -->
            </div>
            <div class="themesflat-spacer clearfix" data-desktop="118" data-mobile="118" data-smobile="60"></div>
        </section>
        --}}
        <!--End Brand  -->

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

@endsection