-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (52 loc) · 2.14 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slider</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="wrapper">
<div class="neki-drugi-element">Skup drugih elemenata</div>
<div class="section">
<div class="slider-wrapper">
<div class="row">
<div class="slider" id="upper">
<img src="assets/images/slider-image-7.jpg">
<img src="assets/images/slider-image-6.jpg">
<img src="assets/images/slider-image-9.jpg">
<img src="assets/images/slider-image-8.jpg">
<img src="assets/images/slider-image-5.jpg">
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="slider" id="lower">
<img src="assets/images/slider-image-4.jpg">
<img src="assets/images/slider-image-1.jpg">
<img src="assets/images/slider-image-2.jpg">
<img src="assets/images/slider-image-3.jpg">
</div>
<div class="arrows">
<button class="leftArrow">
<button class="rightArrow">
</div>
</div>
</div>
<div class="desc">
<h2>Lorem ipsum dolor sit amet consectetuer adipiscing elit </h2>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
</div>
</div>
<div class="neki-drugi-element">Skup drugih elemenata</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="script.js"></script>
</body>
</html>