templates/components/_memo.html.twig line 1

Open in your IDE?
  1.     
  2.     <h1 class="text-center">Jeux des
  3.             cartes mémoires
  4.         </h1>
  5.         <p class="advice">Tentez de gagner avec le moins d'essais possible</p>
  6.         <div class="score">Nombre de coups : 0</div>
  7.         <div class="gridGame">
  8.             <div class="cardGame" data-attr="troupe">
  9.                 <div class="double-face ">
  10.                     <div class="face">
  11.                         <img src="./assets/css/photos/troupe.jpg" alt="troupe">
  12.                     </div>
  13.                     <div class="back">
  14.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.             <div class="cardGame" data-attr="Jerem pict">
  19.                 <div class="double-face">
  20.                     <div class="face">
  21.                         <img src="./assets/css/photos/jeremy2.jpg" alt="Jeremy pict">
  22.                     </div>
  23.                     <div class="back">
  24.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.             <div class="cardGame" data-attr="tipi">
  29.                 <div class="double-face">
  30.                     <div class="face">
  31.                         <img src="./assets/css/photos/fondMusher.JPG" alt="musher">
  32.                     </div>
  33.                     <div class="back">
  34.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.             <div class="cardGame" data-attr="meute">
  39.                 <div class="double-face">
  40.                     <div class="face">
  41.                         <img src="./assets/css/photos/meute.jpg" alt="meute">
  42.                     </div>
  43.                     <div class="back">
  44.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.             <div class="cardGame" data-attr="chenil">
  49.                 <div class="double-face">
  50.                     <div class="face">
  51.                         <img src="./assets/css/photos/chenil.jpg" alt="chenil">
  52.                     </div>
  53.                     <div class="back">
  54.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.             <div class="cardGame" data-attr="aurelie pict">
  59.                 <div class="double-face">
  60.                     <div class="face">
  61.                         <img src="./assets/css/photos/aurelie.jpg" alt="aurelie pict">
  62.                     </div>
  63.                     <div class="back">
  64.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.             <div class="cardGame" data-attr="troupe">
  69.                 <div class="double-face">
  70.                     <div class="face">
  71.                         <img src="./assets/css/photos/troupe.jpg" alt="troupe">
  72.                     </div>
  73.                     <div class="back">
  74.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.             <div class="cardGame" data-attr="tipi">
  79.                 <div class="double-face">
  80.                     <div class="face">
  81.                         <img src="./assets/css/photos/fondMusher.JPG" alt="musher">
  82.                     </div>
  83.                     <div class="back">
  84.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.             <div class="cardGame" data-attr="aurelie pict">
  89.                 <div class="double-face">
  90.                     <div class="face">
  91.                         <img src="./assets/css/photos/aurelie.jpg" alt="Aurelie pict">
  92.                     </div>
  93.                     <div class="back">
  94.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.             <div class="cardGame" data-attr="Jerem pict">
  99.                 <div class="double-face">
  100.                     <div class="face">
  101.                         <img src="./assets/css/photos/jeremy2.jpg" alt="Jeremy pict">
  102.                     </div>
  103.                     <div class="back">
  104.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.             <div class="cardGame" data-attr="chenil">
  109.                 <div class="double-face">
  110.                     <div class="face">
  111.                         <img src="./assets/css/photos/chenil.jpg" alt="chenil">
  112.                     </div>
  113.                     <div class="back">
  114.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.             <div class="cardGame" data-attr="meute">
  119.                 <div class="double-face">
  120.                     <div class="face">
  121.                         <img src="./assets/css/photos/meute.jpg" alt="meute">
  122.                     </div>
  123.                     <div class="back">
  124.                         <img src="./assets/css/photos/logo.png" alt="icone de question" class="">
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.         <button class="restart btn btn-block p-2 mt-5 text-center bg-light" onclick="restartMemo()">Recommencez . </button>