Parorg Kuulsused New

author: Rasmus Luha <rasmus.luha@gmail.com> 2023-01-30 00:10:22 +0200
committer: Rasmus Luha <rasmus.luha@gmail.com> 2023-01-30 00:10:22 +0200
commit: ea90f1c8a5fb5b666113ee21f81a5530127a0517 (patch)
tree: 0560ee684a64e35f02d1128eb56ca8ad25a8ed09 /rannak/mangud/partorg/kuulsused/index.html
parent: 61f75569eb9464fbf0403f3af41d940e5cc79478 (diff)
1 files changed, 101 insertions, 64 deletions
diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html
index 4dfe755..b0503a2 100644
--- a/rannak/mangud/partorg/kuulsused/index.html
+++ b/rannak/mangud/partorg/kuulsused/index.html
@@ -2,8 +2,8 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=, initial-scale=1.0">
-    <title>Kuusused</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kuulsused</title>
     <link rel="stylesheet" href="styles.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">
@@ -12,7 +12,7 @@
 <body class="bg-dark text-white">
 
     <div class="container text-center text-white align-items-center pb-5">
-        <h1 class="pb-1 pt-2">Kuulsused</h1>
+        <h1 class="pb-1 pt-2">Olulised isikud</h1>
         <p>Vii kokku inimese nimi ja nägu.</p>
 
 		<div class="row">
@@ -59,78 +59,115 @@
     </div>
 
 
-	<!-- Esimene rida -->
-	<div class="lists">
-	  <div class="row">
 
-		<div class="col imgBox text-center">
-		  <img src="pildid/laar.jpg" alt="Mart Laar img">
-          <p>
-            "1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige."
-          </p>
-		  <div id="laar" class="list"></div>
-		</div>
+<div class="mainer">
 
-		<div class="list col startBasket text-center">
-	  	  <div id="laar" class="list-item" draggable="true">Mart Laar</div>
-	  	  <div id="lauristin" class="list-item" draggable="true">Marju Lauristin</div>
-	  	  <div id="ruutel" class="list-item" draggable="true">Arnold Rüütel</div>
-	  	  <div id="savisaar" class="list-item" draggable="true">Edgar Savisaar</div>
-	  	  <div id="kogan" class="list-item" draggable="true">Jevgeni Kogan</div>
-	  	  <div id="valk" class="list-item" draggable="true">Heinz Valk</div>
-		</div>
 
-		<div class="col imgBox text-center">
-		  <img src="pildid/lauristin.jpg" alt="Marju Lauristin img">
-          <p>
-            "1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige"
-          </p>
+	<div class="list col startBasket text-center">
+	    <div id="laar" class="list-item" draggable="true">Mart Laar</div>
+	    <div id="lauristin" class="list-item" draggable="true">Marju Lauristin</div>
+	    <div id="ruutel" class="list-item" draggable="true">Arnold Rüütel</div>
+	    <div id="savisaar" class="list-item" draggable="true">Edgar Savisaar</div>
+	    <div id="kogan" class="list-item" draggable="true">Jevgeni Kogan</div>
+	    <div id="valk" class="list-item" draggable="true">Heinz Valk</div>
+	</div>
+
+    <!-- Carousell -->
+
+    <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
+
+      <div class="carousel-indicators">
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
+        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
+      </div>
+
+      <div class="carousel-inner">
+        
+        <div class="carousel-item active">
+		  <img src="pildid/laar.jpg" class="d-block" alt="Mart Laar img">
+          <div class="text">
+            <p>
+              1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige.
+            </p>
+          </div>
+		  <div id="laar" class="list"></div>
+        </div>
+
+        <div class="carousel-item">
+		  <img src="pildid/lauristin.jpg" class="d-block" alt="Marju Lauristin img">
+          <div class="text">
+            <p>
+              1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige
+            </p>
+          </div>
 		  <div id="lauristin" class="list"></div>
-		</div>
+        </div>
 
-	  </div>
-	</div>
 
-	<!-- Teine rida -->
+        <div class="carousel-item">
+		  <img src="pildid/ruutel.jpg" class="d-block" alt="Arnold Rüütel img">
+          <div class="text">
+            <p>
+              1990-1992 ENSV/ EV Ülemnõukogu esimees.
+            </p>
+          </div>
+	      <div id="ruutel" class="list"></div>
+        </div>
 
-	<div class="lists">
-	  <div class="row">
 
-		<div class="col-3 imgBox text-center">
-		  <img src="pildid/ruutel.jpg" alt="Arnold Rüütel img">
-          <p>
-            "1990-1992 ENSV/ EV Ülemnõukogu esimees."
-          </p>
-		  <div id="ruutel" class="list"></div>
-		</div>
+        <div class="carousel-item">
+		  <img src="pildid/savisaar.jpg" class="d-block" alt="Savisaar img">
+          <div class="text">
+            <p>
+              Üks Rahvarinde loojatest, 1990  Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja.
+            </p>
+          </div>
+	      <div id="savisaar" class="list"></div>
+        </div>
+        
+
+        <div class="carousel-item">
+		  <img src="pildid/valk.jpg" class="d-block" alt="Heniz img">
+          <div class="text">
+            <p>
+              Kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime.
+            </p>
+          </div>
+	      <div id="valk" class="list"></div>
+        </div>
 
-		<div class="col-3 imgBox text-center">
-		  <img src="pildid/savisaar.jpg" alt="Savisaar img">
-          <p>
-            "üks Rahvarinde loojatest, 1990  Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja"
-          </p>
-		  <div id="savisaar" class="list"></div>
-		</div>
 
-		<div class="col-3 imgBox text-center">
-		  <img src="pildid/valk.jpg" alt="Heniz img">
-          <p>
-            "kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime."
-          </p>
-		  <div id="valk" class="list"></div>
-		</div>
+        <div class="carousel-item">
+		  <img src="pildid/kogan.jpg" class="d-block" alt="Kogan img">
+          <div class="text">
+            <p>
+              Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse  saadikuterühma “Sojuz” tegevuses.
+            </p>
+          </div>
+	      <div id="kogan" class="list"></div>
+        </div>
+
+      </div>
+      
+      
+      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+      </button>
+      
+      <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
+      
+    </div>
+
+</div>
 
-		<div class="col imgBox text-center">
-		  <img src="pildid/kogan.jpg" alt="Kogan img">
-          <p>
-            "Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse  saadikuterühma “Sojuz” tegevuses."
-          </p>
-		  <div id="kogan" class="list"></div>
-		</div>
-			
-		  </div>
-		</div>
-    
     <script src="script.js"></script>    
 
     <!-- JavaScript Bundle with Popper -->
author	Rasmus Luha <rasmus.luha@gmail.com>	2023-01-30 00:10:22 +0200
committer	Rasmus Luha <rasmus.luha@gmail.com>	2023-01-30 00:10:22 +0200
commit	ea90f1c8a5fb5b666113ee21f81a5530127a0517 (patch)
tree	0560ee684a64e35f02d1128eb56ca8ad25a8ed09 /rannak/mangud/partorg/kuulsused/index.html
parent	61f75569eb9464fbf0403f3af41d940e5cc79478 (diff)