-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 4.5 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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Reservo Prototype</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="prototype.css">
<script type="text/javascript" src="reservo.js"></script>
<script type="text/javascript" src="//use.typekit.net/svf6pif.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript">
var reservoRestaurantId = 5;
</script>
</head>
<body>
<section id="reservo-container" class="reservo-container">
<header>
<h1>Min reservasjon</h1>
<a href="javascript:void(0)" id="reservo-overlay-lukk" class="reservo-overlay-lukk">x</a>
</header>
<div id="reservo-container-wrapper" class="reservo-container-wrapper">
<section id="reservo-brev" class="reservo-seksjon reservo-brev reservo-active">
<fieldset>
<p>Jeg, <input type="text" id="reservo-navn" placeholder="Jan Petter" /> ønsker å reservere et bord for <input id="reservo-person-antall" type="number" max="24" min="1" value="3"/> personer på Sumo
<select id="reservo-dato" name="dag">
<!--
<option value="0">i dag</option>
<option value="1" selected>i morgen</option>
<option value="2">onsdag</option>
<option value="3">torsdag</option>
<option value="4">fredag</option>
<option value="5">lørdag</option>
<option value="6">søndag</option>
<option value="7">neste mandag</option>
<option value="8">neste tirsdag</option>
<option value="9">neste onsdag</option>
<option value="10">neste fredag</option>
<option value="11">neste lørdag</option>
<option value="12">neste søndag</option>
-->
</select> klokken <select id="reservo-tidspunkt" name="tidspunkt">
<!--
<option disabled>10:00</option>
<option disabled>– – – –</option>
<option disabled>12:45</option>
<option>13:00</option>
<option>13:15</option>
<option>13:30</option>
<option>13:45</option>
<option>14:00</option>
<option>14:15</option>
<option>14:30</option>
<option>14:45</option>
<option>15:00</option>
<option>15:15</option>
<option>15:30</option>
<option>15:45</option>
<option>16:00</option>
<option>16:15</option>
<option>16:30</option>
<option>16:45</option>
<option>17:00</option>
<option>17:15</option>
<option>17:30</option>
<option>17:45</option>
<option>18:00</option>
<option>18:15</option>
<option>18:30</option>
<option>18:45</option>
<option>19:00</option>
<option>19:15</option>
<option>19:30</option>
<option>19:45</option>
<option>20:00</option>
<option>20:15</option>
<option>20:30</option>
<option>20:45</option>
<option disabled>21:00</option>
<option disabled>– – – –</option>
<option disabled>23:00</option>
-->
</select>.</p>
<p>Dere kan nå meg på <input id="reservo-phone" type="tel" placeholder="12345678" />(mobil).</p>
</fieldset>
<a href="javascript:void(0)" id="reservo-continue-button" class="reservo-button">Gå videre</a>
</section>
<section id="reservo-bordvalg" class="reservo-seksjon reservo-bordvalg">
<div id="reservo-bord" class="reservo-bord">
<a id="reservo-forrige-bord" class="reservo-forrige-bord" href="javascript:void(0)">⟨</a>
<div class="reservo-karusell-wrapper" id="reservo-karusell-wrapper">
<ul id="reservo-karusell" class="reservo-karusell">
</ul>
</div>
<a id="reservo-neste-bord" class="reservo-neste-bord" href="javascript:void(0)">⟩</a>
</div>
<aside id="reservo-sammendrag" class="reservo-sammendrag">
<fieldset onclick="backToInputFields();">
<p>Bord for <span>2 personer</span> den <span>3. feb</span> klokken <span>14:00</span>.</p>
<span class="reservo-rediger-markering">Redigér</span>
</fieldset>
<a class="reservo-button" href="javascript:void(0)">Send reservasjon</a>
</aside>
</section>
</div>
</section>
</body>
</html>