perenaine memory final

1 files changed, 25 insertions, 5 deletions

diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index c19c7d5..6c470c3 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -14,118 +14,138 @@
   <div class="left">
 	<div class="left-text">
 	  <h1>Memori</h1>
-	  <p>Mängu läbimiseks leia üles kõik kümme paari</p>
+	  <p>Mängu läbimiseks leia üles kõik kümme Talongipaari</p>
 	</div>
   </div>
 
   <section class="memory-game">
 
-    <div class="memory-card" data-framework="butter">
-      <img class="front-face" src="img/butter.svg" alt="Butter" />
+    <div class="memory-card" data-framework="või">
+        <img class="front-face"src="img/butter.svg" alt="või" />
+          <span class="talong-text">Või</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
-    <div class="memory-card" data-framework="butter">
-      <img class="front-face" src="img/butter.svg" alt="Butter" />
+    <div class="memory-card" data-framework="või">
+      <img class="front-face" src="img/butter.svg" alt="või" />
+          <span class="talong-text">Või</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="tikud">
       <img class="front-face" src="img/tikud.svg" alt="tikud" />
+          <span class="talong-text">Tikud</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="tikud">
       <img class="front-face" src="img/tikud.svg" alt="Tikud" />
+          <span class="talong-text">Tikud</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="alko">
       <img class="front-face" src="img/alko.svg" alt="Alko" />
+          <span class="talong-text">Õlu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="alko">
       <img class="front-face" src="img/alko.svg" alt="Alko" />
+          <span class="talong-text">Õlu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="jahu">
       <img class="front-face" src="img/jahu.svg" alt="Jahu" />
+          <span class="talong-text">Jahu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="jahu">
       <img class="front-face" src="img/jahu.svg" alt="Jahu" />
+          <span class="talong-text">Jahu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="pasta">
       <img class="front-face" src="img/pasta.svg" alt="Pasta" />
+          <span class="talong-text">Pasta</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="pasta">
       <img class="front-face" src="img/pasta.svg" alt="Pasta" />
+          <span class="talong-text">Pasta</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="pesu">
       <img class="front-face" src="img/pesu.svg" alt="Pesu" />
+          <span class="talong-text">Pesu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="pesu">
       <img class="front-face" src="img/pesu.svg" alt="Pesu" />
+          <span class="talong-text">Pesu</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="riis">
       <img class="front-face" src="img/riis.svg" alt="Riis" />
+          <span class="talong-text">Riis</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="riis">
       <img class="front-face" src="img/riis.svg" alt="Riis" />
+          <span class="talong-text">Riis</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="sokid">
       <img class="front-face" src="img/sokid.svg" alt="Sokid" />
+          <span class="talong-text">Sokid</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="sokid">
       <img class="front-face" src="img/sokid.svg" alt="sokid" />
+          <span class="talong-text">Sokid</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="sool">
       <img class="front-face" src="img/sool.svg" alt="Sool" />
+          <span class="talong-text">Sool</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="sool">
       <img class="front-face" src="img/sool.svg" alt="Sool" />
+          <span class="talong-text">Sool</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
 
     <div class="memory-card" data-framework="suhkur">
       <img class="front-face" src="img/suhkur.svg" alt="suhkur" />
+          <span class="talong-text">Suhkur</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>
 
     <div class="memory-card" data-framework="suhkur">
       <img class="front-face" src="img/suhkur.svg" alt="suhkur" />
+          <span class="talong-text">Suhkur</span>
       <img class="back-face" src="img/taga.svg" alt="taga" />
     </div>