-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
84 lines (78 loc) · 3.81 KB
/
contact.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
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
<!DOCTYPE html>
<html lang="et">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kategooriad</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body>
<!-- Otsinguriba + ikoon-->
<div class="container mt-3">
<div class="d-flex justify-content-between align-items-center">
<a href="index.html"><i class="bi bi-film" style="font-size: 40px; color: black;"></i></a>
<div class="search-bar">
<span class="input-group-text" id="basic-addon1"><i class="bi bi-search"></i></span>
<input type="text" class="form-control" placeholder="Otsi filme ja seriaale">
</div>
</div>
</div>
<!-- Menüü -->
<div class="navbar">
<ul>
<li><a href="index.html">Seriaalid</a></li>
<li><a href="index.html">Filmid</a></li>
<li><a href="subscription.html">Tellimine</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div class="container mt-4">
<h1 class="text-dark">Meist</h1>
<a href="index.html"><button type="button" class="btn btn-outline-danger"><i class="bi bi-arrow-left"></i>
Tagasi</button></a>
<br>
<br>
<div class="movie-description text-dark">
<div class="row">
<div class="col-10 mb-6 col-md-6 col-lg-4 pb-3">
<img class="movie-image"
src="https://images.squarespace-cdn.com/content/v1/5ea237e587e03021f9ef8cc2/1591632715798-GZ810CZ0DMW3J0HD2ODF/Group-members.jpg">
</div>
<div class="col-10 col-md-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac nunc id metus dapibus feugiat.
Sed maximus felis ut imperdiet aliquam. Interdum et malesuada fames ac ante ipsum primis in
faucibus. Proin eget neque velit. Nunc a sapien dui. Donec elementum elit et dolor mollis, vitae
blandit lacus vestibulum. Sed et sollicitudin mauris.</p>
<p>Fusce pharetra elit eget orci vestibulum euismod. Cras quis libero ullamcorper, rhoncus ligula
ac, feugiat ex. Phasellus massa turpis, pulvinar in vehicula nec, elementum vel ante. Fusce
interdum suscipit tortor. Mauris porta, justo pulvinar lobortis venenatis, turpis leo mollis
felis, sed rutrum erat lectus non nisi. Suspendisse at nulla ac ipsum malesuada venenatis vitae
sit amet elit. Morbi viverra auctor eros eu porta. Vivamus a orci urna. Integer tristique et dui
sit amet sodales.</p>
</div>
</div>
</div>
</div>
<!-- Jalus -->
<footer class="footer ">
<div class="container">
<div class="row">
<div class="col-md-6">
<h5>Kontakt</h5>
<p>[email protected]<br>
+372 5555 5555</p>
</div>
<div class="col-md-6 d-flex justify-content-end align-items-end">
<div class="social-icons">
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-youtube"></i></a>
</div>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>