-
Notifications
You must be signed in to change notification settings - Fork 2
/
bookings-confirm.html
90 lines (80 loc) · 3.96 KB
/
bookings-confirm.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
<!doctype html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/min/app-min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Trust Pilot -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.sync.bootstrap.min.js"></script>
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head><div id="dashboard" class="booking">
<div id="panel" class="dashboard-wrapper row">
<div class="module booking">
<div class="mod-header">
<h1>Välj tid för visning</h1>
</div>
<div class="mod-content">
<form action="submit">
<p>Du har bokat in tiden Söndag <span class="booked-time">2016-02-28 13:40</span> för visning. Tänk på att visningen är enbart för dig, så om du inte kommer måste du avboka din visning nedan. Vill du ändra din tid går det också bra. Vi har skickat uthyrarens kontaktuppgifter till dig på e-post och SMS. Vi ber dig kontakta uthyraren för detaljer såsom eventuell portkod och liknande. När visningen är klar vill vi att du tar kontakt med oss för att berätta hur det gick, om du vill hyra bostaden eller inte.</p>
<div class="row object">
<div class="col medium-2 pic"><img src="img/prop_2.jpg" alt=""></div>
<div class="col medium-2 town">Stockholm</div>
<div class="col medium-3 address">Vegagatan 12, 172 34 Sundbyberg</div>
<div class="col medium-1 area">120m²</div>
<div class="col medium-2 rooms">3 rum</div>
<div class="col medium-2 price">14 000:-</div>
</div>
<hr>
<div class="row"><input type="submit" class="submit button bottom" value="Avboka"></div>
</form>
<hr>
<form action="submit" class="time-slot">
<h6>Eller välj en annan tid:</h6>
<div class="row">
<div class="col medium-6"><span class="day">Lördag</span><span class="date">2016-01-23</span><span class="time">11:00 - 11:20</span></div>
<div class="col medium-6">
<input type="radio" class="custom-toggle" name="timeVal" id="time1" value="" />
<label class="button-outline" for="time1">Välj</label>
</div>
</div>
<br>
<h6>Fyll i ditt personnumer:</h6>
<input type="text" placeholder="ÅÅÅÅMMDDNNNN">
<p>Jag saknar svenskt personummer</p>
<div class="row"><input type="submit" class="submit button bottom" value="Boka"></div>
</form>
</div><!-- End mod-content -->
</div><!-- End module -->
<script class="hidden">
$('.time-slot div input[type="radio"]').change(function(){
if($(this).is(":checked")) {
$(this).parents('div.row').addClass('selected');
$(this).parents('div.row').siblings().removeClass('selected');
} else {
$(this).parents('div.row').removeClass('selected');
}
});
</script>
</div>
</div>
<script src="js/custom.js"></script>
</body>
</html>