templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %} {% block title %}Groupe legrandsoft | Entreprise de genie logiciel, & Developpement d'application web et mobile, Conception des logiciels et système embarqués,solutions informatiques{% endblock %} {% block body %}
  3. <main class="home">
  4.     <section>
  5.         <!--========== Banner Start ==========-->
  6.         <div class="container-fluid banner py-5 home-1">
  7.             <div class="container py-5">
  8.                 <div class="content-banner">
  9.                     <div class="">
  10.                         <h1 class="display-3 text-white mb-3 animated slideInDown">Entreprise de Génie logiciel</h1>
  11.                         <div>
  12.                             <h2 class="text-white">(Developpements d'applications web & mobiles, création des sites web <br> Conception des systèmes embarqués...)</h2>
  13.                         </div>
  14.                     </div>
  15.                     <div class="">
  16.                         <p class="display-3 text-white mt-4 animated slideInUp"><a href="{{path('app_devis')}}" class="btn btn-primary py-3 px-5 rounded-pill">Demander un devis...</a></p>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.         <!--========== Banner End ==========-->
  23.         <!--========== A propos title Start ==========-->
  24.         <article class="container-fluid pt-2 home-2" id="apropos">
  25.             <div class="container">
  26.                 <div class="">
  27.                     <div class="">
  28.                         <h3 class="display-3 text-center text-primary mb-3 animated slideInDown">A propos de nous</h3>
  29.                         <hr class=" line-divide">
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         </article>
  34.         <!--========== A propos title End ==========-->
  36.         <!--========== A propos content Start ==========-->
  37.         <article class="container-fluid pt-2 home-2">
  38.             <div class="container">
  39.                 <div class="row">
  40.                     <div class="col-lg-6">
  41.                         <p class="text-justify text-primary mb-3 wow fadeInDown">Groupe legrandsoft entreprise de génie logiciel, de développement web & mobile, creation des sites web. Nous accompagnons les PME dans la gestion, l’exploitation et l’évolution de leur système d’information. Grâce à notre offre
  42.                             de services informatiques managés (Développement web, Développement Mobile, Génie Logiciel et hébergement ), vous bénéficiez d’un pilotage quotidien de votre système d’information par des experts de l’informatique. Nos offres,
  43.                             forfaitaires et illimitées s’adaptent à vos besoins et à votre évolution pour un accompagnement 100% personnalisé.
  44.                         </p>
  45.                         <div class="">
  46.                             <p class="display-3 text-white mt-4 animated slideInUp"><a href="{{path('app_contact')}}" class="btn btn-primary py-3 px-5 rounded-pill">Nous contactez...</a></p>
  47.                         </div>
  48.                     </div>
  49.                     <div class="col-lg-6 wow fadeInDown">
  50.                         <img src="/assets/images/hero-img.webp" alt="apropos_GL_developpement_web" width="556" height="461" class=" wow fadeInDown">
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </article>
  55.         <!--========== A propos content End ==========-->
  58.         <!--========== Nos produits title Start ==========-->
  59.         <article class="container-fluid pt-2 home-3">
  60.             <div class="container">
  61.                 <div class="">
  62.                     <div class="">
  63.                         <h3 class="display-3 text-center text-primary mb-3 animated slideInDown">Decouvrez nos produits</h3>
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </article>
  68.         <!--========== Nos produits title End ==========-->
  70.         <!--========== Nos produits content Start ==========-->
  71.         <article class=" py-2  home__home-4">
  72.             <div class="home__home-4--projet-1 py-4 wow fadeInDown">
  73.                 <div class="container">
  74.                     <b> <h4 class=" text-white mb-3 animated slideInDown"> Virtual school</h4></b>
  75.                     <p>Logiciel de gestion des établisssements secondaires et primaires</p>
  76.                     <p>Services disponible :</p>
  77.                     <div class="box">
  78.                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Gestion des enseignants</p></b>
  79.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion des élèves</p></b>
  80.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion des notes</p></b>
  81.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Impression des bulletins...</p></b>
  82.                     </div>
  83.                     <a href="{{path('app_produits')}}" class="btn btn-danger rounded-pill my-3">Plus de détail...</a>
  84.                 </div>
  85.             </div>
  86.             <div class="content-img">
  87.                 <img src="/assets/images/accueil.webp" alt="image_logiciel_de_gestion_des_ecoles" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  88.                 <img src="/assets/images/note.webp" alt="image_logiciel_de_gestion_des_ecoles" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  89.                 <img src="/assets/images/personnel.webp" alt="image_logiciel_de_gestion_des_ecoles" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1">
  90.             </div>
  91.         </article>
  92.         <!--========== Nos produits content End ==========-->
  94.         <!--========== Nos produits content Start ==========-->
  95.         <article class=" py-2  home__home-5 mb-3">
  96.             <div class="content-img element-1">
  97.                 <img src="/assets/images/gesplus1.webp" alt="image_logiciel_de_gestion_comerciale" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  98.                 <img src="/assets/images/gesplus2.webp" alt="image_logiciel_de_gestion_comerciale" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  99.                 <img src="/assets/images/gesplus3.webp" alt="image_logiciel_de_gestion_comerciale" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1">
  100.             </div>
  101.             <div class="home__home-5--projet-2 py-4 wow fadeInDown element-2">
  102.                 <div class="container">
  103.                     <a href="https://gestion.legrandsoft.com">
  104.                         <b><h4 class=" text-white mb-3"> Gestion Plus</h4></b>
  105.                     </a>
  106.                     <p>Application web de gestion comerciale et du personnel</p>
  107.                     <p>Services disponible :</p>
  108.                     <div class="box">
  109.                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Gestion client</p></b>
  110.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion de stock</p></b>
  111.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion du personnel</p></b>
  112.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion depenses et inventaires...</p></b>
  113.                         <a href="{{path('app_produits')}}" class="btn btn-danger rounded-pill my-3">Plus de détail...</a>
  114.                     </div>
  115.                 </div>
  116.         </article>
  117.         <!--========== Nos produits content End ==========-->
  119.         <!--========== Nos produits content Start ==========-->
  120.         <article class=" py-2  home__home-4">
  121.             <div class="home__home-4--projet-1 py-4 wow fadeInDown">
  122.                 <div class="container">
  123.                     <b> <h4 class=" text-white mb-3 animated slideInDown">GLsms</h4></b>
  124.                     <p>Application d'envoi rapide des SMS en masse vers tous réseau</p>
  125.                     <p>Services disponible :</p>
  126.                     <div class="box">
  127.                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Gestion des enseignants</p></b>
  128.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion des élèves</p></b>
  129.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Gestion des notes</p></b>
  130.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Impression des bulletins...</p></b>
  131.                     </div>
  132.                     <a href="https://sms.legrandsoft.com" class="btn btn-danger rounded-pill my-3">Plus de détail...</a>
  133.                 </div>
  134.             </div>
  135.             <div class="content-img">
  136.                 <img src="/assets/images/GLsms1.webp" alt="image_application_d_envoi_sms_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  137.                 <img src="/assets/images/GLsms2.webp" alt="image_application_d_envoi_sms_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  138.                 <img src="/assets/images/GLsms3.webp" alt="image_application_d_envoi_sms_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1">
  139.             </div>
  140.         </article>
  141.         <!--========== Nos produits content End ==========-->
  143.         <!--========== Nos produits content Start ==========-->
  144.         <article class=" py-2  home__home-5 mb-3">
  145.             <div class="content-img element-1">
  146.                 <img src="/assets/images/Glpay1.webp" alt="image_de_gestion_des_payements_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  147.                 <img src="/assets/images/Glpay2.webp" alt="image_de_gestion_des_payements_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1 me-2">
  148.                 <img src="/assets/images/Glpay3.webp" alt="image_de_gestion_des_payements_en_ligne" width="218" height="238" class="mb-2 wow fadeInDown img-fluid w-35 img-1">
  149.             </div>
  150.             <div class="home__home-5--projet-2 py-4 wow fadeInDown element-2">
  151.                 <div class="container">
  152.                     <a href="https://gestion.legrandsoft.com">
  153.                         <b><h4 class=" text-white mb-3">GLpay</h4></b>
  154.                     </a>
  155.                     <p>Application de Payement des services en ligne</p>
  156.                     <p>Services disponible :</p>
  157.                     <div class="box">
  158.                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Transférez de l'argent <span class=" text-danger">Orange</span> vers <span class=" text-danger">MTN</span> </p></b>
  159.                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Transférez de l'argent <span class=" text-danger">MTN</span> vers <span class=" text-danger">Orange</span> </p></b>
  160.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Payement d'une facture(Canal + , ENÉO ...)</p></b>
  161.                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Payement direct (Carte Bancaire, Mobile, PayPal...)</p></b>
  162.                         <a href="http://www.glpay.cm/" target="_blank" class="btn btn-danger rounded-pill my-3">Plus de détail...</a>
  163.                     </div>
  164.                 </div>
  165.         </article>
  166.         <!--========== Nos produits content End ==========-->
  169.         <!--========== Nos offres d’expertise title Start ==========-->
  170.         <article class="container-fluid pt-2 home__home-6">
  171.             <div class="container">
  172.                 <div class="">
  173.                     <div class="">
  174.                         <h3 class="display-3 text-center text-primary mb-3 animated slideInDown">Nos offres d’expertise !</h3>
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.         </article>
  179.         <!--========== Nos offres d’expertise title End ==========-->
  181.         <!--========== Nos offres d’expertise content Start ==========-->
  182.         <article class=" py-2  home__home-7 mb-3 d-flex">
  183.             <div class="container">
  184.                 <div class="row">
  185.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.1s">
  186.                         <div class="card">
  187.                             <div class="home__home-7--content p-2 text-center">
  188.                                 <img src="/assets/images/developpement-web.webp" width="243" height="250" alt="developpement_web" class="">
  189.                                 <p class="text-center">Développement web, maintenance et hébergement </p>
  190.                                 <span class="btn btn-primary rounded-pill d-none">Demander un devis...</span>
  191.                             </div>
  192.                             <div class="card-footer p-2">
  193.                                 <a href="{{path('app_devis')}}" class="btn btn-sm btn-primary w-100">Demander un devis</a>
  194.                             </div>
  195.                         </div>
  196.                     </div>
  197.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.2s">
  198.                         <div class="card">
  199.                             <div class="home__home-7--content p-2 text-center">
  200.                                 <img src="/assets/images/developpement-mobile-android-ios.webp" alt="developpement_mobile_android_ios" class="">
  201.                                 <p class="text-center">Développement mobile (Android et iOS), maintenance et hébergement </p>
  202.                                 <span class="btn btn-primary rounded-pill d-none">Demander un devis...</span>
  203.                             </div>
  204.                             <div class="card-footer p-2">
  205.                                 <a href="{{path('app_devis')}}" class="btn btn-sm btn-primary w-100">Demander un devis</a>
  206.                             </div>
  207.                         </div>
  208.                     </div>
  209.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.3s">
  210.                         <div class="card">
  211.                             <div class="home__home-7--content p-2 text-center">
  212.                                 <img src="/assets/images/IT.webp" alt="" class="">
  213.                                 <p class="text-center">Reférencement SEO et accompagnement IT </p>
  214.                                 <span class="btn btn-primary rounded-pill d-none">Demander un devis...</span>
  215.                             </div>
  216.                             <div class="card-footer p-2">
  217.                                 <a href="{{path('app_contact')}}" class="btn btn-sm btn-primary w-100">Nous contactez</a>
  218.                             </div>
  219.                         </div>
  220.                     </div>
  221.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.4s">
  222.                         <div class="card">
  223.                             <div class="home__home-7--content p-2 text-center">
  224.                                 <img src="/assets/images/ecrans-soft.webp" alt="" class="">
  225.                                 <p class="text-center">Conception des logiciels et systèmes embarqués</p>
  226.                                 <span class="btn btn-primary rounded-pill d-none">Demander un devis...</span>
  227.                             </div>
  228.                             <div class="card-footer p-2">
  229.                                 <a href="{{path('app_devis')}}" class="btn btn-sm btn-primary w-100">Demander un devis</a>
  230.                             </div>
  231.                         </div>
  233.                     </div>
  234.                 </div>
  235.             </div>
  236.         </article>
  237.         <!--========== Nos offres d’expertise content End ==========-->
  240.         <!--========== Hebergement title Start ==========-->
  241.         <article class="container-fluid pt-2 home__home-8" id="hebergement">
  242.             <div class="container">
  243.                 <div class="">
  244.                     <div class=" d-flex align-items-center">
  245.                         <hr class="line-1">
  246.                         <h4 class="display-3 text-primary mb-3 animated slideInDown fw-bold">Hebergements</h4>
  247.                         <hr class="line-2">
  248.                     </div>
  249.                 </div>
  250.             </div>
  251.         </article>
  252.         <!--========== Hebergement title End ==========-->
  254.         <!--========== Hebergement content Start ==========-->
  255.         <article class="container-fluid pt-2 home__home-9">
  256.             <div class="container">
  257.                 <div class="row">
  258.                     <div class="col-lg-12 col-md-12">
  259.                         <div class="accordion" id="accordionPanelsStayOpenExample">
  260.                             <div class="accordion-item">
  261.                                 <h4 class="wow fadeInLeft accordion-header d-flex justify-content-between" id="panelsStayOpen-headingOne">
  262.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne">
  263.                                    <i class="bi bi-award-fill me-3"></i> Limité
  264.                                 </span>
  265.                                     <span class="accordion-button collapsed btn-accordion" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne">
  266.                                 
  267.                                 </span>
  268.                                 </h4>
  269.                                 <div id="panelsStayOpen-collapseOne" class="wow fadeInLeft accordion-collapse collapse show">
  270.                                     <div class="accordion-body d-flex justify-content-between">
  271.                                         <div class="container">
  272.                                             <div class="row">
  273.                                                 <div class="col-lg-6">
  274.                                                     <div class="box">
  275.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Espace disque : Jusqu'à 100 Mo</p></b>
  276.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Script serveur : PHP</p></b>
  277.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Base de données</p></b>
  278.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Aucun SSL</p></b>
  279.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>accès par FTP, SSL</p></b>
  280.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>0 Adresses e-mail</p></b>
  281.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Nom de domaine gratuit</p></b>
  282.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  283.                                                     </div>
  284.                                                 </div>
  285.                                                 <div class="col-lg-6">
  287.                                                     <p class="text-center">
  288.                                                         <span class=" text-danger display-5">XAF 15.000</span> <br> <br>
  289.                                                         <span class=" display-6">Valable pour 1 an.</span>
  290.                                                     </p>
  291.                                                 </div>
  292.                                             </div>
  293.                                         </div>
  294.                                     </div>
  295.                                 </div>
  296.                             </div>
  297.                             <div class="accordion-item">
  298.                                 <h5 class="accordion-header d-flex justify-content-between" id="panelsStayOpen-headingTwo">
  299.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo">
  300.                                    <i class="bi bi-award-fill me-3"></i> Premium
  301.                                 </span>
  302.                                     <span class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo">
  303.                                 
  304.                                 </span>
  305.                                 </h5>
  306.                                 <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse">
  307.                                     <div class="accordion-body d-flex justify-content-between">
  308.                                         <div class="container">
  309.                                             <div class="row">
  310.                                                 <div class="col-lg-6">
  311.                                                     <p class="text-center">
  312.                                                         <span class=" text-danger display-5">XAF 125.000</span> <br> <br>
  313.                                                         <span class=" display-6">Valable pour 1 an.</span>
  314.                                                     </p>
  315.                                                 </div>
  316.                                                 <div class="col-lg-6">
  317.                                                     <div class="box">
  318.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Espace disque : Jusqu'à 10 Go</p></b>
  319.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Script serveur : PHP, Python, Rubi, PERL, NodeJS</p></b>
  320.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Jusqu'à 5 Base de données MySQL, PostgreSQL</p></b>
  321.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Certificat SSL</p></b>
  322.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>accès par FTP, SSL</p></b>
  323.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>20 Adresses e-mail</p></b>
  324.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Nom de domaine gratuit</p></b>
  325.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  326.                                                     </div>
  327.                                                 </div>
  328.                                             </div>
  329.                                         </div>
  330.                                     </div>
  331.                                 </div>
  332.                             </div>
  333.                             <div class="accordion-item">
  334.                                 <h5 class="accordion-header d-flex justify-content-between" id="panelsStayOpen-headingThree">
  335.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree">
  336.                                    <i class="bi bi-award-fill me-3"></i> Basique
  337.                                 </span>
  338.                                     <span class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree">
  339.                                 
  340.                                 </span>
  341.                                 </h5>
  342.                                 <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse">
  343.                                     <div class="accordion-body d-flex justify-content-between">
  344.                                         <div class="container">
  345.                                             <div class="row">
  346.                                                 <div class="col-lg-6">
  347.                                                     <div class="box">
  348.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Espace disque : Jusqu'à 1G</p></b>
  349.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Script serveur : PHP, Python,NodeJS</p></b>
  350.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Base de données MySQL, PostgreSQL</p></b>
  351.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Aucun SSL</p></b>
  352.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>accès par FTP, SSL</p></b>
  353.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Adresses e-mail</p></b>
  354.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Nom de domaine gratuit</p></b>
  355.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  356.                                                     </div>
  357.                                                 </div>
  358.                                                 <div class="col-lg-6">
  360.                                                     <p class="text-center">
  361.                                                         <span class=" text-danger display-5">XAF 35.000</span> <br> <br>
  362.                                                         <span class=" display-6">Valable pour 1 an.</span>
  363.                                                     </p>
  364.                                                 </div>
  365.                                             </div>
  366.                                         </div>
  367.                                     </div>
  368.                                 </div>
  369.                             </div>
  370.                             <div class="accordion-item">
  371.                                 <h5 class="accordion-header d-flex justify-content-between" id="panelsStayOpen-headingFour">
  372.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour">
  373.                                    <i class="bi bi-award-fill me-3"></i> Avancé
  374.                                 </span>
  375.                                     <span class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour">
  376.                                 
  377.                                 </span>
  378.                                 </h5>
  379.                                 <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse">
  380.                                     <div class="accordion-body d-flex justify-content-between">
  381.                                         <div class="container">
  382.                                             <div class="row">
  383.                                                 <div class="col-lg-6">
  384.                                                     <p class="text-center">
  385.                                                         <span class=" text-danger display-5">XAF 72 000</span> <br> <br>
  386.                                                         <span class=" display-6">Valable pour 1 an.</span>
  387.                                                     </p>
  388.                                                 </div>
  389.                                                 <div class="col-lg-6">
  390.                                                     <div class="box">
  391.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Espace disque : Jusqu'à 5 Go</p></b>
  392.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Script serveur : PHP, Python, NodeJS</p></b>
  393.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Jusqu'à 2 Base de données MySQL, PostgreSQL</p></b>
  394.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Certificat SSL</p></b>
  395.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>accès par FTP, SSL</p></b>
  396.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>10 Adresses e-mail</p></b>
  397.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>01 Nom de domaine gratuit</p></b>
  398.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  399.                                                     </div>
  400.                                                 </div>
  401.                                             </div>
  402.                                         </div>
  403.                                     </div>
  404.                                 </div>
  405.                             </div>
  406.                             <div class="accordion-item">
  407.                                 <h5 class="accordion-header d-flex justify-content-between" id="panelsStayOpen-headingFive">
  408.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive">
  409.                                    <i class="bi bi-award-fill me-3"></i> Prestige
  410.                                 </span>
  411.                                     <span class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive">
  412.                                 
  413.                                 </span>
  414.                                 </h5>
  415.                                 <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse">
  416.                                     <div class="accordion-body d-flex justify-content-between">
  417.                                         <div class="container">
  418.                                             <div class="row">
  419.                                                 <div class="col-lg-6">
  420.                                                     <div class="box">
  421.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>Espace disque : Jusqu'à 100Go</p></b>
  422.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Script serveur : PHP, Python, Rubi, PERL, NodeJS</p></b>
  423.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Jusqu'à 5 Base de données MySQL, PostgreSQLL</p></b>
  424.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>Certificat SSL</p></b>
  425.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>accès par FTP, SSL</p></b>
  426.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>20+ Adresses e-mail</p></b>
  427.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>02 Noms de domaine gratuit</p></b>
  428.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  429.                                                     </div>
  430.                                                 </div>
  431.                                                 <div class="col-lg-6">
  433.                                                     <p class="text-center">
  434.                                                         <span class=" text-danger display-5">XAF 250 000</span> <br> <br>
  435.                                                         <span class=" display-6">Valable pour 1 an.</span>
  436.                                                     </p>
  437.                                                 </div>
  438.                                             </div>
  439.                                         </div>
  440.                                     </div>
  441.                                 </div>
  442.                             </div>
  443.                             <div class="accordion-item">
  444.                                 <h5 class="accordion-header d-flex justify-content-between" id="panelsStayOpen-headingSix">
  445.                                     <span class="w-100 accordion-title text-primary" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSix">
  446.                                   <i class="bi bi-award-fill me-3"></i>  Additifs
  447.                                 </span>
  448.                                     <span class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSix">
  449.                                 
  450.                                 </span>
  451.                                 </h5>
  452.                                 <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse">
  453.                                     <div class="accordion-body d-flex justify-content-between">
  454.                                         <div class="container">
  455.                                             <div class="row">
  456.                                                 <div class="col-lg-6 description">
  457.                                                     <p class="text-center">
  458.                                                         <span class=" title-6 text-center text-primary">Vous pouvez ajouter à votre hébergement à la demande, les options tels que:</span>
  459.                                                     </p>
  460.                                                 </div>
  461.                                                 <div class="col-lg-6">
  462.                                                     <div class="box">
  463.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"> <i class="fa fa-check me-2 text-danger"></i>+1 Go d'espace disque : 5.000 FCFA / an</p></b>
  464.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>+1 Base de données : 10.000 FCFA / an</p></b>
  465.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>+1 WebMail : 10.000 FCFA / an</p></b>
  466.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>+1 Certificat SSL : 10.000 FCFA</p></b>
  467.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>+1 Nom de domaine : 15.000 FCFA / an</p></b>
  468.                                                         <b><p class="m-0 pe-lg-4 d-lg-block"><i class="fa fa-check me-2 text-danger"></i>+1 Adresse e-mail : 2.000 FCFA / an</p></b>
  469.                                                         <a href="{{path('app_contact')}}" class="btn btn-danger rounded-pill my-3 w-100">Nous contactez</a>
  470.                                                     </div>
  471.                                                 </div>
  472.                                             </div>
  473.                                         </div>
  474.                                     </div>
  475.                                 </div>
  476.                             </div>
  477.                         </div>
  478.                     </div>
  480.                 </div>
  481.             </div>
  482.         </article>
  483.         <!--========== Hebergement content End ==========-->
  487.         <!--========== Paiement service content start ==========-->
  488.         <article class="container-fluid bg-primary my-5 home__home-10">
  489.             <div class="container">
  490.                 <div class="row align-items-center">
  491.                     <div class="col-lg-7 py-3 py-lg-0 wow fadeInLeft section-1">
  492.                         <h4 class="mb-4 text-white text-uppercase fw-bold">Integrateur de paiements</h4>
  494.                         {#
  495.                         <div class="row">
  496.                             <div class="col-sm-4">
  497.                                 <h5 class="text-primary mb-2">
  498.                                     <span>+</span>
  499.                                     <span data-toggle="counter-up">18</span>
  500.                                 </h5>
  501.                                 <h6 class="font-weight-bold mb-4">Projets réalisés</h6>
  502.                             </div>
  503.                             <div class="col-sm-4">
  504.                                 <h5 class="text-primary mb-2">
  505.                                     <span data-toggle="counter-up">307</span>
  506.                                 </h5>
  507.                                 <h6 class="font-weight-bold mb-4">Clients satisfait</h6>
  508.                             </div>
  509.                             <div class="col-sm-4">
  510.                                 <h5 class="text-primary mb-2">
  511.                                     <span>+0</span>
  512.                                     <span data-toggle="counter-up">7</span>
  513.                                 </h5>
  514.                                 <h6 class="font-weight-bold mb-4">Années d'expériences</h6>
  515.                             </div>
  516.                         </div> #}
  517.                         <div class="row">
  518.                             <div class="col-lg-4">
  519.                                 <img src="{{ asset( '/assets/images/paiement-1-carte.webp') }}" class=" w-100 rounded-1 mb-1" alt="GL_images_carte_bancaire">
  520.                             </div>
  521.                             <div class="col-lg-4">
  522.                                 <img src="{{ asset( '/assets/images/paiement-2-orange.webp') }}" class="w-100 rounded-1  mb-1" alt="GL_images_carte_bancaire">
  523.                             </div>
  524.                             <div class="col-lg-4">
  525.                                 <img src="{{ asset( '/assets/images/paiement-3-mtn.webp') }}" class="w-100 rounded-1" alt="GL_images_carte_bancaire">
  526.                             </div>
  527.                             <div class="col-lg-4">
  528.                                 <img src="{{ asset( '/assets/images/Visa-Logo.webp') }}" class="w-100 rounded-1" alt="GL_images_carte_bancaire">
  529.                             </div>
  530.                             <div class="col-lg-4">
  531.                                 <img src="{{ asset( '/assets/images/Master-Logo.webp') }}" class="w-100 rounded-1" alt="GL_images_carte_bancaire">
  532.                             </div>
  533.                             <div class="col-lg-4">
  534.                                 <img src="{{ asset( '/assets/images/Paypal-logo.webp') }}" class="w-100 rounded-1 bg-white" alt="GL_images_carte_bancaire">
  535.                             </div>
  536.                         </div>
  538.                     </div>
  539.                     <div class="col-lg-5 wow fadeInDown">
  540.                         <div class="bg-white py-5 px-4 px-sm-5 section-2">
  541.                             <div class="py-5">
  542.                                 <img src="{{ asset( '/assets/images/Logo-home.webp') }}" alt="" class="">
  543.                                 <p class="mt-2">Besoin de solution informatique pour vos projets ? Contactez-nous</p>
  544.                                 <a href="{{path('app_web')}}" class="btn btn-danger btn-sm rounded-pill my-3 w-100">Besoin d'un devis...?</a>
  545.                             </div>
  546.                         </div>
  547.                     </div>
  548.                 </div>
  549.             </div>
  550.         </article>
  551.         <!-- Paiement service content End -->
  553.         <!--========== Partenaire title Start ==========-->
  554.         {#
  555.         <article class="container-fluid pt-2 mb-5 home__home-11">
  556.             <div class="container">
  557.                 <div class="">
  558.                     <div class="">
  559.                         <h3 class="display-3 text-primary mb-3 animated slideInDown fw-bold text-center">Nos partenaines</h3>
  560.                     </div>
  561.                 </div>
  562.             </div>
  563.         </article> #}
  564.         <!--========== Partenaire title End ==========-->
  566.         <!--========== Partenaire content Start ==========-->
  567.         {#
  568.         <article class="container-fluid pt-2 home__home-11">
  569.             <div class="container">
  570.                 <div class="row">
  571.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.1s">
  572.                         <div class="card">
  573.                             <div class="card-body">
  574.                                 <img src="{{ asset( '/assets/images/rolly.jpeg') }}" alt="" class="img-fluid rounde">
  575.                                 <h6 class="text-center my-2">Rolly SEIGNOU</h6>
  576.                                 <p class="text-center my-2 text-primary">
  577.                                     <small> <b>Developpeur Front-End</b> </small>
  578.                                 </p>
  579.                             </div>
  580.                         </div>
  581.                     </div>
  582.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.2s">
  583.                         <div class="card">
  584.                             <div class="card-body">
  585.                                 <img src="{{ asset( '/assets/images/rolly.jpeg') }}" alt="" class="img-fluid rounde">
  586.                                 <h6 class="text-center my-2">Rolly SEIGNOU</h6>
  587.                                 <p class="text-center my-2 text-primary">
  588.                                     <small> <b>Developpeur Front-End</b> </small>
  589.                                 </p>
  590.                             </div>
  591.                         </div>
  592.                     </div>
  593.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.3s">
  594.                         <div class="card">
  595.                             <div class="card-body">
  596.                                 <img src="{{ asset( '/assets/images/rolly.jpeg') }}" alt="" class="img-fluid rounde">
  597.                                 <h6 class="text-center my-2">Rolly SEIGNOU</h6>
  598.                                 <p class="text-center my-2 text-primary">
  599.                                     <small> <b>Developpeur Front-End</b> </small>
  600.                                 </p>
  601.                             </div>
  602.                         </div>
  603.                     </div>
  604.                     <div class="col-md-3 mb-2 wow fadeInUp" data-wow-delay="0.4s">
  605.                         <div class="card">
  606.                             <div class="card-body">
  607.                                 <img src="{{ asset( '/assets/images/rolly.jpeg') }}" alt="" class="img-fluid rounde">
  608.                                 <h6 class="text-center my-2">Rolly SEIGNOU</h6>
  609.                                 <p class="text-center my-2 text-primary">
  610.                                     <small> <b>Developpeur Front-End</b> </small>
  611.                                 </p>
  612.                             </div>
  613.                         </div>
  614.                     </div>
  615.                 </div>
  616.             </div>
  617.         </article> #}
  618.         <!--========== Partenaire content End ==========-->
  619.         {#
  620.         <article class="partenaire">
  621.             <div class="container">
  622.                 <div class="row">
  623.                     <div class="col-md-12">
  624.                         <div class="customer-logos slider">
  625.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" alt="" class=" border-1 shadow p-4"></div>
  626.                             <div class="slide">
  627.                                 <img src="{{ asset('/assets/images/Logo.png') }}" alt="" class="shadow p-4">
  628.                             </div>
  629.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  630.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  631.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  632.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  633.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  634.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  635.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  636.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  637.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  638.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  639.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  640.                             <div class="slide"><img src="{{ asset('/assets/images/Logo.png') }}" class=" shadow p-4" alt=""></div>
  642.                         </div>
  643.                     </div>
  644.                 </div>
  645.             </div>
  647.         </article> #}
  649.     </section>
  651. </main>
  653. {% endblock %}