-
Notifications
You must be signed in to change notification settings - Fork 1
/
KONTAKTLEHT.html
120 lines (100 loc) · 4.79 KB
/
KONTAKTLEHT.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
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
<!DOCTYPE html>
<html lang="et">
<head>
<meta charset="utf-8">
<link rel='stylesheet' href="stylesheet.css">
<link rel="stylesheet" href="kontaktleht.stylesheet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>KLUBI KOLMTEIST</title>
</head>
<body>
<header>
<div class="header-container">
<div class="header-child magenta">
<div class='head1'>KLUBI KOLMTEIST</div>
<div class='head2'>Parim võitluskunstide klubi Eestis</div>
</div>
<div class="header-child green">
<div id="quoteDisplay">
<div id="quote" class="quote">
Enamasti ei ole mitte asjad need, mis meid häirivad, vaid meid häirib meie suhtumine neisse
asjusse.
</div>
<br>
<div id="creator" class="creator">
Marcus Aurelius
</div>
</div>
<script src="randomquotes.js"></script>
</div>
</div>
</header>
<div class='menu'>
<a href='avaleht.html'>AVALEHT</a>
<a href='trennid.html'>TRENNID</a>
<a href='hinnakiri.html'>HINNAKIRI</a>
<a class="active" href='kontaktleht.html'>KONTAKT</a>
</div>
<div class="body_sec">
<div class="float-parent-element">
<br>
<div class="float-child-element">
<div class=container>
<form>
<h3>Tekkis küsimusi? Kirjuta meile!</h3>
<div class="leftbox">
<label for="fname">Eesnimi</label>
<input type='text' id="fname" name="firstname" placeholder="Teie eesnimi">
</div>
<div class="leftbox">
<label for="lname">Perenimi</label>
<input type='text' id="lname" name="lastname" placeholder="Teie perenimi">
</div>
<div class="clear">
<label for="email">E-maili aadress</label>
<input type='email' id="email" name="email" placeholder="Teie e-mail">
</div>
<label for="phone">Telefoninumber</label>
<input type="text" id="phone" name="phone" placeholder="Teie telefoninumber">
<label for="subject">Sõnum</label>
<textarea id="subject" name="subject" placeholder="Kirjuta oma sõnum..."
style="height: 200px"></textarea>
<input type="submit" value="Saada">
</form>
</div>
</div>
<div class="float-child-element">
<br><br>
<div class="float-parent-element">
<div class="float-child-element">
<p>Asukoht: Kastani 42, Tartu<br>
Telefoninumber: (+372) 5011 1111<br>
E-mail: [email protected]<br><br><br>
Lahtiolekuajad:<br>
Esmaspäev 8-20<br>
Teisipäev 7-20<br>
Kolmapäev 7-20<br>
Neljapäev 7-20<br>
Reede 7-20<br>
Laupäev 10-20<br>
Pühapäev suletud<br>
</p>
</div>
<div class="float-child-element">
<br>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2092.3486621739767!2d26.713044216114742!3d58.37065659455448!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46eb371f5850c37b%3A0x5319c5ab4fb7413a!2sKastani%2042%2C%2050410%20Tartu!5e0!3m2!1set!2see!4v1636738871677!5m2!1set!2see"
width="500" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
<footer>
<a href="https://www.facebook.com/" target="_blank" class="fa fa-facebook"></a>
<a href="https://www.instagram.com/" target="_blank" class="fa fa-instagram"></a>
<a href="https://www.youtube.com/" target="_blank" class="fa fa-youtube"></a><br>
<h4>Copyright© 2021 Rühm 13.</h4>
</footer>
</div>
</body>
</html>