-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathhotel.html
More file actions
180 lines (166 loc) · 6.53 KB
/
hotel.html
File metadata and controls
180 lines (166 loc) · 6.53 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
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
180
<!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>Hotel</title>
<script src="https://kit.fontawesome.com/8fbd9cad7a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/hotel.css">
</head>
<body>
<!-- Navbar -->
<nav>
<input type="checkbox" id="check">
<label for="check" class="cbtn">
<i class="fa-solid fa-bars"></i>
</label>
<label class="logo">Hotel Mayfair</label>
<ul>
<li>
<a class="links" href="index.html">Home</a>
</li>
<li>
<a class="active links" href="#">Hotel</a>
</li>
<li>
<a class="links" href="#">Rooms</a>
</li>
<li>
<a class="links" href="#">Facilities</a>
</li>
<li>
<a class="links" href="#">Contact Us</a>
</li>
</ul>
</nav>
<!-- Stats -->
<div class=" stats">
<div class="bgparallax" style="background: url(hotel/banner.jpg);"></div>
<div class="head">
<h1>Order Food Online From the Mayfair</h1>
</div>
<div class="container data">
<div class="box flexy">
<div class="inner"><i><img src="hotel/service.png" alt=""></i></div>
<div class="numbers">
<strong>
<h2>700K</h2>
<h5>Happy Service</h5>
</strong>
</div>
</div>
<div class="box flexy">
<div class="inner"><i><img src="hotel/served.png" alt=""></i></div>
<div class="numbers">
<strong>
<h2>1.2M</h2>
<h5>People Served</h5>
</strong>
</div>
</div>
<div class="box flexy">
<div class="inner"><i><img src="hotel/regular.png" alt=""></i></div>
<div class="numbers">
<strong>
<h2>589</h2>
<h5>Regular users</h5>
</strong>
</div>
</div>
</div>
</div>
<hr>
<!-- Intro -->
<div class="container">
<div class="content">
<h3>Welcome To</h3>
<h1>MAYFAIR</h1>
<P>MAYFAIR Hotels & Resorts stand as a true paragon of world class hospitality and have some of the best luxury hotels and resorts in India. They are synonymous with excellence in hospitality and being able to offer unforgettable holiday and
stay experiences to guests in the most exquisite settings. MAYFAIR Hotels & Resorts offers some of the top luxury hotels in India in captivating settings like mystical mountains, tranquil beaches and vibrant cities. These are some of the
best 5 Star hotels in India and include charming heritage resorts in the Himalayas. With "Stay with us, Stay with nature" being the sustained outlook of this luxury hotel chain, a stay at any of its properties truly brings guests closer
to a sense of wellbeing and oneness with nature.</P>
</div>
<!-- Food -->
<div class="food flexy">
<div class="dish">
<div class="over"><img src="hotel/popular-dish-img1.jpg" alt=""></div>
<div class="flexy order">
<h2>Veg Biryani</h2>
<a href="">ORDER NOW</a>
</div>
</div>
<div class="dish">
<div class="over"><img src="hotel/popular-dish-img2.jpg" alt=""></div>
<div class="flexy order">
<h2>Gulab Jamun</h2>
<a href="">ORDER NOW</a>
</div>
</div>
<div class="dish">
<div class="over"><img src="hotel/popular-dish-img3.jpg" alt=""></div>
<div class="flexy order">
<h2>Sahi Paneer</h2>
<a href="">ORDER NOW</a>
</div>
</div>
</div>
</div>
<hr>
<!-- Order -->
<div class="easy_order">
<h1>EASY ORDER IN 3 STEPS</h1>
<div class="bgparallax" style="background: url(hotel/parallax1.jpg);"></div>
<div class="container">
<div class="flexy steps">
<div class="step">
<div class="step_logo"><i><img src="hotel/step1.png" alt=""></i></div>
<h2>Select Location</h2>
</div>
<div class="step">
<div class="step_logo"><i><img src="hotel/step2.png" alt=""></i></div>
<h2>Choose a Tasty Dish</h2>
</div>
<div class="step">
<div class="step_logo"><i><img src="hotel/step3.png" alt=""></i></div>
<h2>Follow The Status</h2>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="contents">
<div class="b">
<h2>ABOUT US</h2>
<p>
<strong>SHREE KUNJ</strong> is a food business group with special ventures focused on Sweets, Savouries, Dry fruits, Gift hampers, fine dining vegetarian restaurant .</p>
</div>
<div class="b">
<h2>TIMINGS</h2>
<p>
<ul style="padding: 0;">
<li style="margin-bottom: 8px;">Mon-Fri : 10:30 am To 10:00 pm</li>
<li>Sun : 8:00 am To 11:00pm</li>
</ul>
</p>
</div>
<div class="b">
<h2>GET IN TOUCH</h2>
<p><strong>Phone</strong>
<ul>
<li>+919800845454</li>
<li>+919800845455</li>
</ul>
</p>
<p><strong>Email</strong>
<ul>
<li>abcdef@xyz.com</li>
<li>ghijkl@xyz.com</li>
</ul>
</p>
</div>
</div>
</footer>
</body>
</html>