-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsinglelisting.html
179 lines (168 loc) · 7.83 KB
/
singlelisting.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name=“viewport” content=“width=device-width,initial-scale=1.0”/>
<link rel="stylesheet" type="text/css" href="app/css/singlelisting.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="app/js/falso.js"></script>
<script src="app/salsa-calendar-master/build/SalsaCalendar.min.js"></script>
<link rel="stylesheet" href="app/salsa-calendar-master/build/SalsaCalendar.min.css">
<title>Fairbnb</title>
<link rel="shortcut icon" href="images/fairbnb_logo.jpg"/>
</head>
<body>
<div>
<div id="nav-placeholder"></div>
<div class="listing-images">
<div class="slideshow-container">
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/tintoretto.jpg");'> </div>
<!--<div class="text">Caption Three</div>-->
</div>
<!--
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/playground.jpg");'> </div>
</div>
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/cool_people.jpg");'> </div>
</div>
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/burano.jpg");'> </div>
</div>
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/bell.jpg");'> </div>
</div>
<div class="mySlides fade">
<div class="banner_holderImage" style='background-image: url("images/beggar.jpg");'> </div>
</div>
-->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
</div>
<article>
<div class="article-wrapper">
<div class="filter-box">
<ul>
<li class="datePicker">
<h1>Check In</h1>
<input type="text" id="checkin" class="salsa-calendar-input" autocomplete="off" name="arrival" value="" readonly/>
<h1>Check Out</h1>
<input type="text" id="checkout" class="salsa-calendar-input" autocomplete="off" name="departure" value="" />
</li>
<li class="guest-filter">
<h1>Guests:</h1>
<h3>Adults</h3>
<select class="guest-select" name="adult-select">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
<h3>Children</h3>
<select class="guest-select" name="child-select">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</li>
<li class="hometype-filter" style="text-align: center">
<h1>Price: €114 per night</h1>
</li>
<li>
<button class="filter-apply" type="button" onclick="searchFalso('results.html', 'logged', 'click', event)">Book</button>
</li>
</ul>
</div>
<div class="listing-content">
<h1>Ca' Tintoretto</h1>
<h3>Entire Apartment - Cannaregio</h3>
<p>
Lorem ipsum dolor sit amet, sea no adhuc porro accommodare, accusata euripidis his an, aperiri incorrupte consectetuer usu at. Eum ut nostro scriptorem. Usu ad assum elaboraret. Nec ex cibo probo insolens. Cu ius ignota consectetuer.Pri menandri molestiae ad, ad sit feugait singulis, pro quando legimus at. Et duis mentitum eam, duo melius consequat democritum eu. Adhuc accusam maluisset nam ut. Minim melius mel ex. Per ludus prompta iudicabit te. Liber equidem adolescens at mea, te his meis mutat primis, per in lucilius reprimique.Pro cu labores definiebas, ex utinam eligendi mea. In prima fugit vim. Mel audiam oportere splendide ut, sea an enim summo philosophia. Ex quo everti detracto, quis meliore definiebas ut cum.
Nec ei eripuit splendide, mei ex assueverit suscipiantur, mazim libris corpora no cum. Antiopam theophrastus cu usu. Eam ubique scripta te, eius viderer docendi duo ei. Natum munere quaestio id nam, modus illum facilisi vix an, id paulo iuvaret cum. Id qui error dicam volumus, odio impedit eum an.
Et nostrum definiebas mediocritatem his, ius in ferri lorem, nobis semper in eos. No laboramus ullamcorper eos, ex sea dolor audiam. An dictas blandit efficiendi mel, mel mazim choro an, wisi detraxit eleifend mea an. At nostro causae consequat eam, his te equidem epicurei ocurreret.
</p>
<h2>By booking this listing you will be contributing to one of the following projects:</h2>
<form>
<div class="radio-div">
<input class="project-radio" type="radio" name="project" value="" checked>
<a href="https://arti.city/artifact-page/-KzTStOCVEqQjLQtQ8CM">Arti.City - Campiello de pe scuole Inscription</a>
</div>
<div class="radio-div">
<input class="project-radio" type="radio" name="project" value="">
<a href="#">Maintenance of Ca' Bembo Park</a>
</div>
</form>
<button class="about-project" type="button" href="#">Learn More</button>
<h2>Map</h2>
<img src="images/tintoretto_map.png">
</div>
</div>
</article>
<div id="footer-placeholder"></div>
<script>
$(document).ready(function() {
$('#footer-placeholder').load('sections/footer.html');
var calendar_from = new SalsaCalendar({
inputId: 'checkin',
lang: 'en',
range: {
min: 'today'
},
calendarPosition: 'right',
fixed: false,
connectCalendar: true
});
var calendar_to = new SalsaCalendar({
inputId: 'checkout',
lang: 'en',
range: {
min: 'today'
},
calendarPosition: 'right',
fixed: false
});
new SalsaCalendar.Connector({
from: calendar_from,
to: calendar_to,
maximumInterval: 365,
minimumInterval: 1
});
/*new SalsaCalendar.NightsCalculator({
from: calendar_from,
to: calendar_to,
nightsNo: 'nights-no'
});*/
});
</script>
</div>
</body>
<script src="app/js/slideshow.js"></script>
</html>