-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
310 lines (278 loc) · 14.7 KB
/
index.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Hotel IraOriental, Best hotel in Japan, Japanese hotel, Luxurious hotel, IraOriental">
<meta name="description" content="Hotel IraOriental is the most luxurious Hotel in Japan">
<meta http-equiv="X-UA compatible" content="ie=edge">
<!-- External links -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
<link rel="stylesheet" href="css/lightbox.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/utilities.css">
<!-- Js links -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/script.js" async></script>
<title>Welcome To IraOriental</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon/favicon-16x16.png">
<link rel="icon" sizes="192x192" href="./img/favicon/android-chrome-192x192.png">
<link rel="icon" sizes="512x512" href="./img/favicon/android-chrome-512x512.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
</head>
<body id="home">
<header class="hero">
<div id="navbar" class="navbar top">
<h1 class="logo">
<a href="#home">
<span class="text-primary"><i class="fas fa-spa"></i> Ira</span>Oriental
</a>
</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#kitchen">Kitchen</a></li>
<li><a href="#rooms">Room</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="social">
<ul>
<li><a href="https://web.facebook.com/" rel="noreferrer noopener"><i class="fab fa-facebook"></i></a></li>
<li><a href="https://twitter.com/" rel="noreferrer noopener"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" rel="noreferrer noopener"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/" rel="noreferrer noopener"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="content">
<h1>Enjoy Your Stay</h1>
<p>We give you a legendary welcome, when you come.</p>
<!-- <a href="about.html" class="btn btn-primary">
<i class="fas fa-chevron-right"></i> Read More
</a> -->
</div>
</header>
<!-- About: icons-->
<div class="main-container">
<section id="about" class="icons">
<div class="flex-items">
<div>
<i class="fas fa-utensils fa-2x"></i>
<div>
<h3>Great Meals</h3>
<p>Experience the essence of Japan with every meal at Ira Oriental, where culinary mastery meets the art of flavor.</p>
</div>
</div>
<div>
<i class="fas fa-hotel fa-2x"></i>
<div>
<h3>Great Location</h3>
<p>Discover the allure of our hidden gem, where Ira Oriental's great location offers the best of both accessibility and serenity.</p>
</div>
</div>
<div>
<i class="fas fa-dumbbell fa-2x"></i>
<div>
<h3>Fitness Room</h3>
<p>Elevate your well-being at Ira Oriental – our fitness room is your sanctuary for a rejuvenating workout experience.</p>
</div>
</div>
</div>
</section>
</div>
<!-- About: history -->
<section class="flex-columns history">
<div class="row">
<div class="column">
<div class="column-1">
<img src="img/home/about.jpg" alt="">
</div>
</div>
<div class="column">
<div class="column-2 bg-light">
<h4 class="text-secondary">About Us</h4>
<h2>A Brief History Of IraOriental</h2>
<p>
Established in 2022 by the dynamic duo, <strong>'Iram'</strong> and <strong>'Fahad'</strong>, Ira Oriental is a Japanese-themed hotel that brings the essence of Japan to the Indian landscape. With a vision to create a unique fusion of Japanese aesthetics and Indian hospitality, Iram and Fahad have crafted a space where guests can escape into the tranquility of Japan without leaving the rich tapestry of India. Over the past two years, Ira Oriental has become synonymous with a commitment to providing an authentic Japanese experience, blending tradition and modernity seamlessly. Today, our hotel stands as a testament to the founders' passion and dedication, offering guests a captivating journey through the beauty and culture of Japan in the heart of India.
</p>
<!-- <a href="" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Learn More</a> -->
</div>
</div>
</div>
</section>
<!-- Food -->
<section id="kitchen" class=" food flex-grid">
<header class="secondary-header">
<h4 class="text-secondary">What would you like us to prepare for you?</h4>
<h2>Our Kitchen</h2>
<p>Savor the artistry of Japanese cuisine at Ira Oriental's kitchen. Our chefs blend tradition with innovation, crafting exquisite dishes from locally sourced ingredients. From sushi to teppanyaki, each creation tells a story of culinary mastery. Welcome to a haven for discerning palates at Ira Oriental.</p>
</header>
<div class="row">
<div class="column">
<a href="img/food/food-1.jpg" data-lightbox="food" data-title="Price - 420. Onigiri, also known as Japanese rice ball is a great example of how inventive Japanese cuisine
can be. It is also a Japanese comfort food made from steamed rice formed into the typical
triangular ball, or cylinder shapes and usually wrapped with Nori(dried seaweed).
">
<img src="img/food/food-1.jpg" alt="">
</a>
<a href="img/food/food-2.jpg" data-lightbox="food" data-title="Price - 530. Curry Rice
The curry was introduced to Japan in late 1800 by the British and originally it was Western style stews mixed with curry powder. The Japanese adapted curry to their own version, Curry
Rice (Kare Raisu, カレーライス) soon after. By 1950s the curry roux in block form was sold by
S&B Foods and everyone could make it easily at home.">
<img src="img/food/food-2.jpg" alt="">
</a>
</div>
<div class="column">
<a href="img/food/food-3.jpg" data-lightbox="food" data-title="Price - 250. Miso soup
Miso soup is a traditional Japanese soup consisting of a dashi stock into which softened miso
Paste is mixed. In addition, there are many optional ingredients that may be added depending
On regional and seasonal recipes, and personal preference.">
<img src="img/food/food-3.jpg" alt="">
</a>
<a href="img/food/food-4.jpg" data-lightbox="food" data-title="Price - 660. Ebi tempura bento
Tempura is, in many ways, an archetypal Japanese food. All the essential qualities of the
nation's cuisine are reflected in its preparation: the use of absolutely fresh ingredients, the
artful presentation,and the perfection of technique by a skilled chef. The result is one of the
triumphs of Japanese cooking-a fried food that is light and fresh-tasting rather than heavy
and greasy.">
<img src="img/food/food-4.jpg" alt="">
</a>
</div>
<div class="column">
<a href="img/food/food-5.jpg" data-lightbox="food" data-title="Price - 720. Japanese Sushi is a traditional Japanese dish of prepared vinegared rice, usually with some sugar and
salt,accompanying a variety of ingredients,such as seafood,often raw,and vegetables. Styles
of sushi and it's presentation vary widely,but the one key ingredient is sushi rice, also
referred to asshari, orsumeshi.">
<img src="img/food/food-5.jpg" alt="">
</a>
<a href="img/food/food-6.jpg" data-lightbox="food" data-title="Price - 610. Rice sushi
In Japan, we call sushi rice Sushi-meshi鮨飯, Su-meshi(酢飯), orshari(シャリ).It’s made of
white, short-grain Japanese rice seasoned with rice vinegar, sugar,and salt. Brown rice is
sometimes used outside of Japan, but it’s not common in sushi restaurants in Japan.
">
<img src="img/food/food-6.jpg" alt="">
</a>
</div>
<div class="column">
<a href="img/food/food-7.jpg" data-lightbox="food" data-title="Price - 710. Ramen.
After World War II, ramen became internationally recognized when Japan increased their imports of U.S.
wheat, contributing to Japan's ramen industry and growth. There are three common types of broths in the
Japanese ramen: Tonkotsu, Shoyu, and Miso.">
<img src="img/food/food-7.jpg" alt="">
</a>
<a href="img/food/food-8.jpg" data-lightbox="food" data-title="Price - 620. Nigiri
Nigiri ornigiri zushi is a special kind of hand-pressed sushi where the meat is sliced and
pressed on top of sushi rice. It was developed in Tokyo(then called Edo)during the 1800s.
Sometimes, nori seaweed is used to wrap the whole concoction and keep it together.
">
<img src="img/food/food-8.jpg" alt="">
</a>
</div>
</div>
</section>
<!-- Rooms -->
<section id="rooms" class="rooms">
<header class="secondary-header">
<h4 class="text-secondary">Book your accomodations now!</h4>
<h2>Rooms</h2>
<p>Discover tranquility at Ira Oriental. Our rooms blend traditional Japanese aesthetics with modern comfort. Choose Tatami Rooms for authentic charm or Sakura Suites for contemporary luxury. Immerse yourself in Japan's cultural richness with every stay. Welcome to serenity. Welcome to Ira Oriental.</p>
</header>
<div class="room">
<div>
<img src="img/rooms/room-1.jpg" alt="">
<div class="list">
<h3>Standard Room - 4000 INR</h3>
<ul>
<li>Standard condition</li>
<li>Single Size</li>
<li>Room service</li>
</ul>
<a href="payments.html" class="btn btn-outline">Book Now</a>
</div>
</div>
<div>
<img src="img/rooms/room-2.jpg" alt="">
<div class="list">
<h3>Premium Room - 6000 INR</h3>
<ul>
<li>Premium Room</li>
<li>Double Size</li>
<li>Room service</li>
</ul>
<a href="payments.html" class="btn btn-outline">Book Now</a>
</div>
</div>
<div>
<img src="img/rooms/room-3.jpg" alt="">
<div class="list">
<h3>Deluxe Room - 10,000 INR</h3>
<ul>
<li>Deluxe Room</li>
<li>Deluxe Size</li>
<li>Room service</li>
</ul>
<a href="payments.html" class="btn btn-outline">Book Now</a>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="contact flex-columns">
<div class="row">
<div class="column">
<div class="column-1">
<img src="img/home/contact.jpg" alt="">
</div>
</div>
<div class="column">
<div class="column-2 bg-light">
<h2>Contact</h2>
<p>Mail-ID <strong>[email protected]</strong> Phone no: <strong>9449936431</strong></p>
<form action="thankyou.html" data-netlify="true">
<div class="form-group">
<label for="name">Enter Name</label>
<input type="text" id="name" name="name" placeholder="Enter name" required>
</div>
<div class="form-group">
<label for="email">Enter Email</label>
<input type="email" id="name" name="email" placeholder="Enter email">
</div>
<div class="form-group">
<label for="text">Say something nice to us</label>
<input type="text" id="text" name="text" placeholder="Send us a message" required>
</div>
<p>Submit this form for a TOP SECRET PAGE!!! <i class="fas fa-cat"></i></p>
<div class="form-group">
<div data-netlify-recaptcha="true"></div>
</div>
<input type="submit" class="btn btn-primary" value="Submit">
</form>
</div>
</div>
</div>
</section>
</body>
<footer id="footer" class="footer bg-dark">
<div class="socials">
<a href="https://web.facebook.com/" rel="noreferrer noopener"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/" rel="noreferrer noopener"><i class="fab fa-twitter"></i></a>
<a href="https://www.youtube.com/" rel="noreferrer noopener"><i
class="fab fa-youtube"></i></a>
<a href="https://www.linkedin.com/" rel="noreferrer noopener"><i class="fab fa-linkedin"></i></a>
</div>
<p>Copyright © 2024 | <a href="thankyou.html"><i class="fas fa-spa text-primary"></i></a> IraOriental
</p>
</footer>
</html>
<!-- Test Comment -->