@extends('layouts.master')
@section('title')
    Services
@endsection

@section('content')
    <div class="breadcumb-wrapper " data-bg-src="assets/img/breadcumb/breadcumb-bg.jpg">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Nos services</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{ route('index') }}">Accueil</a></li>
                        <li>Nos services</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
    Service Area
    ==============================-->
    <section class=" space-top space-extra-bottom" id="services">
        <div class="container   wow fadeInUp" data-wow-delay="0.2s">
            <div class="title-area">
                <span class="sec-subtitle"><i class="fas fa-bring-forward"></i>Nos Services</span>
                <h2 class="sec-title h6">EVOLUTIC GROUPE vous offre des prestations variées et diversifiées pour répondre à vos besoins</h2>
            </div>            
            
            <div class="row vs-carousel" data-slide-show="3" data-md-slide-show="2" data-center-mode="true">
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5">INGENIERIE INFORMATIQUES</h3>
                        <div class="price-amount h1"></div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Conception, analyse et développement de systèmes</li>
                                <li><i class="far fa-check-circle"></i>Développement de sites web</li>
                                <li><i class="far fa-check-circle"></i>Développement d’applications</li>
                                <li><i class="far fa-check-circle"></i>Développement d’applications mobiles</li>
                                <li><i class="far fa-check-circle"></i>Développement de portails transactionnels</li>
                                <li><i class="far fa-check-circle"></i>Programmable Chatbots</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5 pb-4">FORMATIONS</h3>
                        <div class="price-amount h1"></div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Formation en développement Web</li>
                                <li><i class="far fa-check-circle"></i>Formation en développement Mobile</li>
                                <li><i class="far fa-check-circle"></i>Recyclage</li>
                                <li><i class="far fa-check-circle"></i>Mise à niveau</li>
                                <li><i class="far fa-check-circle"></i>Formation accélérée</li>
                                <li><i class="far fa-check-circle"></i>Formation normale</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="price-style1">
                        <div class="price-shape" data-bg-src="assets/img/shape/price-bg-shape-1-1.png"></div>
                        <h3 class="price-package h5 pb-4">PRESTATION DE SERVICES</h3>
                        <div class="price-amount h1"> </div>
                        <div class="price-features">
                            <ul>
                                <li><i class="far fa-check-circle"></i>Fournitures de bureau</li>
                                <li><i class="far fa-check-circle"></i>Achat & Vente de Matériels Informatiques</li>
                                <li><i class="far fa-check-circle"></i>Conseils Informatiques</li>
                                <li><i class="far fa-check-circle"></i>Charte graphique</li>
                                <li><i class="far fa-check-circle"></i>Création de maquette (Prototype)</li>
                                <li><i class="far fa-check-circle"></i>Service de nettoyage</li>
                                <li><i class="far fa-check-circle"></i>Service de livraison (colis & repas)</li>
                            </ul>
                        </div>
                        <a href="{{route('contact')}}" class="vs-btn">En savoir plus<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endsection