-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstaysIndividual.html
98 lines (93 loc) · 4.41 KB
/
staysIndividual.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
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
<link rel="stylesheet" href="staysIndividual.css">
</head>
<body>
<!-- <h1 id="topHeading">This is individual page </h1> -->
<div id="roomDetails"></div>
<br>
<div id="navbar">
<a href=""><h3>Overview</h3></a>
<a href=""><h3>Rooms</h3></a>
<a href=""><h3>Location</h3></a>
<a href=""><h3>Amenities</h3></a>
<a href=""><h3>Policies</h3></a>
<a href=""><h3>Reviews</h3></a>
<button id="bookRoom" onclick="bookingBtn()">Reserve a room</button>
</div>
<h2>Popular amenities</h2>
<div id="pa">
<div class="div">
<img src="https://media.istockphoto.com/vectors/swimming-icon-vector-id874204060?k=20&m=874204060&s=612x612&w=0&h=x5m7R7Ln7xUgFwkEO-ZEcThYyR1xIY8n1d7FFGDjDJ4=" alt="">
<h3>Pool</h3>
</div>
<div class="div">
<img src="https://c8.alamy.com/comp/2FJYN2W/pet-friendly-logo-print-with-heart-inside-2FJYN2W.jpg" alt="">
<h3>Pet-friendly</h3>
</div>
<div class="div">
<img src="https://cdn4.iconfinder.com/data/icons/vecico-connectivity/288/wifi_Symbol-512.png" alt="">
<h3>Free WiFi</h3>
</div>
<div class="div">
<img src="https://images-platform.99static.com/50QF3cXwdrFS6JmWBlq4b4ylois=/0x0:1224x1224/500x500/top/smart/99designs-contests-attachments/92/92446/attachment_92446891" alt="">
<h3>Air conditioning</h3>
</div>
<div class="div">
<img src="https://static.vecteezy.com/system/resources/thumbnails/004/700/907/small/p-letter-logo-concept-isolated-on-white-background-vector.jpg" alt="">
<h3>Parking included</h3>
</div>
<div class="div">
<img src="https://t3.ftcdn.net/jpg/02/81/71/98/360_F_281719833_zv3vI8tFraKluAXb1iKvJYlbnIrAuo2j.jpg" alt="">
<h3>Spa</h3>
</div>
</div>
<h2>Cleaning and safety practices</h2>
<div id="pa1">
<div class="div">
<img src="https://www.harlemunited.org/wp-content/uploads/2020/03/Icons.png" alt="">
<h3>Cleaned with disinfectant</h3>
</div>
<div class="div">
<img src="https://cdn4.vectorstock.com/i/1000x1000/34/88/hand-sanitizer-bottle-icon-logo-design-template-vector-30733488.jpg" alt="">
<h3>Hand sanitiser provided</h3>
</div>
<div class="div">
<img src="https://sc04.alicdn.com/kf/HLB1d19iU9rqK1RjSZK9q6xyypXal.jpg" alt="">
<h3>Contactless check-in</h3>
</div>
<div class="div">
<img src="https://static9.depositphotos.com/1241729/1178/v/600/depositphotos_11783673-stock-illustration-commanded-sign-safety-sign-pictogram.jpg" alt="">
<h3>Personal protective equipment</h3>
</div>
</div>
<div id="map">
<div id="map">
<!-- Google Map Copied Code -->
<div class="mapouter"><div class="gmap_canvas">
<iframe class="gmap_iframe" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"
src="https://maps.google.com/maps?width=200&height=100&
hl=en&q=patna&t=&z=14&ie=UTF8&iwloc=B&output=embed">
</iframe><a href="https://mcpepro.com/">MCPE</a></div>
<style>.mapouter{position:relative;text-align:right;width:200px;height:100px;}
.gmap_canvas {overflow:hidden;background:none!important;width:200px;height:100px;
}.gmap_iframe {width:200px!important;height:100px!important;}</style></div>
</div>
</div>
<div id="fillRoom">
<input type="date" name="" id="inDate">
<input type="date" name="" id="outDate">
<input type="number" name="" id="room" placeholder="Total Room">
<input type="number" name="" id="person" placeholder="Travellers">
<button id="btn" onclick="bookRoom()">Book Room</button>
</div>
<div id="addForRef"></div>
</body>
</html>
<script src="staysIndividual.js"></script>