templates/front/faq.html.twig line 1

  1. {% extends 'front.html.twig' %} {% block title %}{% trans %} FAQ | Plateforme
  2. d'éducation enligne {% endtrans %}{% endblock %} {% block body %}
  3. <div id="preloader" class="text-center">
  4.   <div id="status">
  5.     <div class="logo">
  6.       <h3 style="font-weight: 700; text-align: center" class="mt-14">
  7.         <span style="color: #950853"></span>Clever Nursery
  8.       </h3>
  9.     </div>
  10.     <div class="sk-chase mt-4">
  11.       <div class="sk-chase-dot"></div>
  12.       <div class="sk-chase-dot"></div>
  13.       <div class="sk-chase-dot"></div>
  14.       <div class="sk-chase-dot"></div>
  15.       <div class="sk-chase-dot"></div>
  16.       <div class="sk-chase-dot"></div>
  17.     </div>
  18.   </div>
  19. </div>
  21. {% include "/front/_partials/header.html.twig" %}
  23. <section class="bg-half bg-light d-table w-100" id="home">
  24.   <div class="container">
  25.     <div class="row justify-content-center">
  26.       <div class="col-lg-12 text-center">
  27.         <div class="title-heading">
  28.           <h4>{% trans %} Questions fréquemment posées {% endtrans %}</h4>
  29.           <nav aria-label="breadcrumb" class="d-inline-block mt-4">
  30.             <ul class="breadcrumb mb-0">
  31.               <li class="breadcrumb-item">
  32.                 <a href="/"> Clever Nursery </a>
  33.               </li>
  34.               <li class="breadcrumb-item active" aria-current="page">Faq</li>
  35.             </ul>
  36.           </nav>
  37.         </div>
  38.       </div>
  39.       <!--end col-->
  40.       <div class="home-shape-arrow">
  41.         <a href="#faqs" class="scroll-down">
  42.           <i class="mdi mdi-arrow-down arrow-icon bg-light text-dark h5"></i>
  43.         </a>
  44.       </div>
  45.     </div>
  46.     <!--end row-->
  47.   </div>
  48.   <!--end container-->
  49. </section>
  51. <section class="section" id="faqs">
  52.   <div class="container">
  53.     <div class="row align-items-center">
  54.       <div class="col-lg-6 col-md-6 col-12">
  55.         <img
  56.           src="/front/images/faq.jpg"
  57.           class="img-fluid"
  58.           alt=""
  59.           style="max-width: 400px"
  60.         />
  61.       </div>
  62.       <!--end col-->
  63.       {% if app.request.locale == 'fr' %}
  64.       <div class="col-lg-6 col-md-6 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
  65.         <div class="accordion mt-4 pt-2" id="buyingquestion">
  66.           <div class="accordion-item rounded shadow overflow-hidden">
  67.             <h2 class="accordion-header" id="headingOne">
  68.               <button
  69.                 class="accordion-button border-0 bg-light collapsed"
  70.                 type="button"
  71.                 data-bs-toggle="collapse"
  72.                 data-bs-target="#collapseOne"
  73.                 aria-expanded="false"
  74.                 aria-controls="collapseOne"
  75.               >
  76.                 Mes données sont-elles confidentielles ?
  77.               </button>
  78.             </h2>
  79.             <div
  80.               id="collapseOne"
  81.               class="accordion-collapse border-0 collapse"
  82.               aria-labelledby="headingOne"
  83.               data-bs-parent="#buyingquestion"
  84.             >
  85.               <div class="accordion-body text-muted bg-white">
  86.                 La sécurité est au cœur de l’architecture de notre solution et
  87.                 nous travaillons chaque jour pour faire en sorte qu’il n’y ait
  88.                 pas d’endroit plus sécurisé pour vos données que Clever Nursery.
  89.               </div>
  90.             </div>
  91.           </div>
  93.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  94.             <h2 class="accordion-header" id="headingTwo">
  95.               <button
  96.                 class="accordion-button border-0 bg-light collapsed"
  97.                 type="button"
  98.                 data-bs-toggle="collapse"
  99.                 data-bs-target="#collapseTwo"
  100.                 aria-expanded="false"
  101.                 aria-controls="collapseTwo"
  102.               >
  103.                 Comment payer un abonnement ?
  104.               </button>
  105.             </h2>
  106.             <div
  107.               id="collapseTwo"
  108.               class="accordion-collapse border-0 collapse"
  109.               aria-labelledby="headingTwo"
  110.               data-bs-parent="#buyingquestion"
  111.             >
  112.               <div class="accordion-body text-muted bg-white">
  113.                 Clever Nursery vous offre une flexibilité de paiement vous
  114.                 pouvez payer par chèque ou par virement CCP ou par BaridiMob .
  115.               </div>
  116.             </div>
  117.           </div>
  119.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  120.             <h2 class="accordion-header" id="headingThree">
  121.               <button
  122.                 class="accordion-button border-0 bg-light collapsed"
  123.                 type="button"
  124.                 data-bs-toggle="collapse"
  125.                 data-bs-target="#collapseThree"
  126.                 aria-expanded="false"
  127.                 aria-controls="collapseThree"
  128.               >
  129.                 Qui contacter en cas de problème technique ?
  130.               </button>
  131.             </h2>
  132.             <div
  133.               id="collapseThree"
  134.               class="accordion-collapse border-0 collapse"
  135.               aria-labelledby="headingThree"
  136.               data-bs-parent="#buyingquestion"
  137.             >
  138.               <div class="accordion-body text-muted bg-white">
  139.                 Si vous rencontrez un problème, n'hésitez pas à contacter notre
  140.                 équipe de support en envoyant un message à l'adresse suivante :
  141.                 [email protected]
  142.               </div>
  143.             </div>
  144.           </div>
  146.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  147.             <h2 class="accordion-header" id="headingFour">
  148.               <button
  149.                 class="accordion-button border-0 bg-light collapsed"
  150.                 type="button"
  151.                 data-bs-toggle="collapse"
  152.                 data-bs-target="#collapseFour"
  153.                 aria-expanded="false"
  154.                 aria-controls="collapseFour"
  155.               >
  156.                 Vous ne trouvez pas la réponse à votre question ?
  157.               </button>
  158.             </h2>
  159.             <div
  160.               id="collapseFour"
  161.               class="accordion-collapse border-0 collapse"
  162.               aria-labelledby="headingFour"
  163.               data-bs-parent="#buyingquestion"
  164.             >
  165.               <div class="accordion-body text-muted bg-white">
  166.                 Nous sommes là pour vous aider:
  167.                 <a href="/#contact"> contactez nous </a>
  168.                 directement par email ou par téléphone.
  169.               </div>
  170.             </div>
  171.           </div>
  172.         </div>
  173.       </div>
  174.       {% endif %} {% if app.request.locale == 'ar_DZ' %}
  175.       <div class="col-lg-6 col-md-6 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
  176.         <div class="accordion mt-4 pt-2" id="buyingquestion">
  177.           <div class="accordion-item rounded shadow overflow-hidden">
  178.             <h2 class="accordion-header" id="headingOne">
  179.               <button
  180.                 class="accordion-button border-0 bg-light collapsed"
  181.                 type="button"
  182.                 data-bs-toggle="collapse"
  183.                 data-bs-target="#collapseOne"
  184.                 aria-expanded="false"
  185.                 aria-controls="collapseOne"
  186.               >
  187.                 هل بياناتي سرية؟
  188.               </button>
  189.             </h2>
  190.             <div
  191.               id="collapseOne"
  192.               class="accordion-collapse border-0 collapse"
  193.               aria-labelledby="headingOne"
  194.               data-bs-parent="#buyingquestion"
  195.             >
  196.               <div class="accordion-body text-muted bg-white">
  197.                 الأمن هو في قلب الهندسة المعمارية لدينا الحل ونحن نعمل كل يوم
  198.                 لضمان أنه لا يوجد مكان أكثر أمانًا لبياناتك من حضانة ذكية
  199.               </div>
  200.             </div>
  201.           </div>
  203.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  204.             <h2 class="accordion-header" id="headingTwo">
  205.               <button
  206.                 class="accordion-button border-0 bg-light collapsed"
  207.                 type="button"
  208.                 data-bs-toggle="collapse"
  209.                 data-bs-target="#collapseTwo"
  210.                 aria-expanded="false"
  211.                 aria-controls="collapseTwo"
  212.               >
  213.                 كيفية دفع ثمن الاشتراك؟
  214.               </button>
  215.             </h2>
  216.             <div
  217.               id="collapseTwo"
  218.               class="accordion-collapse border-0 collapse"
  219.               aria-labelledby="headingTwo"
  220.               data-bs-parent="#buyingquestion"
  221.             >
  222.               <div class="accordion-body text-muted bg-white">
  223.                 توفر لك مرونة في الدفع يمكنك الدفع عن طريق الشيكات [BaridiMob]
  224.                 أو عن طريق تحويل [CCP] أو عن طريق
  225.               </div>
  226.             </div>
  227.           </div>
  229.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  230.             <h2 class="accordion-header" id="headingThree">
  231.               <button
  232.                 class="accordion-button border-0 bg-light collapsed"
  233.                 type="button"
  234.                 data-bs-toggle="collapse"
  235.                 data-bs-target="#collapseThree"
  236.                 aria-expanded="false"
  237.                 aria-controls="collapseThree"
  238.               >
  239.                 بمن يجب الاتصال في حالة حدوث مشكلة فنية؟
  240.               </button>
  241.             </h2>
  242.             <div
  243.               id="collapseThree"
  244.               class="accordion-collapse border-0 collapse"
  245.               aria-labelledby="headingThree"
  246.               data-bs-parent="#buyingquestion"
  247.             >
  248.               <div class="accordion-body text-muted bg-white">
  249.                 إذا واجهت أي مشكلة، فلا تتردد في الاتصال بنا فريق الدعم عن طريق
  250.                 [email protected] : إرسال رسالة إلى العنوان التالي
  251.               </div>
  252.             </div>
  253.           </div>
  255.           <div class="accordion-item rounded shadow overflow-hidden mt-2">
  256.             <h2 class="accordion-header" id="headingFour">
  257.               <button
  258.                 class="accordion-button border-0 bg-light collapsed"
  259.                 type="button"
  260.                 data-bs-toggle="collapse"
  261.                 data-bs-target="#collapseFour"
  262.                 aria-expanded="false"
  263.                 aria-controls="collapseFour"
  264.               >
  265.                 لا يمكن العثور على الإجابة على سؤالك؟
  266.               </button>
  267.             </h2>
  268.             <div
  269.               id="collapseFour"
  270.               class="accordion-collapse border-0 collapse"
  271.               aria-labelledby="headingFour"
  272.               data-bs-parent="#buyingquestion"
  273.             >
  274.               <div class="accordion-body text-muted bg-white">
  275.                 : نحن هنا لمساعدتك
  276.                 <a href="/#contact"> اتصل بنا </a>مباشرة عن طريق البريد
  277.                 الإلكتروني أو الهاتف
  278.               </div>
  279.             </div>
  280.           </div>
  281.         </div>
  282.       </div>
  283.       {% endif %}
  285.       <!--end col-->
  286.     </div>
  287.     <!--end row-->
  289.     {% if app.request.locale == 'fr' %}
  290.     <div class="row mt-md-5 pt-md-3 mt-4 pt-2 justify-content-center">
  291.       <div class="col-12 text-center">
  292.         <div class="section-title">
  293.           <h4 class="title mb-4">
  294.             Vous avez une question ? Entrer en contact!
  295.           </h4>
  296.           <p class="text-muted para-desc mx-auto">
  297.             Vous n'avez pas trouvé de réponses à votre question? Contactez-nous!
  298.             ou consultez nos pages sur les réseaxu sociaux.
  299.           </p>
  300.           <a href="#contact" class="btn btn-primary mt-4 scroll-down">
  301.             <i class="mdi mdi-phone"></i>
  302.             Nous contacter
  303.           </a>
  304.         </div>
  305.       </div>
  306.       <!--end col-->
  307.     </div>
  308.     {% endif %} {% if app.request.locale == 'ar_DZ' %}
  309.     <div class="row mt-md-5 pt-md-3 mt-4 pt-2 justify-content-center">
  310.       <div class="col-12 text-center">
  311.         <div class="section-title">
  312.           <h4 class="title mb-4">!هل لديك سؤال ؟ ابقى على تواصل</h4>
  313.           <p class="text-muted para-desc mx-auto">
  314.             لم تجد إجابات لسؤالك؟ اتصل بنا أو قم بزيارة صفحات وسائل التواصل
  315.             الاجتماعي الخاصة بنا
  316.           </p>
  317.           <a href="#contact" class="btn btn-primary mt-4 scroll-down">
  318.             <i class="mdi mdi-phone"></i>
  319.             اتصل بنا
  320.           </a>
  321.         </div>
  322.       </div>
  323.       <!--end col-->
  324.     </div>
  325.     {% endif %}
  327.     <!--end row-->
  328.   </div>
  329.   <!--end container-->
  330. </section>
  332. {% include "/front/_partials/contact.html.twig" %}
  334. <div class="position-relative">
  335.   <div class="shape overflow-hidden text-white">
  336.     <svg viewbox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  337.       <path
  338.         d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z"
  339.         fill="currentColor"
  340.       ></path>
  341.     </svg>
  342.   </div>
  343. </div>
  345. {% include "/front/_partials/footer.html.twig" %} {% endblock %}