-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrezervacija.html
215 lines (192 loc) · 12.6 KB
/
rezervacija.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<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>Rezervacija</title>
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<header class="page-header top-bar">
<div class="page-header__row">
<div class="page-frame">
<a class="page-header__home-link top-bar-left" title="Wake Up Kaunas" href="/">
<img class="page-header__logo js-logo" alt="Wake Up Kaunas" src="scss/assets/icons/logo.svg">
</a>
<div class="page-navigation__wrapper top-bar-right js-wrapper">
<nav class="page-navigation menu">
<div class="page-navigation__hamburger js-hamburger">
<span class="page-navigation__hamburger-stripe"></span>
<span class="page-navigation__hamburger-stripe"></span>
<span class="page-navigation__hamburger-stripe"></span>
<span class="page-navigation__hamburger-stripe"></span>
</div>
<a href="/" class="page-navigation__home-link">
<img class="page-navigation__home-link-logo" alt="Wake Up Kaunas" src="scss/assets/icons/logo.svg">
</a>
<a class="page-navigation__item" href="index.html">Pradžia</a>
<a class="page-navigation__item" href="kainos.html">Kainos</a>
<a class="page-navigation__item" href="rezervacija.html">Rezervacija</a>
<a class="page-navigation__item" href="/kuponai.html">Dovanų kuponai</a>
<a class="page-navigation__item" href="kontaktai.html">Kontaktai</a>
<p class="page-navigation__address">
+370 686 69222<br> Raudondvario pl. 161 A, Kaunas
</p>
<div class="page-navigation__languages">
<a class="page-navigation__language" href="/lt">lt</a>
<a class="page-navigation__language" href="/en">en</a>
</div>
</nav>
</div>
</div>
</div>
</header>
<main class="main-reservation">
<form class="main-form multi-step-checkout-form">
<h2 class="main-form__header">Rezervacija</h2>
<div class="main-form__input-container cell">
<input class="main-form__input" id="date" type="text" required>
<label class="main-form__input-label focus-label">Data</label>
</div>
<div class="row">
<div class="input-container small-12 large-5 cell">
<select class="main-form__input" id="laikas-nuo" type="text" required>
<option selected hidden></option>
<option value="08:00">08:00</option>
<option value="08:20">08:20</option>
<option value="08:40">08:40</option>
<option value="09:00">09:00</option>
<option value="09:20">09:20</option>
<option value="09:40">09:40</option>
<option value="10:00">10:00</option>
<option value="10:20">10:20</option>
<option value="10:40">10:40</option>
<option value="11:00">11:00</option>
<option value="11:20">11:20</option>
<option value="11:40">11:40</option>
<option value="12:00">12:00</option>
<option value="12:20">12:20</option>
<option value="12:40">12:40</option>
<option value="13:00">13:00</option>
<option value="13:20">13:20</option>
<option value="13:40">13:40</option>
<option value="14:00">14:00</option>
<option value="14:20">14:20</option>
<option value="14:40">14:40</option>
<option value="15:00">15:00</option>
<option value="15:20">15:20</option>
<option value="15:40">15:40</option>
<option value="16:00">16:00</option>
<option value="16:20">16:20</option>
<option value="16:40">16:40</option>
<option value="17:00">17:00</option>
<option value="17:20">17:20</option>
<option value="17:40">17:40</option>
<option value="18:00">18:00</option>
<option value="18:20">18:20</option>
<option value="18:40">18:40</option>
<option value="19:00">19:00</option>
<option value="19:20">19:20</option>
<option value="19:40">19:40</option>
<option value="20:00">20:00</option>
<option value="20:20">20:20</option>
<option value="20:40">20:40</option>
<option value="21:00">21:00</option>
</select>
<label class="main-form__input-label focus-label">Laikas nuo</label>
</div>
<div class="input-container small-12 large-5 cell">
<select class="main-form__input" id="laikas-iki" type="text" required>
<option selected hidden></option>
<option value="08:20">08:20</option>
<option value="08:40">08:40</option>
<option value="09:00">09:00</option>
<option value="09:20">09:20</option>
<option value="09:40">09:40</option>
<option value="10:00">10:00</option>
<option value="10:20">10:20</option>
<option value="10:40">10:40</option>
<option value="11:00">11:00</option>
<option value="11:20">11:20</option>
<option value="11:40">11:40</option>
<option value="12:00">12:00</option>
<option value="12:20">12:20</option>
<option value="12:40">12:40</option>
<option value="13:00">13:00</option>
<option value="13:20">13:20</option>
<option value="13:40">13:40</option>
<option value="14:00">14:00</option>
<option value="14:20">14:20</option>
<option value="14:40">14:40</option>
<option value="15:00">15:00</option>
<option value="15:20">15:20</option>
<option value="15:40">15:40</option>
<option value="16:00">16:00</option>
<option value="16:20">16:20</option>
<option value="16:40">16:40</option>
<option value="17:00">17:00</option>
<option value="17:20">17:20</option>
<option value="17:40">17:40</option>
<option value="18:00">18:00</option>
<option value="18:20">18:20</option>
<option value="18:40">18:40</option>
<option value="19:00">19:00</option>
<option value="19:20">19:20</option>
<option value="19:40">19:40</option>
<option value="20:00">20:00</option>
<option value="20:20">20:20</option>
<option value="20:40">20:40</option>
<option value="21:00">21:00</option>
</select>
<label class="main-form__input-label focus-label">iki</label>
</div>
</div>
<div class="main-form__input-container cell">
<input class="main-form__input" type="text" required>
<label class="main-form__input-label focus-label">Vardas, pavardė</label>
</div>
<div class="main-form__input-container cell">
<input class="main-form__input" type="text" required>
<label class="main-form__input-label focus-label">Telefonas</label>
</div>
<div class="main-form__input-container cell">
<textarea class="main-form__input" required></textarea>
<label class="main-form__input-label focus-label">Pastabos</label>
</div>
<button class="button submit" name="Send" type="submit">Rezervuoti</button>
</form>
</main>
<footer class="footer">
<div class="grid-x footer-container">
<address class="medium-2 cell footer-address">
<span>+370 686 69222</span>
<a href="mailto:[email protected]" class="">[email protected]</a>
</address>
<div class="auto cell social-wrapper">
<a href="https://www.facebook.com/wakeupkaunas/" class="footer-social_network">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<desc>Facebook</desc>
<path style="fill:#fff;" d="M47.761,24c0,13.121-10.638,23.76-23.758,23.76C10.877,47.76,0.239,37.121,0.239,24c0-13.124,10.638-23.76,23.764-23.76C37.123,0.24,47.761,10.876,47.761,24 M20.033,38.85H26.2V24.01h4.163l0.539-5.242H26.2v-3.083c0-1.156,0.769-1.427,1.308-1.427h3.318V9.168L26.258,9.15c-5.072,0-6.225,3.796-6.225,6.224v3.394H17.1v5.242h2.933V38.85z"></path>
</svg>
</a>
<a href="https://www.instagram.com/explore/locations/424165974/" class="footer-social_network">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="48px" viewBox="0 0 30 30" xml:space="preserve">
<desc>Instagram</desc>
<path style="fill:#fff;" d="M15,11.014 C12.801,11.014 11.015,12.797 11.015,15 C11.015,17.202 12.802,18.987 15,18.987 C17.199,18.987 18.987,17.202 18.987,15 C18.987,12.797 17.199,11.014 15,11.014 L15,11.014 Z M15,17.606 C13.556,17.606 12.393,16.439 12.393,15 C12.393,13.561 13.556,12.394 15,12.394 C16.429,12.394 17.607,13.561 17.607,15 C17.607,16.439 16.444,17.606 15,17.606 L15,17.606 Z"></path>
<path style="fill:#fff;" d="M19.385,9.556 C18.872,9.556 18.465,9.964 18.465,10.477 C18.465,10.989 18.872,11.396 19.385,11.396 C19.898,11.396 20.306,10.989 20.306,10.477 C20.306,9.964 19.897,9.556 19.385,9.556 L19.385,9.556 Z"></path>
<path style="fill:#fff;" d="M15.002,0.15 C6.798,0.15 0.149,6.797 0.149,15 C0.149,23.201 6.798,29.85 15.002,29.85 C23.201,29.85 29.852,23.202 29.852,15 C29.852,6.797 23.201,0.15 15.002,0.15 L15.002,0.15 Z M22.666,18.265 C22.666,20.688 20.687,22.666 18.25,22.666 L11.75,22.666 C9.312,22.666 7.333,20.687 7.333,18.28 L7.333,11.734 C7.333,9.312 9.311,7.334 11.75,7.334 L18.25,7.334 C20.688,7.334 22.666,9.312 22.666,11.734 L22.666,18.265 L22.666,18.265 Z"></path>
</svg>
</a>
</div>
<div class="medium-6 medium-7 cell footer-rights js-rights"></div>
</div>
</footer>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>