@extends('layouts.front')

@section('content')
<section class="main-slider-three hero-slider">
    <div class="hero-slider__social">
        <a href="https://facebook.com">
    <i class="icon-facebook" aria-hidden="true"></i>
</a>
<a href="https://twitter.com">
    <i class="icon-twitter" aria-hidden="true"></i>
</a>
<a href="https://instagram.com">
    <i class="icon-instagram" aria-hidden="true"></i>
</a>
<a href="https://youtube.com">
    <i class="icon-youtube" aria-hidden="true"></i>
</a>
    </div>
    <div class="main-slider-three__border-top"></div>
    <div class="main-slider-three__border-right"></div>
    <div class="main-slider-three__border-left"></div>
    <div class="main-slider-three__border-bottom">
        <div class="main-slider-three__border-bottom__inner"></div>
    </div>
    <div class="main-slider-three__carousel floens-slick__carousel--with-counter" data-slick-options='{
        "slidesToShow": 1,
        "slidesToScroll": 1,
        "autoplay": true,
        "autoplaySpeed": 3000,
        "speed": 2000,
        "infinite": true,
        "fade": true,
        "dots": false,
        "arrows": true,
        "prevArrow": "<button class=\"hero-slider__slick-button hero-slider__slick-button--prev\"><i class=\"icon-left-arrow\"><i></button>",
        "nextArrow": "<button class=\"hero-slider__slick-button hero-slider__slick-button--next\"><i class=\"icon-right-arrow\"><i></button>"

    }'>

        <div class="main-slider-three__item">
            <div class="main-slider-three__bg"
                style="background-image: url(assets/img/slide1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-8 mx-auto">
                        <div class="main-slider-three__content">

                            <h2 class="main-slider-three__title">Trouvez le plan qui sublimera votre intérieur.</h2>


                                    <a href="contact.html" class="ecogranit-btn-devis">
                                    <span>Devis en ligne</span>
                                    <i class="icon-right-arrow"></i>
                </a>



                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-slider-three__item">
            <div class="main-slider-three__bg"
                style="background-image: url(assets/img/slide1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-8 mx-auto">
                        <div class="main-slider-three__content">

                            <h2 class="main-slider-three__title">Trouvez le plan qui sublimera votre intérieur.</h2>

                                    <a href="contact.html" class="ecogranit-btn-devis">
                                    <span>Devis en ligne</span>
                                    <i class="icon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

 <section class="about-one section-space" id="about">
            <div class="container">
                <div class="row gutter-y-60">
                    <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="00ms">
                        <div class="about-one__image-grid">
                            <div class="about-one__image">
                                <img src="/frontassets/img/marbre_1.jpg" alt="about" class="about-one__image__one">
                                <img src="/frontassets/img/marbre_2.jpg" alt="about" class="about-one__image__two">
                            </div>
                            <div class="about-one__image">
                                <img src="/frontassets/img/marbre_3.jpg" alt="about" class="about-one__image__three">
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-one__content">
                            <div class="sec-title sec-title--left  sec-title--border">

                                <h6 class="sec-title__tagline">Qui sommes nous</h6>

                                <h3 class="sec-title__title">Élevez vos extérieurs avec l’élégance du granit naturel.</h3>
                            </div>


                            <div class="about-one__content__text wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                <h5 class="about-one__text-title">L’alliance parfaite entre esthétisme, robustesse et écologie.</h5>

                                <p class="about-one__text">Chez Eco Granit, nous vous proposons une gamme complète de produits en granit pour sublimer vos aménagements extérieurs. Que ce soit pour vos allées, terrasses, murets ou bordures, nous mettons à votre disposition un matériau noble, résistant et naturellement esthétique. Issu de carrières durables, notre granit allie longévité et respect de l’environnement pour transformer vos espaces en lieux uniques et harmonieux.</p>
                            </div>

                            <div class="about-one__button wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
                                <a href="contact.html" class="ecogranit-btn-devis">
                                    <span>Plus de details</span>
                                    <i class="icon-right-arrow"></i>
                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="about-one__shapes">
                <img src="/frontassets/img/granit_right.png" alt="about-shape" class="about-one__shape about-one__shape--one">
                <img src="/frontassets/img/granit_left.png" alt="about-shape" class="about-one__shape about-one__shape--two">
            </div>
        </section>


<!-- services start -->
<section class="services-two section-space-two">
    <div class="container-fluid">
        <div class="services-two__top">
            <div class="row gutter-y-50 align-items-center">
                <div class="col-lg-8 col-md-10">
                    <div class="sec-title sec-title--left">

    <h6 class="sec-title__tagline">Gamme de matériaux</h6>

    <h3 class="sec-title__title">La force de la nature au service de vos aménagements.</h3>
</div>


                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="services-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-carousel owl-theme"
            data-owl-options='{
            "items": 1,
            "margin": 0,
            "loop": true,
            "smartSpeed": 700,
            "nav": true,
            "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"],
            "dots": false,
            "autoplay": 600,
            "responsive":{
                "0":{
                    "items": 1,
                    "margin": 15
                },
                "576":{
                    "items": 1,
                    "margin": 15
                },
                "768":{
                    "items": 2,
                    "margin": 30
                },
                "992":{
                    "items": 2,
                    "margin": 30
                },
                "1200":{
                    "items": 3,
                    "margin": 30
                },
                "1400":{
                    "items": 3,
                    "margin": 30
                },
                "1600":{
                    "items": 4,
                    "margin": 30
                }
            }
        }'>
            <div class="item">
                <div class="service-card-two">
    <div class="service-card-two__bg" style="background-color: #13643a"></div>
    <div class="service-card-two__image">
        <img src="/frontassets/img/matiere_2.jpg" alt="Tiling & concrete">
    </div>
    <div class="service-card-two__content">
        <h3 class="service-card-two__title"><a href='service-d-tiling-concrete.html'>Tiling & concrete</a></h3>
        <div class="service-card-two__bottom">
            <a href="contact.html" class="ecogranit-btn-devis ecogranit-btn-devis-white">
                                    <span>Plus de details</span>
                                    <i class="icon-right-arrow"></i>
                </a>
        </div>
    </div>
</div>
            </div>

            <div class="item">
                <div class="service-card-two">
    <div class="service-card-two__bg" style=" background-color: #13643a"></div>
    <div class="service-card-two__image">
        <img src="/frontassets/img/matiere_1.jpg" alt="Industrial Flooring">
    </div>
    <div class="service-card-two__content">
        <h3 class="service-card-two__title"><a href='service-d-industrial-flooring.html'>Industrial Flooring</a></h3>
        <div class="service-card-two__bottom">
            <a href="contact.html" class="ecogranit-btn-devis ecogranit-btn-devis-white">
                                    <span>Plus de details</span>
                                    <i class="icon-right-arrow"></i>
                </a>
        </div>
    </div>
</div>
            </div>


        </div>
    </div>
</section>
<!-- services end -->


<section class="projects-two projects-two--home section-space-bottom">
    <div class="container">
        <div class="sec-title sec-title--center">
    <h6 class="sec-title__tagline">projets terminés</h6>
    <h3 class="sec-title__title">Nos projets <br> récents réalisés</h3>
</div>


    </div>
    <div class="container-fluid">
    <div class="projects-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-theme owl-carousel"
        data-owl-options='{
        "items": 3,
        "margin": 30,
        "smartSpeed": 700,
        "loop": true,
        "autoWidth": true,
        "autoplay": true,
        "nav": true,
        "dots": false,
        "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"]
        }'>
        <div class="item">
            <div class="project-card @@extraClassName">
    <a href="work-details.html" class="project-card__image">
        <img src="/frontassets/img/img2.jpg" alt="Modern Tiles">
    </a>
    <div class="project-card__content">
        <h3 class="project-card__tagline">Tile Care</h3>
        <div class="project-card__links">
            <div class="project-card__links__inner">
                <h3 class="project-card__title"><a href="work-details.html">Modern Cuisine en Granit</a></h3>
                <a href="work-details.html" class="project-card__link ecogranit-btn"><span class="icon-right-arrow"></span></a>
            </div>
        </div>
    </div>
</div>
        </div>
        <div class="item">
            <div class="project-card @@extraClassName">
    <a href="work-details.html" class="project-card__image">
        <img src="/frontassets/img/img3.jpg" alt="Modern Tiles">
    </a>
    <div class="project-card__content">
        <h3 class="project-card__tagline">Tile Care</h3>
        <div class="project-card__links">
            <div class="project-card__links__inner">
                <h3 class="project-card__title"><a href="work-details.html">Modern Cuisine en Corian</a></h3>
                <a href="work-details.html" class="project-card__link ecogranit-btn"><span class="icon-right-arrow"></span></a>
            </div>
        </div>
    </div>
</div>
        </div>
        <div class="item">
            <div class="project-card project-card--large">
    <a href="work-details.html" class="project-card__image">
        <img src="/frontassets/img/img4.jpg" alt="Modern Tiles">
    </a>
    <div class="project-card__content">
        <h3 class="project-card__tagline">Tile Care</h3>
        <div class="project-card__links">
            <div class="project-card__links__inner">
                <h3 class="project-card__title"><a href="work-details.html">Modern Cuisine en Marbre</a></h3>
                <a href="work-details.html" class="project-card__link ecogranit-btn"><span class="icon-right-arrow"></span></a>
            </div>
        </div>
    </div>
</div>
        </div>



    </div>
</div>
</section>


<section class="faq-one section-space">
    <div class="container">
        <div class="row gutter-y-60">
            <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
                <div class="faq-one__image">
                    <div class="faq-one__image__inner">
                        <img src="/frontassets/img/faq.jpg" alt="faq" class="faq-one__image__one">
                    </div>
                </div>
            </div>
            <div class="col-lg-6 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="200ms">
                <div class="faq-one__content">
                    <div class="sec-title sec-title--border">

    <h6 class="sec-title__tagline">NOTRE FAQ</h6>

    <h3 class="sec-title__title">Guide des questions les plus Courantes</h3>
</div>


                    <p class="faq-one__text">Mollis massa turpis, eu sodales sem maximus ut. Nullam condimentum eget arcu nec dapibus. Nullam tincidunt ex ut tempus malesuada.</p>
                    <div class="faq-accordion floens-accordion" data-grp-name="floens-accordion">
                        <div class="accordion active">
                            <div class="accordion-title">
                                <h4>
                                    Quels sont les avantages d’Eco-granit.com ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion">
                            <div class="accordion-title">
                                <h4>
                                    Comment obtenir un devis ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion">
                            <div class="accordion-title">
                                <h4>
                                    Comment effectuer le règlement ?
                                    <span class="accordion-title__icon"></span>
                                </h4>
                            </div>
                            <div class="accordion-content">
                                <div class="inner">
                                    <p>Bring to the table win-win survival strategies to ensure proactive domination. At the
                                        end of the day, going forward, a new normal that has evolved from generation X is on
                                        the</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="testimonials-one section-space">
    <div class="container">
        <div class="row">
            <div class="testimonials-one__image-col col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
                <div class="testimonials-one__image">
                    <img src="/frontassets/img/tem.jpg" alt="testimonials">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="sec-title @@extraClassName">

    <h6 class="sec-title__tagline">Témoignages</h6>

    <h3 class="sec-title__title">Avis de nos clients sur nos services</h3>
</div>


            </div>
            <div class="testimonials-one__testimonials-col col-xl-9">
                <div class="testimonials-one__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-carousel owl-theme"
                    data-owl-options='{
                        "items": 1,
                        "margin": 0,
                        "loop": true,
                        "smartSpeed": 700,
                        "nav": false,
                        "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"],
                        "dots": true,
                        "autoplay": 600,
                        "responsive":{
                            "0":{
                                "items": 1,
                                "margin": 15
                            },
                            "576":{
                                "items": 1,
                                "margin": 30
                            },
                            "768":{
                                "items": 1,
                                "margin": 30
                            },
                            "992":{
                                "items": 1,
                                "margin": 30
                            },
                            "1200":{
                                "items": 1,
                                "margin": 30
                            }
                        }
                    }'>
                    <div class="item">
                        <div class="testimonials-card testimonials-card--two">
                            <div class="testimonials-card__bg"
                                style="background-image: url(/frontassets/img/testimonials/testimonials-card-bg.png);">
                            </div>
                            <div class="testimonials-card__top">
                                <svg class="testimonials-card__quotes__icon" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 87 64" fill="none">
                                    <path d="M0 40.1428H17.5714L5.85705 63.5713H23.4285L35.1428 40.1428V5H0V40.1428Z"
                                        fill="white" />
                                    <path d="M46.8572 5V40.1428H64.4286L52.7142 63.5713H70.2856L82 40.1428V5H46.8572Z"
                                        fill="white" />
                                    <path
                                        d="M22.5714 34.6428H5.5V0.5H39.6428V35.0248L28.1194 58.0713H11.6661L23.0186 35.3664L23.3804 34.6428H22.5714Z"
                                        stroke="#C7844F" />
                                    <path
                                        d="M69.4286 34.6428H52.3572V0.5H86.5V35.0248L74.9766 58.0713H58.5232L69.8758 35.3664L70.2376 34.6428H69.4286Z"
                                        stroke="#C7844F" />
                                </svg>
                                <div class="ecogranit-ratings @@extraClassName">
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
</div>
                            </div>
                            <div class="testimonials-card__content">
                                <div class="testimonials-card__content__inner">
                                    <p class="testimonials-card__text">"I recently worked with for my home renovation
                                        project, and I couldn't be happier with the results. From the moment I walked
                                        into their showroom, I was impressed by the extensive selection of high-quality
                                        tiles and their knowledgeable staff.</p>
                                </div>
                                <div class="testimonials-card__person">
                                    <div class="testimonials-card__person__inner">
                                        <img src="/frontassets/img/testimonials/testimonials-1-3.jpg" alt="Michael G. Ware"
                                            class="testimonials-card__person__image">
                                        <div class="testimonials-card__person__info">
                                            <h3 class="testimonials-card__person__name">Jay G. Rothstein</h3>

                                            <span class="testimonials-card__person__designation">managing
                                                director</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonials-card testimonials-card--two">
                            <div class="testimonials-card__bg"
                                style="background-image: url(/frontassets/img/testimonials/testimonials-card-bg.png);">
                            </div>
                            <div class="testimonials-card__top">
                                <svg class="testimonials-card__quotes__icon" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 87 64" fill="none">
                                    <path d="M0 40.1428H17.5714L5.85705 63.5713H23.4285L35.1428 40.1428V5H0V40.1428Z"
                                        fill="white" />
                                    <path d="M46.8572 5V40.1428H64.4286L52.7142 63.5713H70.2856L82 40.1428V5H46.8572Z"
                                        fill="white" />
                                    <path
                                        d="M22.5714 34.6428H5.5V0.5H39.6428V35.0248L28.1194 58.0713H11.6661L23.0186 35.3664L23.3804 34.6428H22.5714Z"
                                        stroke="#C7844F" />
                                    <path
                                        d="M69.4286 34.6428H52.3572V0.5H86.5V35.0248L74.9766 58.0713H58.5232L69.8758 35.3664L70.2376 34.6428H69.4286Z"
                                        stroke="#C7844F" />
                                </svg>
                                <div class="floens-ratings @@extraClassName">
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
</div>
                            </div>
                            <div class="testimonials-card__content">
                                <div class="testimonials-card__content__inner">
                                    <p class="testimonials-card__text">"I recently worked with for my home renovation
                                        project, and I couldn't be happier with the results. From the moment I walked
                                        into their showroom, I was impressed by the extensive selection of high-quality
                                        tiles and their knowledgeable staff.</p>
                                </div>
                                <div class="testimonials-card__person">
                                    <div class="testimonials-card__person__inner">
                                        <img src="/frontassets/img/testimonials/testimonials-1-1.jpg" alt="Michael G. Ware"
                                            class="testimonials-card__person__image">
                                        <div class="testimonials-card__person__info">
                                            <h3 class="testimonials-card__person__name">Michael G. Ware</h3>

                                            <span class="testimonials-card__person__designation">managing
                                                director</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonials-card testimonials-card--two">
                            <div class="testimonials-card__bg"
                                style="background-image: url(/frontassets/img/testimonials/testimonials-card-bg.png);">
                            </div>
                            <div class="testimonials-card__top">
                                <svg class="testimonials-card__quotes__icon" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 87 64" fill="none">
                                    <path d="M0 40.1428H17.5714L5.85705 63.5713H23.4285L35.1428 40.1428V5H0V40.1428Z"
                                        fill="white" />
                                    <path d="M46.8572 5V40.1428H64.4286L52.7142 63.5713H70.2856L82 40.1428V5H46.8572Z"
                                        fill="white" />
                                    <path
                                        d="M22.5714 34.6428H5.5V0.5H39.6428V35.0248L28.1194 58.0713H11.6661L23.0186 35.3664L23.3804 34.6428H22.5714Z"
                                        stroke="#C7844F" />
                                    <path
                                        d="M69.4286 34.6428H52.3572V0.5H86.5V35.0248L74.9766 58.0713H58.5232L69.8758 35.3664L70.2376 34.6428H69.4286Z"
                                        stroke="#C7844F" />
                                </svg>
                                <div class="floens-ratings @@extraClassName">
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
    <span class="icon-star"></span>
</div>
                            </div>
                            <div class="testimonials-card__content">
                                <div class="testimonials-card__content__inner">
                                    <p class="testimonials-card__text">"I recently worked with for my home renovation
                                        project, and I couldn't be happier with the results. From the moment I walked
                                        into their showroom, I was impressed by the extensive selection of high-quality
                                        tiles and their knowledgeable staff.</p>
                                </div>
                                <div class="testimonials-card__person">
                                    <div class="testimonials-card__person__inner">
                                        <img src="/frontassets/img/testimonials/testimonials-1-2.jpg" alt="Michael G. Ware"
                                            class="testimonials-card__person__image">
                                        <div class="testimonials-card__person__info">
                                            <h3 class="testimonials-card__person__name">Kevin J. Poling</h3>

                                            <span class="testimonials-card__person__designation">managing
                                                director</span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="gallery-instagram @@extraClassName section-space-bottom">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="00ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-1.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="200ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-2.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="400ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-3.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="600ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-4.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="800ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-5.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="1000ms">
                <div class="gallery-instagram__image">
                    <img src="/frontassets/img/gallery/gallery-instagram-1-6.jpg" alt="gallery-instagram">
                    <a href="https://www.instagram.com/" class="gallery-instagram__image__link">
                        <span class="icon-instagram"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>






<section class="blog-one section-space-two">
    <div class="blog-one__bg" style="background-image: url(assets/img/bg_blog.jpg);"></div>
    <!-- /.blog-one__bg -->
    <div class="container">
        <div class="blog-one__top">
            <div class="row gutter-y-50 align-items-center">
                <div class="col-lg-8">
                    <div class="sec-title @@extraClassName">

    <h6 class="sec-title__tagline">actualités</h6>

    <h3 class="sec-title__title">Consultez nos<br> dernières publications</h3><!-- /.sec-title__title -->
</div><!-- /.sec-title -->


                </div><!-- /.col-lg-8 -->
                <div class="col-lg-4">
                    <div class="blog-one__top__button">
                        <a href="blog-grid-right.html" class="ecogranit-btn ecogranit-btn--border">
                            <span>VOIR TOUT</span>
                            <i class="icon-right-arrow"></i>
                        </a><!-- /.ecogranit-btn ecogranit-btn--border -->
                    </div><!-- /.blog-one__top__button -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.blog-one__top -->
        <div class="row gutter-y-30">
            <div class="col-md-6 col-lg-4">
                <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
    <div class="blog-card__image">
        <img src="/frontassets/images/blog/blog-1-1.jpg" alt="Talk About the Three Major Types of Floor Tiles">
        <a href="blog-details-right.html" class="blog-card__image__link"><span class="sr-only">Talk About the Three Major Types of Floor Tiles</span>
            <!-- /.sr-only --></a>
    </div><!-- /.blog-card__image -->
    <div class="blog-card__date">
        <span class="blog-card__date__day">20</span>
        <span class="blog-card__date__month">june</span>
    </div><!-- /.blog-card__date -->
    <div class="blog-card__content">
        <h3 class="blog-card__title"><a href="blog-details-right.html">Talk About the Three Major Types of Floor Tiles</a></h3><!-- /.blog-card__title -->
        <p class="blog-card__text">Tiles company, also known as a tile manufacturer or distributor, specializes in the production.</p><!-- /.blog-card__text -->
    </div><!-- /.blog-card__content -->
    <ul class="list-unstyled blog-card__meta">
        <li><a href="#"><i class="icon-user"></i> by Admin</a></li>
        <li><a href="#"><i class="icon-comment"></i> 2 Comments</a></li>
    </ul><!-- /.list-unstyled blog-card__meta -->
</div><!-- /.blog-card -->
            </div><!-- /.col-md-6 col-lg-4 -->
            <div class="col-md-6 col-lg-4">
                <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='200ms'>
    <div class="blog-card__image">
        <img src="/frontassets/images/blog/blog-1-2.jpg" alt="Talk About the Three Major Types of Floor Tiles">
        <a href="blog-details-right.html" class="blog-card__image__link"><span class="sr-only">Talk About the Three Major Types of Floor Tiles</span>
            <!-- /.sr-only --></a>
    </div><!-- /.blog-card__image -->
    <div class="blog-card__date">
        <span class="blog-card__date__day">22</span>
        <span class="blog-card__date__month">june</span>
    </div><!-- /.blog-card__date -->
    <div class="blog-card__content">
        <h3 class="blog-card__title"><a href="blog-details-right.html">Talk About the Three Major Types of Floor Tiles</a></h3><!-- /.blog-card__title -->
        <p class="blog-card__text">Tiles company, also known as a tile manufacturer or distributor, specializes in the production.</p><!-- /.blog-card__text -->
    </div><!-- /.blog-card__content -->
    <ul class="list-unstyled blog-card__meta">
        <li><a href="#"><i class="icon-user"></i> by Admin</a></li>
        <li><a href="#"><i class="icon-comment"></i> 2 Comments</a></li>
    </ul><!-- /.list-unstyled blog-card__meta -->
</div><!-- /.blog-card -->
            </div><!-- /.col-md-6 col-lg-4 -->
            <div class="col-md-6 col-lg-4">
                <div class="blog-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='400ms'>
    <div class="blog-card__image">
        <img src="/frontassets/images/blog/blog-1-3.jpg" alt="Talk About the Three Major Types of Floor Tiles">
        <a href="blog-details-right.html" class="blog-card__image__link"><span class="sr-only">Talk About the Three Major Types of Floor Tiles</span>
            <!-- /.sr-only --></a>
    </div><!-- /.blog-card__image -->
    <div class="blog-card__date">
        <span class="blog-card__date__day">8</span>
        <span class="blog-card__date__month">june</span>
    </div><!-- /.blog-card__date -->
    <div class="blog-card__content">
        <h3 class="blog-card__title"><a href="blog-details-right.html">Talk About the Three Major Types of Floor Tiles</a></h3><!-- /.blog-card__title -->
        <p class="blog-card__text">Tiles company, also known as a tile manufacturer or distributor, specializes in the production.</p><!-- /.blog-card__text -->
    </div><!-- /.blog-card__content -->
    <ul class="list-unstyled blog-card__meta">
        <li><a href="#"><i class="icon-user"></i> by Admin</a></li>
        <li><a href="#"><i class="icon-comment"></i> 2 Comments</a></li>
    </ul><!-- /.list-unstyled blog-card__meta -->
</div><!-- /.blog-card -->
            </div><!-- /.col-md-6 col-lg-4 -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</section><!-- /.blog-one section-space-two -->
<!-- blog end -->


<section class="projects-two projects-two--home section-space-bottom">
    <div class="container">
        <div class="sec-title sec-title--center">
    <h6 class="sec-title__tagline">Nos partenaires</h6>
    <h3 class="sec-title__title">Nos partenaires <br> depuis 20 ans</h3>
</div>


    </div>
    <div class="container-fluid">
    <div class="projects-two__carousel floens-owl__carousel floens-owl__carousel--basic-nav owl-theme owl-carousel"
        data-owl-options='{
        "items": 3,
        "margin": 30,
        "smartSpeed": 700,
        "loop": true,
        "autoWidth": true,
        "autoplay": true,
        "nav": true,
        "dots": false,
        "navText": ["<span class=\"icon-slide-left-arrow\"></span>","<span class=\"icon-slide-right-arrow\"></span>"]
        }'>
        <div class="item">
        <img src="/frontassets/img/part-1.jpg" alt="Modern Tiles">
            </div>
        <div class="item">
             <img src="/frontassets/img/part-2.jpg" alt="Modern Tiles">
        </div>
        <div class="item">
        <img src="/frontassets/img/part-3.jpg" alt="Modern Tiles">
        </div>
         <div class="item">
        <img src="/frontassets/img/part-4.jpg" alt="Modern Tiles">
        </div>



    </div>
</div>
</section>
@endsection