templates/components/_quizz.html.twig line 1

Open in your IDE?
  1. <h1 class="m-5 text-center">
  2.     Quizz
  3.     Culture musher.
  4. </h1>
  6. <div class="global-container">
  8.     <form class="quiz-form">
  10.         <div class="question-block mt-2">
  11.             <h4>Le Husky est dans le même groupe que l’un de ces chiens, lequel ?</h4>
  12.             <div>
  13.                 <input type="radio" id="Akita" name="q1" value="a" checked>
  14.                 <label for="Akita">Akita Inu</label>
  15.             </div>
  16.             <div>
  17.                 <input type="radio" id="Doberman" name="q1" value="b">
  18.                 <label for="Doberman">Doberman</label>
  19.             </div>
  20.             <div>
  21.                 <input type="radio" id="Berger" name="q1" value="c">
  22.                 <label for="Berger">Berger Allemand</label>
  23.             </div>
  25.         </div>
  26.         <div class="question-block mt-2">
  27.             <h4>Le Husky descend du ... ?</h4>
  28.             <div>
  29.                 <input type="radio" id="Loup" name="q2" value="a" checked>
  30.                 <label for="Loup">Loup</label>
  31.             </div>
  32.             <div>
  33.                 <input type="radio" id="Tchouktches" name="q2" value="b">
  34.                 <label for="Tchouktches">Chien des Tchouktches</label>
  35.             </div>
  36.             <div>
  37.                 <input type="radio" id="Samoyede" name="q2" value="c">
  38.                 <label for="Samoyede">Samoyède</label>
  39.             </div>
  41.         </div>
  44.         <div class="question-block mt-2">
  45.             <h4>En qu'elle année a-t-on amené des huskys en Alaska ?</h4>
  46.             <div>
  47.                 <input type="radio" id="Nine" name="q3" value="a" checked>
  48.                 <label for="Nine">1932</label>
  49.             </div>
  50.             <div>
  51.                 <input type="radio" id="Height" name="q3" value="b">
  52.                 <label for="Height">1805</label>
  53.             </div>
  54.             <div>
  55.                 <input type="radio" id="Here" name="q3" value="c">
  56.                 <label for="Here">Ils étaient déjà là-bas</label>
  57.             </div>
  59.         </div>
  60.         <div class="question-block mt-2">
  61.             <h4>Apres combien de temps les bébés huskys ouvrent-ils les yeux ?</h4>
  62.             <div>
  63.                 <input type="radio" id="Twenty" name="q4" value="a" checked>
  64.                 <label for="Twenty">20 à 25 jours</label>
  65.             </div>
  66.             <div>
  67.                 <input type="radio" id="Two" name="q4" value="b">
  68.                 <label for="Two">2 à 4 jours</label>
  69.             </div>
  70.             <div>
  71.                 <input type="radio" id="Ten" name="q4" value="c">
  72.                 <label for="Ten">10 à 15 jours</label>
  73.             </div>
  75.         </div>
  77.         <div class="question-block mt-2">
  78.             <h4>Que dit une légende tchouktche à propos du Husky ?</h4>
  79.             <div>
  80.                 <input type="radio" id="Etoile" name="q5" value="a" checked>
  81.                 <label for="Etoile">Il est né de l’amour d’une étoile et de la neige</label>
  82.             </div>
  83.             <div>
  84.                 <input type="radio" id="Soleil" name="q5" value="b">
  85.                 <label for="Soleil">Il est né de l’amour du soleil et de la lune</label>
  86.             </div>
  87.             <div>
  88.                 <input type="radio" id="Vent" name="q5" value="c">
  89.                 <label for="Vent">Il est né de l’amour du vent et de la neige</label>
  90.             </div>
  91.         </div>
  92.         <button type="submit" class="btn-game">Valider</button>
  93.     </form>
  94.     <div class="results">
  95.         <h2>Cliquez sur
  96.             <span>valider</span>
  97.             pour voir les
  98.             <span>résultats</span>.</h2>
  99.         <p class="mark"></p>
  100.         <p class="help"></p>
  101.     </div>
  103. </div>