templates/front/_partials/services.html.twig line 1

  1. <section class="section bg-light" id="service">
  2.   <div class="container">
  3.     <div class="row justify-content-center">
  4.       <div class="col-12">
  5.         <div class="section-title text-center mb-4 pb-2">
  6.           <h4 class="title mb-4">
  7.             {% trans %} Six points sur Clever Nursery {% endtrans %}
  8.           </h4>
  9.           {% if app.request.locale == 'ar_DZ' %}
  10.           <p class="para-desc mx-auto text-muted mb-0">
  11.             الروضة (الحضانة الإلكترونية) هي منصة تساعدك على تنظيم مهامك اليومية
  12.             داخل الحضانة الخاصة بك بطريقة بسيطة ومرنة، من خلال تزويدك بمجموعة من
  13.             . الأدوات التي ستجعل حياتك أسهل
  14.           </p>
  15.           {% endif %} {% if app.request.locale == 'fr' %}
  16.           <p class="para-desc mx-auto text-muted mb-0">
  17.             Clever Nursery (La crèche électronique) est une plateforme qui vous
  18.             aide à organiser vos tâches quotidiennes au sein de votre crèche de
  19.             manière simple et flexible, en mettant à votre disposition un
  20.             ensemble d'outils qui vous faciliteront la vie.
  21.           </p>
  22.           {% endif %}
  23.         </div>
  24.       </div>
  25.     </div>
  26.     <div class="row">
  27.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  28.         <div class="feature position-relative text-center">
  29.           <div class="p-4 rounded position-relative overflow-hidden">
  30.             <div class="icon text-primary">
  31.               <i class="uil uil-clock-seven"></i>
  32.               <img
  33.                 src="/front/images/shape-1.png"
  34.                 class="avatar avatar-small icon-shape"
  35.                 alt=""
  36.               />
  37.             </div>
  38.             <div class="content mt-4">
  39.               <h5>
  40.                 <a href="javascript:void(0)" class="title text-dark">
  41.                   {% trans %} Gestion efficace {% endtrans %}
  42.                 </a>
  43.               </h5>
  45.               {% if app.request.locale == 'fr' %}
  46.               <p class="text-muted">
  47.                 Gagnez du temps, Gérez vos tâches rapidement et sans erreurs
  48.                 avec un simple clic
  49.               </p>
  50.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  51.               <p class="text-muted">
  52.                 توفير الوقت، وإدارة المهام الخاصة بك بسرعة ودون أخطاء بنقرة
  53.                 واحدة
  54.               </p>
  55.               {% endif %}
  56.               <a href="#blog" class="text-primary"
  57.                 >{% trans %} En savoir plus {% endtrans %}
  58.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  59.               </a>
  60.             </div>
  61.           </div>
  62.         </div>
  63.       </div>
  64.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  65.         <div class="feature position-relative text-center">
  66.           <div class="p-4 rounded position-relative overflow-hidden">
  67.             <div class="icon text-primary">
  68.               <i class="uil uil-lock-alt"></i>
  69.               <img
  70.                 src="/front/images/shape-1.png"
  71.                 class="avatar avatar-small icon-shape"
  72.                 alt=""
  73.               />
  74.             </div>
  75.             <div class="content mt-4">
  76.               <h5>
  77.                 <a href="javascript:void(0)" class="title text-dark">
  78.                   {% trans %} Soyez en sécurité {% endtrans %}
  79.                 </a>
  80.               </h5>
  81.               {% if app.request.locale == 'fr' %}
  82.               <p class="text-muted">
  83.                 Respecte les plus hauts standards de sécurité afin d'assurer la
  84.                 confidentialité de vos données.
  85.               </p>
  86.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  87.               <p class="text-muted">
  88.                 يحترم أعلى معايير السلامة ل لضمان سرية بياناتك
  89.               </p>
  90.               {% endif %}
  92.               <a href="#blog" class="text-primary"
  93.                 >{% trans %} En savoir plus {% endtrans %}
  94.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  95.               </a>
  96.             </div>
  97.           </div>
  98.         </div>
  99.       </div>
  100.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  101.         <div class="feature position-relative text-center">
  102.           <div class="p-4 rounded position-relative overflow-hidden">
  103.             <div class="icon text-primary">
  104.               <i class="uil uil-chart"></i>
  105.               <img
  106.                 src="/front/images/shape-1.png"
  107.                 class="avatar avatar-small icon-shape"
  108.                 alt=""
  109.               />
  110.             </div>
  111.             <div class="content mt-4">
  112.               <h5>
  113.                 <a href="javascript:void(0)" class="title text-dark">
  114.                   {% trans %} Partagez, collaborez {% endtrans %}
  115.                 </a>
  116.               </h5>
  117.               {% if app.request.locale == 'fr' %}
  118.               <p class="text-muted">
  119.                 Soyez plus efficaces, plus productifs. et travailler en équipe
  120.                 avec le support multi-utilisateurs
  121.               </p>
  122.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  123.               <p class="text-muted">
  124.                 كن أكثر كفاءة وأكثر إنتاجية. و العمل تعاونت مع دعم متعدد
  125.                 المستخدمين
  126.               </p>
  127.               {% endif %}
  129.               <a href="#blog" class="text-primary"
  130.                 >{% trans %} En savoir plus {% endtrans %}
  131.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  132.               </a>
  133.             </div>
  134.           </div>
  135.         </div>
  136.       </div>
  137.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  138.         <div class="feature position-relative text-center">
  139.           <div class="p-4 rounded position-relative overflow-hidden">
  140.             <div class="icon text-primary">
  141.               <i class="uil uil-chart-pie"></i>
  142.               <img
  143.                 src="/front/images/shape-1.png"
  144.                 class="avatar avatar-small icon-shape"
  145.                 alt=""
  146.               />
  147.             </div>
  148.             <div class="content mt-4">
  149.               <h5>
  150.                 <a href="javascript:void(0)" class="title text-dark">
  151.                   {% trans %}Décisions intelligentes {% endtrans %}
  152.                 </a>
  153.               </h5>
  154.               {% if app.request.locale == 'fr' %}
  155.               <p class="text-muted">
  156.                 Vous disposez d’outils qui vous aide de prendre des décisions
  157.                 stratégiques de manière intelligente
  158.               </p>
  159.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  160.               <p class="text-muted">
  161.                 لديك الأدوات التي تساعدك على اتخاذ القرارات الاستراتيجية بذكاء
  162.               </p>
  163.               {% endif %}
  165.               <a href="#blog" class="text-primary"
  166.                 >{% trans %} En savoir plus {% endtrans %}
  167.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  168.               </a>
  169.             </div>
  170.           </div>
  171.         </div>
  172.       </div>
  173.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  174.         <div class="feature position-relative text-center">
  175.           <div class="p-4 rounded position-relative overflow-hidden">
  176.             <div class="icon text-primary">
  177.               <i class="uil uil-layers-alt"></i>
  178.               <img
  179.                 src="/front/images/shape-1.png"
  180.                 class="avatar avatar-small icon-shape"
  181.                 alt=""
  182.               />
  183.             </div>
  184.             <div class="content mt-4">
  185.               <h5>
  186.                 <a href="javascript:void(0)" class="title text-dark">
  187.                   {% trans %} Tarification flexible {% endtrans %}
  188.                 </a>
  189.               </h5>
  190.               {% if app.request.locale == 'fr' %}
  191.               <p class="text-muted">
  192.                 Des tarifs à votre portée et modulables selon vos besoins et
  193.                 selon la taille de votre entreprise
  194.               </p>
  195.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  196.               <p class="text-muted">
  197.                 الأسعار في متناول يدك وقابلة للتعديل حسب احتياجاتك احتياجاتك
  198.                 ووفقًا لحجم عملك
  199.               </p>
  200.               {% endif %}
  202.               <a href="#pricing" class="text-primary"
  203.                 >{% trans %} En savoir plus {% endtrans %}
  204.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  205.               </a>
  206.             </div>
  207.           </div>
  208.         </div>
  209.       </div>
  210.       <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
  211.         <div class="feature position-relative text-center">
  212.           <div class="p-4 rounded position-relative overflow-hidden">
  213.             <div class="icon text-primary">
  214.               <i class="uil uil-check"></i>
  215.               <img
  216.                 src="/front/images/shape-1.png"
  217.                 class="avatar avatar-small icon-shape"
  218.                 alt=""
  219.               />
  220.             </div>
  221.             <div class="content mt-4">
  222.               <h5>
  223.                 <a href="javascript:void(0)" class="title text-dark">
  224.                   {% trans %} 100% algérien {% endtrans %}
  225.                 </a>
  226.               </h5>
  227.               {% if app.request.locale == 'fr' %}
  228.               <p class="text-muted">
  229.                 Plateforme algérienne, conforme au système algérien et conçue
  230.                 par une équipe hautement qualifiée
  231.               </p>
  232.               {% endif %} {% if app.request.locale == 'ar_DZ' %}
  233.               <p class="text-muted">
  234.                 منصة جزائرية متوافقة مع النظام الجزائري ومصممة من قبل فريق مؤهل
  235.                 تأهيلا عاليا
  236.               </p>
  237.               {% endif %}
  238.               <a href="#blog" class="text-primary">
  239.                 {% trans %} En savoir plus {% endtrans %}
  240.                 <i data-feather="chevron-right" class="fea icon-sm"></i>
  241.               </a>
  242.             </div>
  243.           </div>
  244.         </div>
  245.       </div>
  246.     </div>
  247.   </div>
  248. </section>