blob: a3ff2d99b6c8e503a247351ab800db531074d9c0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<html lang="en">
<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>
<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">
</head>
<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>
<p>Vii kokku inimese nimi ja nägu.</p>
<div class="row">
<div>
<button class="moveOn" disabled>Liigu Edasi</button>
</div>
</div>
</div>
<!-- Esimene rida -->
<div class="container-fluid lists">
<div class="row">
<div class="col imgBox text-center">
<img src="pildid/pats.jpg" alt="Konstantin Päts img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="pats" class="list"></div>
</div>
<div class="list col startBasket text-center">
<div id="pats" class="list-item" draggable="true">Konstantin Päts</div>
<div id="karis" class="list-item" draggable="true">Alar Karis</div>
<div id="meri" class="list-item" draggable="true">Lennart Meri</div>
<div id="ruutel" class="list-item" draggable="true">Arnold Rüütel</div>
<div id="ilves" class="list-item" draggable="true">Toomas Hendrik Ilves</div>
<div id="kaljulaid" class="list-item" draggable="true">Kersti Kaljulaid</div>
<div id="queen" class="list-item" draggable="true">Elizabth II</div>
<div id="galileo" class="list-item" draggable="true">Galileo Galilei</div>
</div>
<div class="col imgBox text-center">
<img src="pildid/karis.jpg" alt="Alar Karis img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="karis" class="list"></div>
</div>
</div>
</div>
<!-- Teine rida -->
<div class="container-fluid lists">
<div class="row">
<div class="col imgBox text-center">
<img src="pildid/ruutel.jpg" alt="Arnold Rüütel img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="ruutel" class="list"></div>
</div>
<div class="col imgBox text-center">
<img src="pildid/galileo.jpg" alt="Galileo img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="galileo" class="list"></div>
</div>
<div class="col imgBox text-center">
<img src="pildid/queen.jpg" alt="Queen img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="queen" class="list"></div>
</div>
</div>
</div>
<!-- Kolmas Rida -->
<div class="container-fluid lists">
<div class="row">
<div class="col imgBox text-center">
<img src="pildid/kaljulaid.jpg" alt="Kersti Kaljulaid img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="kaljulaid" class="list"></div>
</div>
<div class="col imgBox text-center">
<img src="pildid/ilves.jpg" alt="Toomas Hendrik Ilves img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="ilves" class="list"></div>
</div>
<div class="col imgBox text-center">
<img src="pildid/meri.jpg" alt="Lennart Meri img">
<p>
"Siia Lühikene info sellekohta Kes oli ja Mida tegi.
natuke placeholder teksti veel ja nii ja naa ja see ka."
</p>
<div id="meri" class="list"></div>
</div>
</div>
</div>
<script src="script.js"></script>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>
|
