@extends('layouts.app')
@section('index')
    <div class="witr_swiper_area">
        <div class="swiper-container witr_active_id5">
            <div class="swiper-wrapper">
                <div class="swiper-slide witr_swiper_height" style="background-image: url(assets/img/INCENDIE2.jpg);">
                    <div class="witr_sw_text_area text-left">
                        <div class="witr_swiper_content">
                            <h3> Securité incendie</h3>
                            <!-- btn gradient style -->
                            <div class="slider_btn">
                                <div class="witr_btn_style">
                                    <div class="witr_btn_sinner">
                                        <a class="witr_btn active recpwit" href="home-security.html">PLUS...</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide witr_swiper_height" style="background-image: url(assets/img/cyp1.png);">
                    <div class="witr_sw_text_area text-left">
                        <div class="witr_swiper_content">
                            <h3> Agent Cynophile</h3>
                            <!-- btn gradient style -->
                            <div class="slider_btn">
                                <div class="witr_btn_style">
                                    <div class="witr_btn_sinner">
                                        <a class="witr_btn active recpwit" href="home-security.html">PLUS...</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide witr_swiper_height" style="background-image: url(assets/img/camera.jpeg);">
                    <div class="witr_sw_text_area text-left">
                        <div class="witr_swiper_content">
                            <h3> Incendie sécurité</h3>
                            <!-- btn gradient style -->
                            <div class="slider_btn">
                                <div class="witr_btn_style">
                                    <div class="witr_btn_sinner">
                                        <a class="witr_btn active recpwit" href="home-security.html">PLUS...</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide witr_swiper_height" style="background-image: url(assets/img/gard.jpg);">
                    <div class="witr_sw_text_area text-left">
                        <div class="witr_swiper_content">
                            <h2>Gardiannage</h2>
                            <!-- btn gradient style -->
                            <div class="slider_btn">
                                <div class="witr_btn_style">
                                    <div class="witr_btn_sinner">
                                        <a class="witr_btn active recpwit" href="home-security.html">PLUS...</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-scrollbar"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>

    <!-- solutech_features_area -->
    <div class="solutech_features_area">
        <div class="container">
            <div class="row features_bg">
                <!-- solutech_features_01 -->
                <div class="col-lg-4 col-md-6 col-sm-12 pdlf">
                    <div class="em-service2 sleft all_color_service">
                        <div class="em_service_content ">
                            <div class="em_single_service_text width_height_link_0 ">
                                <div class="service_top_image"></div>
                                <div class="text_box witr_s_flex">
                                    <div class="service_top_text all_icon_color">
                                        <div class="em-service-icon">
                                            <img src="assets/images/feature1.png" alt="">
                                        </div>
                                    </div>
                                    <div class="em-service-inner">
                                        <div class="em-service-title">
                                            <h3><a href="#">PROTECTION</a></h3>
                                        </div>
                                        <div class="em-service-desc">
                                            <p>Première intervention sur sinistre </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- solutech_features_02 -->
                <div class="col-lg-4 col-md-6 col-sm-12 pdlf">
                    <div class="em-service2 sleft all_color_service">
                        <div class="em_service_content ">
                            <div class="em_single_service_text width_height_link_0 ">
                                <div class="service_top_image"></div>
                                <div class="text_box witr_s_flex">
                                    <div class="service_top_text all_icon_color">
                                        <div class="em-service-icon">
                                            <img src="assets/images/feature2.png" alt="">
                                        </div>
                                    </div>
                                    <div class="em-service-inner">
                                        <div class="em-service-title">
                                            <h3><a href="#">Surveillance</a></h3>
                                        </div>
                                        <div class="em-service-desc">
                                            <p>Surveillance privée </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- solutech_features_03 -->
                <div class="col-lg-4 col-md-6 col-sm-12 pdlf">
                    <div class="em-service2 sleft all_color_service border_lf">
                        <div class="em_service_content ">
                            <div class="em_single_service_text width_height_link_0 ">
                                <div class="service_top_image"></div>
                                <div class="text_box witr_s_flex">
                                    <div class="service_top_text all_icon_color">
                                        <div class="em-service-icon">
                                            <img src="assets/images/feature3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="em-service-inner">
                                        <div class="em-service-title">
                                            <h3><a href="#">Malveillance</a></h3>
                                        </div>
                                        <div class="em-service-desc">
                                            <p>Prevention et dissuasion </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- solutech_about_area -->
    <div class="solutech_about_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="witr_section_title">
                        <div class="witr_section_title_inner text-center">
                            <h2>A propos de nous !</h2>
                            <h3>Nous sécurisons, nous rendons compte.</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="witr_pslide3 all_pslides_color ps1 ps3 service_active">
                <div class="witr_cslide3_idany service_top">
                    <!-- solutech_serivce_01 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/img/side-view-security-men-working.jpg" alt="">
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_number_pslide">
                                    <h4>01.</h4>
                                </div>
                                <div class="witr_content_pslide">
                                    <p>SECURITE PROFESSIONELLE </p>
                                    <h3><a href="#">Experts et Staff</a></h3>
                                </div>
                                <div class="witr_pslide_custom">
                                    <a href="#"><span class="ti-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- solutech_serivce_02 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/img/event.jpg" alt="">
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_number_pslide">
                                    <h4>02.</h4>
                                </div>
                                <div class="witr_content_pslide">
                                    <p>EVENEMENTIEL </p>
                                    <h3><a href="home-security.html">Une grande qualité pour vos événements</a></h3>
                                </div>
                                <div class="witr_pslide_custom">
                                    <a href="home-security.html"><span class="ti-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- solutech_serivce_bg_area -->
    <div class="solutech_serivce_area serivce_bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="witr_section_title">
                        <div class="witr_section_title_inner text-center">
                            <h2>Nos secteurs d'interventions</h2>
                            <h3>Nous fournissons des solutions globales de proximité.</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row service_top">
                <!-- solutech_serivce_bg_01 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Etablissements recevant du public </a></h3>
                            <p> </p>

                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_02 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Bureaux, Hôtels, Restaurants </a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_03 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Magasins et Centres Commerciaux</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_04 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Immeubles de Grand Hauteur</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_05 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Entrepôts et Chantiers</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_06 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Centres Hospitaliers</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_07 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Parkings</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_08 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Musées et édifices Publics</a></h3>
                        </div>
                    </div>
                </div>
                <!-- solutech_serivce_bg_09 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="all_feature_color single_feature2 text-center">
                        <div class="witr_feature2">
                            <h3><a href="">Expositions, Foires et Evénéments</a></h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- solutech_project_area -->
    <div class="solutech_project_area">
        <div class="containers">
            <div class="row">
                <div class="col-lg-12">
                    <div class="witr_section_title">
                        <div class="witr_section_title_inner text-center">
                            <h2> Nous travaillons sur des projets</h2>
                            <h3>Comment nous abordons nos projets</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="witr_pslide all_pslides_color ps1 service_active">
                <div class="witr_islidess_slick witr_cslide_idany project_top">
                    <!-- solutech_project_01 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/img/gard2.jpg" alt="">
                            </div>
                            <div class="witr_pslide_custom">
                                <a href=""><span class="ti-arrow-right"></span></a>
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_content_pslide">
                                    <h3><a href="">Agent de sécurité </a></h3>
                                    <p>Accès </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- solutech_project_02 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/images/project-thumb-03.jpg" alt="">
                            </div>
                            <div class="witr_pslide_custom">
                                <a href=""><span class="ti-arrow-right"></span></a>
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_content_pslide">
                                    <h3><a href="">Contrôle des Installations techniques</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- solutech_project_03 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/img/I1.jpg" alt="">
                            </div>
                            <div class="witr_pslide_custom">
                                <a href=""><span class="ti-arrow-right"></span></a>
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_content_pslide">
                                    <h3><a href="">Rondes des surveillances des locaux</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- solutech_project_04 -->
                    <div class="item_pos col-lg-12">
                        <div class="witr_single_pslide">
                            <div class="witr_pslide_image">
                                <img src="assets/img/poo1.jpg" alt="">
                            </div>
                            <div class="witr_pslide_custom">
                                <a href=""><span class="ti-arrow-right"></span></a>
                            </div>
                            <div class="witr_content_pslide_text">
                                <div class="witr_content_pslide">
                                    <h3><a href="">Protection et assistance sur messure </a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- solutech_work_area -->
    <div class="solutech_work_area work_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="witr_section_title">
                        <div class="witr_section_title_inner text-center">
                            <h2>Comment nous travaillons</h2>
                            <h3>Systèmes de surveillance de sécurité</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row work_top">
                <!-- solutech_process_01 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="witr_process all_process_color">
                        <div class="witr_front_content">
                            <div class="witr_process_image">
                                <img src="assets/images/work-3.jpg" alt="">
                                <div class="witr_back_process">
                                    <div class="witr_content_service">
                                        <h3><a href="">Caméras sans fil jour et nuit</a></h3>
                                        <p>Système de surveillance autonome comprenant des caméras avec haute qualité,
                                            des enregistreurs et des écrans permettant de surveiller les activités dans
                                            un magasin ou une entreprise. </p>
                                    </div>
                                </div>
                                <div class="witr_process_box">
                                    <div class="witr_process_icon">
                                        <i class="fas fa-plus"></i>
                                    </div>
                                    <div class="witr_process_icon2">
                                        <i class="fas fa-minus"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- solutech_process_02 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="witr_process all_process_color">
                        <div class="witr_front_content">
                            <div class="witr_process_image">
                                <img src="assets/img/incendie11.jpg" alt="">
                                <div class="witr_back_process">
                                    <div class="witr_content_service">
                                        <h3><a href=""> PROTECTION VIE ET INCENDIE</a></h3>
                                        <p>MIDOLE SECURITY vous оffre une gamme соmрlétе pour votre protection vie et
                                            incendie. </p>
                                    </div>
                                </div>
                                <div class="witr_process_box">
                                    <div class="witr_process_icon">
                                        <i class="fas fa-plus"></i>
                                    </div>
                                    <div class="witr_process_icon2">
                                        <i class="fas fa-minus"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- solutech_process_03 -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="witr_process all_process_color">
                        <div class="witr_front_content">
                            <div class="witr_process_image">
                                <img src="assets/img/CYP01.jpg" alt="">
                                <div class="witr_back_process">
                                    <div class="witr_content_service">
                                        <h3><a href="">Intrusion</a></h3>
                                        <p>Protéger, surveiller , contrôler, secourir tout cela fait partie des
                                            fonctions d’un Agent de Sécurité Cynophile et de son chien </p>
                                    </div>
                                </div>
                                <div class="witr_process_box">
                                    <div class="witr_process_icon">
                                        <i class="fas fa-plus"></i>
                                    </div>
                                    <div class="witr_process_icon2">
                                        <i class="fas fa-minus"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- witr_brand_area -->
    <div class="witr_brand_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-8 col-sm-12 pdlf">
                    <div class="imagess_area wittr_car_top_left brand_bg">
                        <div class="witr_car_overlay brand_imagess_active">
                            <div class="slide_items">
                                <img src="assets/images/brand1.png" alt="" />
                            </div>
                            <div class="slide_items">
                                <img src="assets/images/brand2.png" alt="" />
                            </div>
                            <div class="slide_items">
                                <img src="assets/images/brand3.png" alt="" />
                            </div>
                            <div class="slide_items">
                                <img src="assets/images/brand4.png" alt="" />
                            </div>
                            <div class="slide_items">
                                <img src="assets/images/brand2.png" alt="" />
                            </div>
                            <div class="slide_items">
                                <img src="assets/images/brand3.png" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-12 pdlf">
                    <div class="witr_button_bg">
                        <div class="witr_button_area">
                            <div class="witr_btn_style mr">
                                <div class="witr_btn_sinner">
                                    <a href="#" class="witr_bbtn"><i class="bi bi-arrow-up-short"></i><i
                                            class="bi bi-arrow-up-short"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection