1 files changed, 80 insertions, 0 deletions
diff --git a/rannak/algus/utlused/index.html b/rannak/algus/utlused/index.html
new file mode 100644
index 0000000..ffdd8b4
--- /dev/null
+++ b/rannak/algus/utlused/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="ru">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kuulsad Ütlused</title>
+  <link rel="stylesheet" href="css/utlused.css">
+
+    <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
+    <link rel="stylesheet" type=text/css href="utlused.css">
+    <!-- Bootstrap - CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+
+</head>
+<body class="bg-dark">
+  <div class="wrapper container draggable-elements align-items-center">
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #ff6384;" id="valk">Heinz Valk</div>
+      </div>
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #36a2eb;" id="savisaar"> Edgar Savisaar </div>
+      </div>
+
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #ffce56;" id="leemet"> Jüri Leesment </div>
+      </div>
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #69359c;" id="runnel"> Hando Runnel </div>
+      </div>
+
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #377f44;" id="interrinne"> Interrinde toeatjad </div>
+      </div>
+
+      <div class="empty ">
+        <div class="drag draggable" draggable="true" style="color: #141414;" id="uksveel"> Üks veel? </div>
+      </div>
+
+
+	  <div class="row">
+		<div>
+		  <a href="../../rolliValik/index.html" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+		</div>
+      </div> <!-- Row End -->
+
+	  
+	  
+  </div>  
+
+  <div class="container">
+
+    <div class="row">
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään"</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii" (Eestimaa Laul 11.09.1988)</span></div>
+    </div>			  
+			  
+    <div class="row">		  
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse!"</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega" (ans. Justamendi laul 1987)</span></div>
+    </div>
+
+    <div class="row">
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!" 15.05.1990"</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="uksveel"><span>"Üks ütlus tuleks ehk veel siia?"</span></div>
+    </div>
+
+  </div> 
+
+
+  </div>  
+
+  <script src="js/main.js"></script>
+</body>
+</html>