templates/faq/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set is_home = true %}
  3. {% block title %}Faq {{ parent() }}{% endblock %}
  4. {% block page_menu %}
  5. {% endblock %}
  6. {% block body %}
  7.             <div class="row">
  8.                 <div class="col-lg-12 mx-auto">
  9.                     <div class="accordion shadow" id="accordionInscription">
  10.                             <div class="card p-4">
  11.                                 <div>
  12.                                     <h3 class="ml-4 font-bold" >Inscription</h3>
  13.                                 </div>
  14.                             <div class="card">
  15.                                 <div class="card-header bg-white shadow-sm border-0" id="headingOne">
  16.                                     <h7 class="mb-0 font-weight-bold">
  17.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
  18.                                             Comment m’inscrire sur le site MOKANDA ?
  19.                                         </a>
  20.                                     </h7>
  21.                                 </div>
  22.                                 <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionInscription">
  23.                                     <div class="card-body">
  24.                                         <div class="bg-gray-300 italic">
  25.                                             <p class="ml-2">A partir de votre téléphone, ordinateur ou tablette</p>
  26.                                             <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  27.                                                 <li>Connectez-vous à la page MOKANDA</li>
  28.                                                 <li>Cliquez sur « <span style="color: #0a53be">se connecter</span> »</li>
  29.                                                 <li>Cliquez sur « <span style="color: #0a53be">inscrivez-vous</span> »; de là vous complétez les informations requises</li>
  30.                                                 <li>Cliquez sur « <span style="color: #0a53be">s’inscrire</span> » ; Vous recevrez un code de confirmation par mail ou sms, renseignez-le sur le champ qui s’affiche sur votre écran</li>
  31.                                                 <li>Cliquez sur « <span style="color: #0a53be">vérifier </span>».</li>
  32.                                             </ol>
  33.                                         </div>
  34.                                     </div>
  35.                                 </div>
  36.                                 <div class="card">
  37.                                     <div class="card-header bg-white shadow-sm border-0" id="heading2">
  38.                                         <h7 class="mb-0 font-weight-bold">
  39.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
  40.                                                 Je n’ai pas reçu le code de vérification. Que faire ?
  41.                                             </a>
  42.                                         </h7>
  43.                                     </div>
  44.                                     <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordionInscription">
  45.                                         <div class="card-body">
  46.                                             <div class="bg-gray-300 italic">
  47.                                                 <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  48.                                                     <li>Vérifiez que c’est la bonne adresse mail</li>
  49.                                                     <li>Vérifiez dans vos spams ou courrier indésirables</li>
  50.                                                 </ol>
  51.                                             </div>
  52.                                         </div>
  53.                                     </div>
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                     <div class="accordion shadow" id="accordionConnexion">
  59.                         <div class="card p-4">
  60.                             <div>
  61.                                 <h3 class="ml-4 font-bold" >Connexion</h3>
  62.                             </div>
  63.                             <div class="card">
  64.                                 <div class="card-header bg-white shadow-sm border-0" id="heading3">
  65.                                     <h7 class="mb-0 font-weight-bold">
  66.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
  67.                                             J’ai oublié mon mot de passe?
  68.                                         </a>
  69.                                     </h7>
  70.                                 </div>
  71.                                 <div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#accordionConnexion">
  72.                                     <div class="card-body">
  73.                                             <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  74.                                                 <li>Cliquez sur « <span style="color: #0a53be">mot de passe oublié </span>»</li>
  75.                                                 <li>Sur l’interface qui s’affiche, renseignez votre adresse mail, le mode de vérification (sms ou mail)</li>
  76.                                                 <li>Cliquez sur «<span style="color: #0a53be"> Envoyer </span>»</li>
  77.                                                 <li>Recevez le code de vérification, renseignez le dans l’interface dédié</li>
  78.                                                 <li>Cliquez sur « <span style="color: #0a53be">Vérifier </span>»</li>
  79.                                                 <li>Renseignez sur le formulaire qui apparaît le nouveau de passe puis confirmez ce dernier</li>
  80.                                                 <li>Cliquez sur « <span style="color: #0a53be">Vérifier </span>»</li>
  81.                                             </ol>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                     <div class="accordion shadow" id="accordionEnregistrement">
  88.                         <div class="card p-4">
  89.                             <div>
  90.                                 <h3 class="ml-4 font-bold" >Enregistrement de la demande</h3>
  91.                             </div>
  92.                             <div class="card">
  93.                                 <div class="card-header bg-white shadow-sm border-0" id="heading5">
  94.                                     <h7 class="mb-0 font-weight-bold">
  95.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
  96.                                             Comment je fais ma demande de document ?
  97.                                         </a>
  98.                                     </h7>
  99.                                 </div>
  100.                                 <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#accordionEnregistrement">
  101.                                     <div class="card-body">
  102.                                         <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  103.                                             <li>Connectez-vous à la page MOKANDA</li>
  104.                                             <li>Cliquez sur l’onglet « <span style="color: #0a53be">Espace de travail »</span></li>
  105.                                             <li>Cliquez sur le menu « <span style="color: #0a53be">Nouvelle demande »</span></li>
  106.                                             <li>Cliquez sur la petite flèche pour dérouler et choisir la commune, le service et le document à demander</li>
  107.                                             <li>Cliquez sur « <span style="color: #0a53be">afficher le formulaire »</span> ; complétez celui-ci:</li>
  108.                                             &check; Choisir son pays de résidence<br/>
  109.                                             &check;  Compléter les informations sur le bénéficiaire, le père et la mère<br/>
  110.                                             <li>Cliquez sur « <span style="color: #0a53be">enregistrer sa demande »</span></li>
  111.                                             <li>Cliquez sur « <span style="color: #0a53be">effectuer le paiement »</span></li>
  112.                                             &check; Choisir son mode de livraison <br>
  113.                                             &check; Sélectionner son moyen de paiement<br/>
  114.                                             &check; Compléter les informations requises<br/>
  115.                                             &check; Confirmer le paiement en cliquant sur OUI<br/>
  116.                                         </ol>
  117.                                     </div>
  118.                                 </div>
  119.                             </div>
  120.                             <div class="card">
  121.                                 <div class="card-header bg-white shadow-sm border-0" id="heading4">
  122.                                     <h7 class="mb-0 font-weight-bold">
  123.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
  124.                                             Quels sont les documents que je peux avoir sur MOKANDA ?
  125.                                         </a>
  126.                                     </h7>
  127.                                 </div>
  128.                                 <div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#accordionEnregistrement">
  129.                                     <div class="card-body">
  130.                                         <p class="ml-2">Les documents que vous pouvez avoir sont ceux liés aux services d’Etat civil et de population. Une liste exhaustive des documents pris en charge est disponible sous le menu nouvelle demande, dans la liste déroulante « document ». Vous trouverez des documents tel que :</p>
  131.                                         <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  132.                                             &check; Attestation de naissance.<br/>
  133.                                             &check; Attestation de célibat.<br/>
  134.                                             &check; Certificat de bonne vie et mœurs.<br/>
  135.                                             &check; Attestation de résidence.<br/>
  136.                                             &check; Attestation de composition familiale.<br/>
  137.                                             &check; Copie intégrale d’acte de mariage.<br/>
  138.                                             &check; Copie intégrale d’acte de naissance.<br/>
  139.                                             &check; Etc.
  140.                                         </ol>
  141.                                     </div>
  142.                                 </div>
  143.                             </div>
  144.                             <div class="card">
  145.                                 <div class="card-header bg-white shadow-sm border-0" id="heading6">
  146.                                     <h7 class="mb-0 font-weight-bold">
  147.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
  148.                                             Ai-je la possibilité de faire plusieurs demandes de document sur MOKANDA ?
  149.                                         </a>
  150.                                     </h7>
  151.                                 </div>
  152.                                 <div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#accordionEnregistrement">
  153.                                     <div class="card-body">
  154.                                         <p class="ml-2">Oui, une fois que votre compte a été crée vous pouvez vous y connecter et faire autant de nouvelles demandes pour les différents documents proposés dans le site
  155.                                         </p>
  156.                                     </div>
  157.                                 </div>
  158.                             </div>
  159.                             <div class="card">
  160.                                 <div class="card-header bg-white shadow-sm border-0" id="heading7">
  161.                                     <h7 class="mb-0 font-weight-bold">
  162.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
  163.                                             Je peux demander plusieurs documents en une fois ?
  164.                                         </a>
  165.                                     </h7>
  166.                                 </div>
  167.                                 <div id="collapse7" class="collapse" aria-labelledby="heading7" data-parent="#accordionEnregistrement">
  168.                                     <div class="card-body">
  169.                                         <p class="ml-2">Non, vous devriez pour chaque document requis, initier une nouvelle demande et suivre la procédure pour chaque documents</p>
  170.                                     </div>
  171.                                 </div>
  172.                             </div>
  173.                             <div class="card">
  174.                                 <div class="card-header bg-white shadow-sm border-0" id="heading8">
  175.                                     <h7 class="mb-0 font-weight-bold">
  176.                                         <a class="ml-1 my-6 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
  177.                                             Que dois-je faire si les informations que j’ai fourni lors de la soumission de la demande ne sont pas correctes ?
  178.                                         </a>
  179.                                     </h7>
  180.                                 </div>
  181.                                 <div id="collapse8" class="collapse" aria-labelledby="heading8" data-parent="#accordionEnregistrement">
  182.                                     <div class="card-body">
  183.                                         <p class="ml-2">Vous devriez refaire votre demande de document en suivant la procédure de nouvelle demande.
  184.                                             C’est pourquoi il faudrait bien vérifier que les informations renseignées sont correctes avant de soumettre sa demande.
  185.                                         </p>
  186.                                     </div>
  187.                                 </div>
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                     <div class="accordion shadow" id="accordionPaiement">
  192.                         <div class="card p-4">
  193.                             <div>
  194.                                 <h3 class="ml-4 font-bold" >Paiement</h3>
  195.                             </div>
  196.                             <div class="card">
  197.                                 <div class="card-header bg-white shadow-sm border-0" id="heading9">
  198.                                     <h7 class="mb-0 font-weight-bold">
  199.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
  200.                                             Comment effectuer le paiement pour ma demande de document ?
  201.                                         </a>
  202.                                     </h7>
  203.                                 </div>
  204.                                 <div id="collapse9" class="collapse" aria-labelledby="heading9" data-parent="#accordionPaiement">
  205.                                     <div class="card-body">
  206.                                         <div class="bg-gray-300 italic">
  207.                                             <p class="ml-2">Déjà vous avez la possibilité de le faire par Carte visa et par Mobil Money</p>
  208.                                             <ul class="ml-4" style="margin: 0;padding: 0">
  209.                                                 <li style="list-style: circle">Par Carte visa,<br/>
  210.                                                     <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  211.                                                         <li>Sur l'interface de visualisation d'un dossier, cliquez sur le bouton "<span style="color: #0a53be">Effectuer le paiement</span>"</li>
  212.                                                         <li>Cliquez sur l’icône «<span style="color: #0a53be"> visa </span>»</li>
  213.                                                         <li>Le récapitulatif de paiement apparaît, vous cliquez sur « <span style="color: #0a53be">OUI </span>»</li>
  214.                                                         <li>Renseignez les informations requises</li>
  215.                                                         <li>Cliquez sur «<span style="color: #0a53be"> Confirmer </span>»</li>
  216.                                                         <li>Entrez le code de confirmation, puis cliquez sur «<span style="color: #0a53be"> Valider </span>»</li>
  217.                                                         <li>Cliquez sur «<span style="color: #0a53be"> Imprimer le reçu </span>»</li><br/>
  218.                                                     </ol>
  219.                                                 </li>
  220.                                                 <li style="list-style: circle">Par Mobil Money <br/>
  221.                                                     <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  222.                                                         <li>Sur l'interface de visualisation d'un dossier, cliquez sur le bouton "<span style="color: #0a53be">Effectuer le paiement</span>"</li>
  223.                                                         <li>Cliquez sur une des icônes de Mobil Money « M-pesa » « Orange Money » « <span style="color: #0a53be">Airtel Money </span>»</li>
  224.                                                         <li>Cliquez sur « OUI » pour maintenir la devise proposée ou sur «<span style="color: #0a53be"> NON </span>» pour prendre la deuxième devise proposée</li>
  225.                                                         <li>Renseignez votre numéro de téléphone puis cliquez sur «<span style="color: #0a53be"> Valider </span>»</li>
  226.                                                         <li>Le récapitulatif de paiement apparaît, vous cliquez sur «<span style="color: #0a53be"> OUI </span>»</li>
  227.                                                         <li>Confirmez votre paiement via votre mobil</li>
  228.                                                         <li>Cliquez sur « <span style="color: #0a53be">Imprimer le reçu </span>»</li>
  229.                                                     </ol>
  230.                                                 </li>
  231.                                             </ul>
  232.                                         </div>
  233.                                     </div>
  234.                                 </div>
  235.                                 <div class="card">
  236.                                     <div class="card-header bg-white shadow-sm border-0" id="heading10">
  237.                                         <h7 class="mb-0 font-weight-bold">
  238.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
  239.                                                 Que dois-je faire si le paiement ne passe pas ?
  240.                                             </a>
  241.                                         </h7>
  242.                                     </div>
  243.                                     <div id="collapse10" class="collapse" aria-labelledby="heading10" data-parent="#accordionPaiement">
  244.                                         <div class="card-body">
  245.                                             <div class="bg-gray-300 italic">
  246.                                                 <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  247.                                                     <li>Vérifiez si vous disposez des fonds nécessaires pour effectuer le paiement.</li>
  248.                                                     <li>Paiement par Mobile Money :</li>
  249.                                                     a. Vérifiez le numéro de téléphone servant à effectuer le paiement<br/>
  250.                                                     b. S’assurer d’avoir le téléphone à proximité pour continuer le reste du processus de paiement<br/>
  251.                                                     c. S’assurer de renseigner le bon mot de passe<br>
  252.                                                     <li>Paiement par carte bancaire :</li>
  253.                                                     a.    Vérifiez que les informations de la carte sont correctes (numéro de la carte, cvv, date d’expiration)<br/>
  254.                                                     b.    Respectez le délai de transaction (environ 60 secondes)<br/>
  255.                                                 </ol>
  256.                                             </div>
  257.                                         </div>
  258.                                     </div>
  259.                                 </div>
  260.                                 <div class="card">
  261.                                     <div class="card-header bg-white shadow-sm border-0" id="heading11">
  262.                                         <h7 class="mb-0 font-weight-bold">
  263.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse11" aria-expanded="false" aria-controls="collapse11">
  264.                                                 J’ai été débité mais l’application n’a pas affiché mon reçu de paiement
  265.                                             </a>
  266.                                         </h7>
  267.                                     </div>
  268.                                     <div id="collapse11" class="collapse" aria-labelledby="heading11" data-parent="#accordionPaiement">
  269.                                         <div class="card-body">
  270.                                             <div class="bg-gray-300 italic">
  271.                                                 <p class="ml-2">Veuillez contacter le support technique à l’adresse suivante « <span style="color: #0a53be">[email protected] </span>» en mettant en Objet le « <span style="color: #0a53be">numéro du dossier </span>»ou via le numéro suivant «<span style="color: #0a53be"> +243852000077 </span>»</p>
  272.                                             </div>
  273.                                         </div>
  274.                                     </div>
  275.                                 </div>
  276.                                 <div class="card">
  277.                                     <div class="card-header bg-white shadow-sm border-0" id="heading12">
  278.                                         <h7 class="mb-0 font-weight-bold">
  279.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse12" aria-expanded="false" aria-controls="collapse12">
  280.                                                 Est-ce que je peux faire une demande en ligne et payer en cash.
  281.                                             </a>
  282.                                         </h7>
  283.                                     </div>
  284.                                     <div id="collapse12" class="collapse" aria-labelledby="heading12" data-parent="#accordionPaiement">
  285.                                         <div class="card-body">
  286.                                             <div class="bg-gray-300 italic">
  287.                                                 <p class="ml-2">Non, vous ne pouvez pas payer en cash pour une demande faite en ligne.
  288.                                                     Le paiement se fait uniquement par carte bancaire soit par Mobile Money
  289.                                                 </p>
  290.                                             </div>
  291.                                         </div>
  292.                                     </div>
  293.                                 </div>
  294.                             </div>
  295.                         </div>
  296.                     </div>
  297.                     <div class="accordion shadow" id="accordionLivraison">
  298.                         <div class="card p-4">
  299.                             <div>
  300.                                 <h3 class="ml-4 font-bold" >Livraison</h3>
  301.                             </div>
  302.                             <div class="card">
  303.                                 <div class="card-header bg-white shadow-sm border-0" id="heading13">
  304.                                     <h7 class="mb-0 font-weight-bold">
  305.                                         <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse13" aria-expanded="false" aria-controls="collapse13">
  306.                                             Comment vais-je recevoir le document demandé ?
  307.                                         </a>
  308.                                     </h7>
  309.                                 </div>
  310.                                 <div id="collapse13" class="collapse" aria-labelledby="heading13" data-parent="#accordionPaiement">
  311.                                     <div class="card-body">
  312.                                         <div class="bg-gray-300 italic">
  313.                                             <p class="ml-2">Déjà vous avez la possibilité de le faire par Carte visa et par Mobil Money</p>
  314.                                             <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  315.                                                 <li>Le récupérer à la maison communale ;</li>
  316.                                                 <li>Vous le faire livrer à domicile ou à l’adresse de votre choix</li>
  317.                                             </ol>
  318.                                         </div>
  319.                                     </div>
  320.                                 </div>
  321.                                 <div class="card">
  322.                                     <div class="card-header bg-white shadow-sm border-0" id="heading14">
  323.                                         <h7 class="mb-0 font-weight-bold">
  324.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse14" aria-expanded="false" aria-controls="collapse14">
  325.                                                 A qui dois-je m’adresser pour récupérer mon document à la maison communale ?
  326.                                             </a>
  327.                                         </h7>
  328.                                     </div>
  329.                                     <div id="collapse14" class="collapse" aria-labelledby="heading14" data-parent="#accordionPaiement">
  330.                                         <div class="card-body">
  331.                                             <div class="bg-gray-300 italic">
  332.                                                 <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  333.                                                     <li>Rendez-vous à la commune où le document a été demandé avec votre reçu de paiement MOKANDA</li>
  334.                                                     <li>Une fois dans la commune, adressez-vous au service approprié (Etat civil ou Population) et Signifiez que vous êtes là pour récupérer votre document</li>
  335.                                                     <li>Présentez votre reçu de paiement auprès du service Afrique Digital et accusez réception une fois que le document vous est délivré.</li>
  336.                                                 </ol>
  337.                                             </div>
  338.                                         </div>
  339.                                     </div>
  340.                                 </div>
  341.                                 <div class="card">
  342.                                     <div class="card-header bg-white shadow-sm border-0" id="heading15">
  343.                                         <h7 class="mb-0 font-weight-bold">
  344.                                             <a class="ml-1 d-block position-relative text-dark text-uppercase collapsible-link py-2 collapsed" data-toggle="collapse" data-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
  345.                                                 Comment souscrire à la livraison de document ?
  346.                                             </a>
  347.                                         </h7>
  348.                                     </div>
  349.                                     <div id="collapse15" class="collapse" aria-labelledby="heading15" data-parent="#accordionPaiement">
  350.                                         <div class="card-body">
  351.                                             <div class="bg-gray-300 italic">
  352.                                                 <ol class="ml-4" style="list-style: auto;margin: 0;padding: 0">
  353.                                                 <li>Cliquez sur « <span style="color: #0a53be">sélectionner un ou plusieurs frais </span>»</li>
  354.                                                 <li>Cliquez sur «<span style="color: #0a53be"> livraison à domicile </span>»</li>
  355.                                                 <li>Renseignez le formulaire avec les informations requises</li>
  356.                                                 <li>Enregistrez les informations renseignées</li>
  357.                                                 <li>Vérifiez le coût de livraison sur le récapitulatif qui apparait</li>
  358.                                                 <li>Confirmez votre souscription en cliquant sur « <span style="color: #0a53be">OUI </span>»</li>
  359.                                                 </ol>
  360.                                             </div>
  361.                                         </div>
  362.                                     </div>
  363.                                 </div>
  364.                             </div>
  365.                         </div>
  366.                     </div>
  367.                 </div>
  368.             </div>
  369. {% endblock %}