@extends('base')

@section('title','A propos')

@section('content')

<br><br><br><br>
 <!-- Page Banner Start -->
        <section class="page-banner bgs-cover text-white pt-65 pb-75" style="background-image: url(assets/images/kempro/banner_about.jpg);">
            <div class="container">
                <div class="banner-inner">
                    <h2 class="page-title wow fadeInUp delay-0-2s">À propos de nous</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb wow fadeInUp delay-0-4s">
                            <li class="breadcrumb-item"><a href="{{route('accueil.index')}}">Accueil</a></li>
                            <li class="breadcrumb-item active">À propos de nous</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </section>
        <!-- Page Banner End -->


        <!-- About Area start -->
        <div class="about-page-area py-130 rpt-120 rel z-1">
            <div class="container">
                <div class="row large-gap justify-content-between">
                    <div class="col-lg-6">
                        <div class="about-page-content rmb-65 wow fadeInUp delay-0-2s">
                            <div class="section-title mb-20">
                                <span class="sub-title mb-15">À propos de l'entreprise</span>
                                <h2>Nous sommes une entreprise de services d'impression basée au TOGO</h2>
                            </div>
                            <p>Fondée il y a une décennie, KEM s'est forgée une réputation en tant que leader innovant dans l'industrie de l'impression. Nous proposons des services d'impression uniques et personnalisés sur une gamme diversifiée de supports, allant des tasses aux t-shirts en passant par les casquettes et bien plus encore.</p>
                            <div class="about-btns pt-5">
                                {{-- <a href="about.html" class="theme-btn mt-20">En savoir plus <i class="far fa-long-arrow-right"></i></a> --}}
                                <a href="#" class="mfp-iframe about-video-play mt-20"><i class="fas fa-play"></i> <span>Comment ça marche</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mission-vision-part">
                            <div class="mission-vision-item wow fadeInUp delay-0-4s">
                                <div class="progress-content one">
                                    <i class="flaticon-target"></i>
                                </div>
                                <div class="content">
                                    <h4>Notre Mission</h4>
                                    <p>Offrir des services d'impression de haute qualité tout en dépassant les attentes de nos clients à chaque étape du processus.</p>
                                </div>
                            </div>
                            <div class="mission-vision-item wow fadeInUp delay-0-6s">
                                <div class="progress-content two">
                                    <i class="flaticon-mission"></i>
                                </div>
                                <div class="content">
                                    <h4>Notre Vision</h4>
                                    <p>Être le partenaire privilégié de nos clients en offrant des solutions d'impression innovantes et durables qui répondent à leurs besoins tout en respectant l'environnement et en favorisant le développement durable.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About Area end -->


        <!-- Fact Counter start -->
        <div class="video-fact-counter bgc-lighter" style="background-image: url(assets/images/about/about-counter-bg.png);">
            <div class="container">
                {{-- <div class="about-video about-page-video">
                    <img src="assets/images/about/about-page-video.jpg" alt="About">
                    <a href="#" class="mfp-iframe video-play"><i class="fas fa-play"></i></a>
                </div> --}}
                <div class="row pt-80 pb-50">
                    <div class="col-xl-3 col-md-6">
                        <div class="counter-item wow fadeInUp delay-0-2s">
                            <div class="icon">
                                <i class="far fa-plus"></i>
                            </div>
                            <p>Utilisateur actif sur le produit que nous avons créé</p>
                            <span class="count-text k-plus" data-speed="3000" data-stop="58">0</span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <div class="counter-item wow fadeInUp delay-0-4s">
                            <div class="icon">
                                <i class="far fa-plus"></i>
                            </div>
                            <p>Nous avons réalisé de nombreux projets d'impression</p>
                            <span class="count-text plus" data-speed="3000" data-stop="3654">0</span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <div class="counter-item wow fadeInUp delay-0-6s">
                            <div class="icon">
                                <i class="far fa-plus"></i>
                            </div>
                            <p>Projets que nous avons menés à bien en cours de route</p>
                            <span class="count-text plus" data-speed="3000" data-stop="8630">0</span>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <div class="counter-item wow fadeInUp delay-0-8s">
                            <div class="icon">
                                <i class="far fa-plus"></i>
                            </div>
                            <p>Nous avons de nombreuses années d'expérience</p>
                            <span class="count-text plus" data-speed="3000" data-stop="24">0</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="circle-shapes">
                <div class="shape-inner">
                    <span class="dot-one"></span>
                    <span class="dot-two"></span>
                    <span class="dot-three"></span>
                    <span class="dot-four"></span>
                    <span class="dot-five"></span>
                </div>
            </div>
        </div>
        <!-- Fact Counter end -->


        <!-- Team Area start -->
        {{-- <section class="team-area rel z-1 pt-120 pb-130">
            <div class="container">
                <div class="row justify-content-between align-items-end pb-25">
                    <div class="col-xl-6 col-lg-8">
                        <div class="section-title mb-25 wow fadeInUp delay-0-2s">
                            <span class="sub-title mb-10">Notre Membre d'Équipe</span>
                            <h2>Nous avons des membres d'équipe expérimentés. Venez nous rencontrer</h2>
                        </div>
                    </div>
                    <div class="col-lg-3 text-lg-end">
                        <a href="team.html" class="theme-btn mb-35 wow fadeInUp delay-0-4s">Voir Plus <i class="far fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="team-slider">
                    <div class="team-member wow fadeInUp delay-0-2s">
                        <div class="image">
                            <img src="assets/images/kempro/team_3.jpg" alt="Member">
                        </div>
                        <div class="content">
                            <h5>Michael S. Harper</h5>
                            <span class="designation">PDG et Fondateur</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="team-member wow fadeInUp delay-0-4s">
                        <div class="image">
                            <img src="assets/images/kempro/team_2.jpg" alt="Membre">
                        </div>
                        <div class="content">
                            <h5>Jerome M. Burns</h5>
                            <span class="designation">Directeur Principal</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="team-member wow fadeInUp delay-0-6s">
                        <div class="image">
                            <img src="assets/images/kempro/team_1.jpg" alt="Member">
                        </div>
                        <div class="content">
                            <h5>Thomas B. Gutierrez</h5>
                            <span class="designation">Développeur Web</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="team-member wow fadeInUp delay-0-2s">
                        <div class="image">
                            <img src="assets/images/kempro/team_3.jpg" alt="Membre">
                        </div>
                        <div class="content">
                            <h5>Michael S. Harper</h5>
                            <span class="designation">CEO & Fondateur</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="team-member wow fadeInUp delay-0-2s">
                        <div class="image">
                            <img src="assets/images/kempro/team_2.jpg" alt="Member">
                        </div>
                        <div class="content">
                            <h5>Jérôme M. Burns</h5>
                            <span class="designation">Directeur Principal</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="team-member wow fadeInUp delay-0-2s">
                        <div class="image">
                            <img src="assets/images/kempro/team_1.jpg" alt="Membre">
                        </div>
                        <div class="content">
                            <h5>Thomas B. Gutierrez</h5>
                            <span class="designation">Développeur Web</span>
                            <div class="social-style-two">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-dribbble"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="circle-shapes">
                <div class="shape-inner">
                    <span class="dot-one"></span>
                    <span class="dot-two"></span>
                    <span class="dot-three"></span>
                    <span class="dot-four"></span>
                    <span class="dot-five"></span>
                </div>
            </div>
        </section> --}}
        <!-- Team Area end -->


        <!-- Why Choose Area start -->
        <div class="why-choose-three pt-120 pb-100 rel z-1 bgc-black text-white">
            <div class="container">
                <div class="services-inner ">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-8">
                            <div class="section-title text-center mb-60">
                                <span class="sub-title mb-15">Pourquoi nous choisir</span>
                                <h2>Des fonctionnalités incroyables pour la conception et les services d'impression</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-3 col-md-6">
                            <div class="service-item style-three wow fadeInUp delay-0-2s">
                                <div class="icon">
                                   <i class="flaticon-network"></i>
                                </div>
                                <h5><a href="service-details.html">Équipe expérimentée</a></h5>
                                {{-- <p>D'autre part, dénoncer l'indignation rigoureuse</p> --}}
                                <div class="bg-image" style="background-image: url(assets/images/services/service-bg-three.jpg);"></div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <div class="service-item style-three wow fadeInUp delay-0-4s">
                                <div class="icon">
                                   <i class="flaticon-air-plane"></i>
                                </div>
                                <h5><a href="service-details.html">Transport & Livraison </a></h5>
                                {{-- <p>D'autre part, dénoncer l'indignation rigoureuse</p> --}}
                                <div class="bg-image" style="background-image: url(assets/images/services/service-bg-three.jpg);"></div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <div class="service-item style-three wow fadeInUp delay-0-6s">
                                <div class="icon">
                                   <i class="flaticon-award"></i>
                                </div>
                                <h5><a href="service-details.html">Services de qualité</a></h5>
                                {{-- <p>D'autre part, dénoncer l'indignation rigoureuse</p> --}}
                                <div class="bg-image" style="background-image: url(assets/images/services/service-bg-three.jpg);"></div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-6">
                            <div class="service-item style-three wow fadeInUp delay-0-8s">
                                <div class="icon">
                                   <i class="flaticon-technical-support"></i>
                                </div>
                                <h5><a href="service-details.html">Politique de retour à 100%</a></h5>
                                {{-- <p>D'autre part, dénoncer l'indignation rigoureuse</p> --}}
                                <div class="bg-image" style="background-image: url(assets/images/services/service-bg-three.jpg);"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="circle-shapes">
                <div class="shape-inner">
                    <span class="dot-one"></span>
                    <span class="dot-two"></span>
                    <span class="dot-three"></span>
                    <span class="dot-four"></span>
                    <span class="dot-five"></span>
                </div>
            </div>
        </div>
        <!-- Why Choose Area end -->


        <!-- Testimonials start -->
        {{-- <section class="testimonials-area py-130">
            <div class="container rel">
                <div class="row justify-content-between pb-35">
                    <div class="col-lg-5">
                        <div class="section-title mb-20 wow fadeInRight delay-0-2s">
                            <span class="sub-title mb-10">Our Testimonials</span>
                            <h2>Ce que disent nos clients à propos de nos services</h2>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="global-clients mb-20 wow fadeInLeft delay-0-2s">
                            <h5>Clients Mondiaux</h5>
                            <div class="images">
                                <img src="assets/images/testimonials/global-client1.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client2.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client3.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client4.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client5.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client6.jpg" alt="Global client">
                                <img src="assets/images/testimonials/global-client7.jpg" alt="Global client">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-active">
                    <div class="testimonial-item">
                        <div class="image">
                            <img src="assets/images/testimonials/testi-author-big-1.jpg" alt="Testimonial">
                        </div>
                        <div class="content">
                            <div class="text">
                                D'un autre côté, nous dénonçons avec indignation et aversion les hommes qui sont séduits et démoralisés par les charmes du plaisir, moment si aveuglés par le désir qu'ils ne peuvent pas voir la douleur et les ennuis qui les attendent.
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonials/testi-author-small-1.jpg" alt="Auteur">
                                <div class="title">
                                    <h5>Jeremy J. Collins</h5>
                                    <span>Directeur Senior</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-item">
                        <div class="image">
                            <img src="assets/images/testimonials/testi-author-big-1.jpg" alt="Témoignage">
                        </div>
                        <div class="content">
                            <div class="text">
                                D'un autre côté, nous dénonçons avec indignation et aversion les hommes qui sont séduits et démoralisés par les charmes du plaisir, moment si aveuglés par le désir qu'ils ne peuvent pas voir la douleur et les ennuis qui les attendent.
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonials/testi-author-small-1.jpg" alt="Auteur">
                                <div class="title">
                                    <h5>Jeremy J. Collins</h5>
                                    <span>Directeur Senior</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="circle-shapes">
                    <div class="shape-inner">
                        <span class="dot-one"></span>
                        <span class="dot-two"></span>
                        <span class="dot-three"></span>
                        <span class="dot-four"></span>
                        <span class="dot-five"></span>
                    </div>
                </div>
            </div>
        </section> --}}
        <!-- Testimonials end -->


        <!-- CTA Area start -->
        <section class="cta-area bgc-gradient">
            <div class="row">
                <div class="col-xl-4">
                    <div class="cta-left-image rel z-1 wow fadeInLeft delay-0-4s">
                        <img src="assets/images/cta/cta-left.png" alt="CTA Left">
                        <div class="circle-shapes white-shape no-animation">
                            <div class="shape-inner">
                                <span class="dot-one"></span>
                                <span class="dot-two"></span>
                                <span class="dot-three"></span>
                                <span class="dot-four"></span>
                                <span class="dot-five"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 align-self-center">
                    <div class="cta-content text-white py-55 wow fadeInUp delay-0-2s">
                        <div class="section-title mb-35">
                            <span class="sub-title mb-10">Contactez-nous</span>
                            <h2>Besoin d'impression pour votre entreprise ?</h2>
                        </div>
                        <a href="projects.html" class="theme-btn">Commencez vos projets <i class="far fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="cta-right-image rel z-1 wow fadeInRight delay-0-2s">
                        <img src="assets/images/cta/cta-right.png" alt="CTA Right">
                        <div class="circle-shapes white-shape no-animation">
                            <div class="shape-inner">
                                <span class="dot-one"></span>
                                <span class="dot-two"></span>
                                <span class="dot-three"></span>
                                <span class="dot-four"></span>
                                <span class="dot-five"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- CTA Area end -->

        @endsection