@extends('layouts.master')
@section('title', 'Apropos')
@section('serviceactive', 'active') 
@section('content')
        
        <div class="page-content">
        
            <!-- INNER PAGE BANNER -->
            <div class="mt-bnr-inr overlay-wraper bg-parallax bg-top-center"  data-stellar-background-ratio="0.5"  style="background-image:url(template/images/banner/1.jpg);">
                <div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="mt-bnr-inr-entry">
                        <div class="banner-title-outer">
                            <div class="banner-title-name">
                                <h2 class="m-b0">ELYT BTP, votre partenaire de confiance pour des finitions parfaites et durables</h2>
                            </div>
                        </div>
                        <!-- BREADCRUMB ROW -->                            
                        
                            <div>
                                <ul class="mt-breadcrumb breadcrumb-style-2">
                                    <li><a href="{{url('/')}}">Accueil</a></li>
                                    <li>Nos services</li>
                                </ul>
                            </div>
                        
                        <!-- BREADCRUMB ROW END -->                        
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->

                        <!-- ABOUT COMPANY SECTION START -->
                        <div class="section-full p-t80 p-b50 bg-white">
                            <div class="container">
                                <div class="section-content ">
                                     <div class="m-service-containt text-black">
                                            <div class="row">
                                                <div class="col-lg-5 col-md-12">
                                                    <div class="service-about-left">
                                                        <div class="mt-media">
                                                            <img src="template/images/s-1.png" alt=""> 
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-7 col-md-12">
                                                    <div class="service-about-right m-b30">
                                                        <h3 class="m-t0">ELYT BTP</h3>
                                                        <p>ELYT BTP est votre partenaire de confiance pour des constructions durables et innovantes. Implantée dans la région des savanes, notre entreprise est spécialisée dans la réalisation de projets résidentiels et commerciaux de haute qualité. Nous nous engageons à intégrer des solutions respectueuses de l'environnement et à répondre précisément aux attentes de nos clients, en alliant esthétique, fonctionnalité et respect des délais. Ensemble, construisons un avenir plus durable, où chaque projet reflète notre savoir-faire et notre passion pour l'excellence.</p>
                                                        <div class="call-for-quote-outer">
                                                            <div class="call-quote">
                                                                <span style="color: #ffffff">Contactez nous:</span>
                                                                <h4>(+228) 93 64 64 24 | 97 99 99 24</h4>
                                                            </div>
                                                            <div class="call-estimate site-bg-dark">
                                                                <a href="{{url('cotation')}}" class="site-button-secondry btn-effect">Demande de cotation</a>
                                                            </div>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>   
                        <!-- ABOUT COMPANY SECTION END -->
                        
                        <!-- OUR SPECIALLIZATION START -->
                        {{--
                        <div class="section-full p-t80 p-b50 bg-dark mobile-page-padding our-product3-wrap" style="background-image:url(images/background/bg-6.png);">
                            <div class="container">
                                <!-- IMAGE CAROUSEL START -->
                                <div class="section-content">
                                    <div class="section-head m-b50 text-white text-center">
                                        <h3 class="m-t0">We are all constructed out of our self dialogue.</h3>
                                        <p>Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorperadipiscing elit, sed diam nonummy nibh suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                    </div>
                                    <div class="row d-flex justify-content-center">
                                        <div class="col-lg-4 col-md-6 m-b30">
                                        
                                            <div class="image-effect-one hover-shadow">
                                                <img src="images/services/1.jpg" alt="" />
                                                <div class="figcaption">
                                                    <h4>Concept and Design</h4>
                                                    <p>Est notare quam littera gothica, quam nunc putamus parum claram.</p>
                                                    <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                                </div>
                                                                                    
                                            </div>
                                                                            
                                        </div>
                                        <div class="col-lg-4 col-md-6 m-b30">
                                        
                                            <div class="image-effect-one hover-shadow">
                                                <img src="images/services/2.jpg" alt="" />
                                                <div class="figcaption">
                                                    <h4>Refurbishment</h4>
                                                    <p>Est notare quam littera gothica, quam nunc putamus parum claram.</p>
                                                    <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                                </div>
                                             
                                            </div>                                                            
                                        
                                        </div>
                                        <div class="col-lg-4 col-md-6 m-b30">
                                        
                                            <div class="image-effect-one hover-shadow">
                                                <img src="images/services/3.jpg" alt="" />
                                                <div class="figcaption site-bg-dark">
                                                    <h4>General Builder</h4>
                                                    <p>Est notare quam littera gothica, quam nunc putamus parum claram.</p>
                                                     <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                                </div>
                                               
                                            </div>
                                                                          
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </div>   

                         --}}
                        <!-- OUR SPECIALLIZATION END --> 
             

            
            
            <!-- OUR SERVICES START -->
            <div class="section-full mobile-page-padding our-service-wrap  p-b50  square_shape2">
                <div class="section-content">
                    <div class="Service-half-top p-t80  site-bg-dark bg-moving" style="background-image:url(template/images/background/bg-1.png)" >
                        <div class="container">
                            <!-- TITLE START -->
                            <div class="section-head text-white"> 
                                <div class="mt-separator-outer separator-left">
                                    <div class="mt-separator">
                                        <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Nos </span> Services</h2>
                                    </div>
                                </div>
                                <!-- <h3>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration</h3> -->
                            </div>                  
                            <!-- TITLE END -->
                        </div>
                    </div>
                    <div class="services-half-bottom">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-8">
                                    
                                    <div class="mt-icon-box-wraper m-b30">
                                        <div class="relative icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">1</span>
                                            <!-- <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                                <span class="icon-cell"><img src="template/images/icon/crane-1.png" alt=""></span>
                                            </div> -->
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">Peinture, Staffage et Décoration</h4>
                                                <p style="text-align: justify;">Expertise dans la peinture intérieure et extérieure, y compris la préparation des surfaces, la sélection des couleurs et la finition de haute qualité. Services de décoration pour créer des espaces esthétiques et fonctionnels, en harmonie avec les préférences et le style de vie de nos clients</p>
                                                <a href="{{url('service')}}" class="site-button-link" data-hover="Read More">Lire la suite <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                    </div>                              
                                    
                                </div>
                                
                                <div class="col-lg-4 col-md-8">
                                    
                                    <div class="mt-icon-box-wraper m-b30">
                                        <div class="relative icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">2</span>
                                            <!-- <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                                <span class="icon-cell"><img src="template/images/icon/renovation.png" alt=""></span>
                                            </div> -->
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">  Électricité Générale et Climatisation</h4>
                                                <p style="text-align: justify;">Installation, réparation et mise à niveau des systèmes électriques résidentiels et commerciaux. Respect strict des normes de sécurité et utilisation de matériaux de qualité pour une performance optimale et une sécurité accrue </p>
                                                <a href="{{url('service')}}" class="site-button-link" data-hover="Read More">Lire la suite<i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                    </div>                              
                                    
                                </div>

                                <div class="col-lg-4 col-md-8">
                                    
                                    <div class="mt-icon-box-wraper m-b30">
                                        <div class="relative icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">3</span>
                                            
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">  Plomberie</h4>
                                                <p style="text-align: justify;">Services complets de plomberie comprenant l'installation de lavabos, de baignoires, d’aménagement de douche,  ainsi que la réparation de fuites et le remplacement de tuyauterie. Engagés à fournir des solutions efficaces et durables pour assurer le bon fonctionnement des installations sanitaires.</p>
                                                <a href="services.html" class="site-button-link" data-hover="Read More">Lire la suite <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                    </div>                              
                                    
                                </div>

                                <div class="col-lg-4 col-md-8">
                                    
                                    <div class="mt-icon-box-wraper m-b30">
                                        <div class="relative icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">4</span>
                                            
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">  Menuiserie Aluminium </h4>
                                                <p style="text-align: justify;">Spécialisés dans la fabrication et l'installation de fenêtres, portes, baies vitrées, rampes d'escaliers, garde-corps verre pour balcon et terrasse Et autres éléments en aluminium. Nous privilégions la durabilité, l'efficacité énergétique et le design esthétique pour répondre aux besoins de nos clients.</p>
                                                <a href="{{url('service')}}" class="site-button-link" data-hover="Read More">En savoir plus <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                    </div>                              
                                    
                                </div>  

                                <div class="col-lg-4 col-md-8">
                                    
                                    <div class="mt-icon-box-wraper m-b30">
                                        <div class="relative icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">5</span>
                                            
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">Pose de Carreaux et Pavés  </h4>
                                                <p style="text-align: justify;">Nous proposons une vaste sélection de carreaux de haute qualité pour sols et murs, adaptés à tous les styles et budgets. Nos services incluent la préparation de surfaces, la découpe précise et l'installation experte pour assurer un résultat impeccable.</p>
                                                <a href="{{url('service')}}" class="site-button-link" data-hover="Read More">En savoir plus <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>                                    
                                                                                         
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="hilite-title text-left p-l50 text-uppercase text-pop-up-top">
                    <strong>Services</strong>
                </div> -->                    
            </div>   
            <!-- OUR SERVICES  END -->

                      
            
        </div>

@endsection