diff options
Diffstat (limited to 'rannak/mangud/partorg/kuulsused/index.html')
| -rw-r--r-- | rannak/mangud/partorg/kuulsused/index.html | 165 |
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 --> |