-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathroom.html
More file actions
154 lines (152 loc) · 5.63 KB
/
Copy pathroom.html
File metadata and controls
154 lines (152 loc) · 5.63 KB
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
<!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>Room | top 10</title>
<link rel="icon" href="images/logo.png" type="image/icon type">
<link rel="stylesheet" href="room.css" type="text/css"/>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="container">
<div class="home-list" id="nav">
<img src="images/logo.png" alt="Logo" width="50px" height="50px"/>
<nav>
<ul id="menuList">
<li><a href="index.html">Home</a></li>
<li><a href="room.html">Room</a></li>
<li><a href="blog.html">News</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<a href="#"><input class="join" type="submit" value="Join Us"/></a>
<img src="images/menu.png" alt="menu" class="menu" onclick="togglemenu()"/>
</div>
<div>
<h1 class="our">Our Room</h1>
<h1 class="welcome"><a href="index.html">HOME </a><span>-></span> ROOM</h1>
</div>
</div>
<div class="roooms">
<div class="rooms-type">
<div class="room-type-1" id="roo" onClick="document.getElementById('nav').scrollIntoView();">
<div class="r1">
<img src="images/rooms/1.jpg"/>
</div>
<div class="r2">
<h1>Room View Sea</h1>
<p><span>400$ </span>/ Day</p>
<p>Size: 30 ft</p>
<p>Capacity: Max persion 5</p>
<p>Bed: King beds</p>
<p>Services: Wifi, television ...</p>
</div>
</div>
<div class="room-type-1" onClick="document.getElementById('nav').scrollIntoView();">
<div class="r1">
<img src="images/rooms/2.jpg"/>
</div>
<div class="r2">
<h1>Small Room</h1>
<p><span>200$ </span>/ Day</p>
<p>Size: 30 ft</p>
<p>Capacity: Max persion 3</p>
<p>Bed: King beds</p>
<p>Services: Wifi, television ...</p>
</div>
</div>
<div class="room-type-1" onClick="document.getElementById('nav').scrollIntoView();">
<div class="r1">
<img src="images/rooms/3.jpg"/>
</div>
<div class="r2">
<h1>Premium King Room</h1>
<p><span>450$ </span>/ Day</p>
<p>Size: 30 ft</p>
<p>Capacity: Max persion 5</p>
<p>Bed: King beds</p>
<p>Services: Wifi, television ...</p>
</div>
</div>
<div class="room-type-1" onClick="document.getElementById('nav').scrollIntoView();">
<div class="r1">
<img src="images/rooms/4.jpg"/>
</div>
<div class="r2">
<h1>Room Vip King</h1>
<p><span>500$ </span>/ Day</p>
<p>Size: 30 ft</p>
<p>Capacity: Max persion 5</p>
<p>Bed: King beds</p>
<p>Services: Wifi, television ...</p>
</div>
</div>
<div class="room-type-1" onClick="document.getElementById('nav').scrollIntoView();">
<div class="r1">
<img src="images/rooms/5.jpg"/>
</div>
<div class="r2">
<h1>Royal Room</h1>
<p><span>300$ </span>/ Day</p>
<p>Size: 30 ft</p>
<p>Capacity: Max persion 4</p>
<p>Bed: King beds</p>
<p>Services: Wifi, television ...</p>
</div>
</div>
</div>
</div>
<div class="now">
<div>
<h1>Contact us now!</h1>
<p>Contact (+251) 145-6789 to book directly or for advice</p>
</div>
<div>
<input type="submit" value="Contact Now">
</div>
</div>
<div class="footer">
<div class="if1">
<img src="images/logo.png"/>
<p class="ph">(+251) 145-6789</p>
<p class="em">info.topten@gmail.com</p>
<p class="loc">Gurd Shola/CMC<br>Addis Ababa, Ethiopia</p>
</div>
<div class="if2">
<h1>Our Blog</h1>
<p class="bl1">50% off discount</p>
<p class="dt1">MAR 08,2023</p>
<p class="bl1">Open new branch</p>
<p class="dt1">MAR 08,2023</p>
</div>
<div class="if3">
<h1>Links</h1>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="room.html">Our Room</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
<div class="if4">
<h1>Subscribe Newsletter</h1>
<p class="subsc">Subscribe our newsletter gor get notification about new updates.</p>
<input type="email" placeholder="Enter your email ..."/><button>></button>
</div>
</div>
<div class="footer-2">
<div class="copy">
<p>Copyright © 2023 All rights reserved | This website is made with CS Students.</p>
</div>
<div class="social-media">
<img src="images/linkedin.png"/>
<img src="images/twitter.png"/>
<img src="images/instagram.png"/>
<img src="images/facebook.png"/>
</div>
</div>
</body>
</html>