forked from VikramSingh138/Incredia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
central.html
350 lines (307 loc) · 18.3 KB
/
central.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
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CULTURE: CENTRAL-INDIA</title>
<link rel="stylesheet" href="culture-page.css">
<script src="nav-anim.js"></script>
<script src="flip-book.js" defer></script>
<script src="https://kit.fontawesome.com/1165876da6.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css" crossorigin="">
<link rel="stylesheet" href="swiper-bundle.min.css">
</head>
<body>
<script>
// This will scroll the window to the top on load
window.onbeforeunload = function () {
window.scrollTo(0, 0);
};
</script>
<button onclick="topFunction()" id="myBtn" title="back to top">
<img src="arrow_up.png">
</button>
<header>
<nav class="anim-nav">
<span style="cursor:pointer" onclick="openNav()"><img src="menu.png"></span>
<div class="logo">
<div class="title inter-heading">INCREDIA</div>
<a href="01_Taj_Parallax.html" title="INCREDIA">
<span style="cursor:pointer" onclick="openNav()"><img src="website-logo.png"
style="height: 60px; width: auto;"></span>
</a>
</div>
</nav>
<!-- Side Menu -->
<div id="mySidenav" class="menu anim">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="01_Taj_Parallax.html" class="slide-anim inter-heading">HOME</a>
<a href="monuments.html" class="slide-anim inter-heading">MONUMENTS</a>
<a href="culture.html" class="slide-anim inter-heading">CULTURE</a>
<a href="music.html" class="slide-anim inter-heading">MUSIC</a>
<a href="aandc.html" class="slide-anim inter-heading">ARTS & CRAFTS</a>
</div>
</header>
<main onclick="closeNav()">
<section class="dance dance-section">
<div class="intro-dance">
<!-- style="color: #E54848;">Rhythms</span></strong></h1> -->
<h1 class="bebas-neue-regular inter-heading">Unveiling The <strong><span>Rhythms</span></strong></h1>
<p class="anim-paragraph inter-mid">Experience The Vibrant Dance Culture of Central India.</p>
</div>
<div class="dance1 card card-odd" id="chholiya">
<div class="description inter-normal">
<h2>CHHOLIYA</h2>
<p>Chholiya is a traditional dance form of the Kumaon region of Uttarakhand. It is a martial dance
performed by men with swords and shields. The dance is characterized by vigorous movements and
is traditionally performed during weddings and other festive occasions to ward off evil spirits.
</p>
</div>
<div class="image">
<img src="Folk-Dance-Forms-of-Central-India-Chholiya-Uttarakhand.jpg" alt="Chholiya">
</div>
</div>
<div class="dance2 card card-even" id="kathak">
<div class="image">
<img src="Folk-Dance-Forms-of-Central-India-Kathak-UP.jpg" alt="Kathak">
</div>
<div class="description inter-normal">
<h2>KATHAK</h2>
<p>Kathak is one of the eight classical dance forms of India, originating from northern India,
including Uttar Pradesh. It is known for its intricate footwork, expressive gestures, and spins.
The dance form tells stories through rhythmic movements and facial expressions, often
accompanied by classical music.</p>
</div>
</div>
<div class="dance3 card card-odd" id="raslila">
<div class="description inter-normal">
<h2>RASLILA</h2>
<p>Raslila is a traditional dance form of Uttar Pradesh, particularly popular in the Braj region. It
depicts the life and love stories of Lord Krishna, especially his playful interactions with the
gopis (milkmaids). The dance is theatrical, combining narrative, music, and graceful movements,
and is typically performed during religious festivals.</p>
</div>
<div class="image">
<img src="Folk-Dance-Forms-of-Central-India-Raslila-UP.jpg" alt="Raslila">
</div>
</div>
<div class="dance4 card card-even" id="matki">
<div class="image">
<img src="Folk-Dance-Forms-of-Central-India-Matki-MP.jpg" alt="Matki Naach">
</div>
<div class="description inter-normal">
<h2>MATKI NAACH</h2>
<p>Matki Naach is a traditional folk dance from the Malwa region of Madhya Pradesh. Women perform
this dance balancing earthen pots (matkis) on their heads, showcasing graceful and intricate
movements. It is often performed during weddings and festivals, symbolizing joy and the
celebration of cultural heritage.</p>
</div>
</div>
</section>
<section class="cuisine cuisine-section">
<div class="intro-cuisine">
<h1 class="inter-heading">India on Your Plate</h1>
<p class="inter-mid">Have a taste of the Appetizing Cuisine Culture of Central India</p>
</div>
<div class="book-container">
<!-- Previous button -->
<button id="prev-btn">
<img src="arrow_back.png">
</button>
<div id="book" class="book">
<!-- Paper 1 -->
<div id="p1" class="paper">
<div class="front cover-page" onclick="goNextPage()">
<div id="f1" class="front-content inter-heading">
<h1>THE<br>CUISINE<br>CULTURE<br>OF<br>CENTRAL INDIA</h1>
</div>
</div>
<div class="back content-page-back" onclick="goPrevPage()">
<div id="b1" class="back-content inter-mid">
<h1>GEOGRAPHICAL<br>AND<br>CULTURAL<br>INFLUENCES</h1>
</div>
</div>
</div>
<!-- Paper 2 -->
<div id="p2" class="paper">
<div class="front content-page-front" onclick="goNextPage()">
<div id="f2" class="front-content inter-normal">
<p>Central Indian cuisine is shaped by its diverse landscape and rich cultural heritage.
The varied terrain supports staples like wheat, rice, and pulses, influenced by the
tropical climate. Cultural diversity and historical trade routes introduce unique
flavors and dishes such as poha, bhutte ka kees, and various dals and curries.</p>
</div>
</div>
<div class="back content-page-back" onclick="goPrevPage()">
<div id="b2" class="back-content inter-mid">
<h1>STYLE<br>OF<br>FOOD</h1>
</div>
</div>
</div>
<!-- Paper 3 -->
<div id="p3" class="paper">
<div class="front content-page-front" onclick="goNextPage()">
<div id="f3" class="front-content inter-normal">
<p>Central Indian cuisine features simple yet flavorful dishes made with wheat, rice,
lentils, and seasonal vegetables. Spices like coriander, cumin, and turmeric are
key. Popular dishes include poha, dal bafla, and bhutte ka kees, showcasing the
region's rich agricultural and cultural heritage.</p>
</div>
</div>
<div class="back content-page-back" onclick="goPrevPage()">
<div id="b3" class="back-content inter-mid">
<h1>STAPLE<br>FOODS<br>CENTRAL INDIANS<br>SEEM<br>TO PREFER</h1>
</div>
</div>
</div>
<!-- Paper 4 -->
<div id="p4" class="paper">
<div class="front content-page-front" onclick="goNextPage()">
<div id="f4" class="front-content inter-normal">
<p>Central Indians prefer staple foods like wheat, rice, lentils, and a variety of
seasonal vegetables. Wheat is used to make rotis, parathas, and other bread, while
rice is a common base for meals. Lentils, often prepared as dals, are a primary
source of protein. Popular vegetables include potatoes, eggplant, okra, and various
leafy greens. These staples form the foundation of daily meals, providing
nourishment and variety.</p>
</div>
</div>
<div class="back content-page-back" onclick="goPrevPage()">
<div id="b4" class="back-content inter-mid">
<h1>COOKING<br>OILS<br>COMMONLY<br>USED</h1>
</div>
</div>
</div>
<!-- Paper 5 -->
<div id="p5" class="paper">
<div class="front content-page-front" onclick="goNextPage()">
<div id="f5" class="front-content inter-normal">
<p>In Central Indian cuisine, commonly used cooking oils include mustard oil, peanut
oil, and ghee (clarified butter). Mustard oil is favored for its pungent flavor and
is often used in pickling and frying. Peanut oil is popular for its high smoke point
and neutral taste, making it ideal for frying and general cooking. Ghee, with its
rich, nutty flavor, is used for sautéing, frying, and as a finishing touch to
enhance the taste of dishes.</p>
</div>
</div>
<div class="back" onclick="goPrevPage()">
<div id="b5" class="back-content inter-heading">
<h1>The End.</h1>
</div>
</div>
</div>
</div>
<!-- Next Button -->
<button id="next-btn">
<img src="arrow_forward.png">
</button>
</div>
<div class="container">
<div class="card__container swiper">
<div class="card__content">
<div class="swiper-wrapper">
<article class="card__article swiper-slide inter-heading" style="background-color: rgb(223, 213, 213);">
<h1>THE<br>CUISINE<br>CULTURE<br>OF<br>CENTRAL INDIA</h1>
</article>
<article class="card__article swiper-slide inter-normal">
<p>Central Indian cuisine is shaped by its diverse landscape and rich cultural heritage.
The varied terrain supports staples like wheat, rice, and pulses, influenced by the
tropical climate. Cultural diversity and historical trade routes introduce unique
flavors and dishes such as poha, bhutte ka kees, and various dals and curries.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>Central Indian cuisine features simple yet flavorful dishes made with wheat, rice,
lentils, and seasonal vegetables. Spices like coriander, cumin, and turmeric are
key. Popular dishes include poha, dal bafla, and bhutte ka kees, showcasing the
region's rich agricultural and cultural heritage.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>Central Indians prefer staple foods like wheat, rice, lentils, and a variety of
seasonal vegetables. Wheat is used to make rotis, parathas, and other bread, while
rice is a common base for meals. Lentils, often prepared as dals, are a primary
source of protein. Popular vegetables include potatoes, eggplant, okra, and various
leafy greens. These staples form the foundation of daily meals, providing
nourishment and variety.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>In Central Indian cuisine, commonly used cooking oils include mustard oil, peanut
oil, and ghee (clarified butter). Mustard oil is favored for its pungent flavor and
is often used in pickling and frying. Peanut oil is popular for its high smoke point
and neutral taste, making it ideal for frying and general cooking. Ghee, with its
rich, nutty flavor, is used for sautéing, frying, and as a finishing touch to
enhance the taste of dishes.</p>
</article>
</div>
</div>
<!-- Navigation buttons -->
<!-- <div class="swiper-button-next">
<i class="ri-arrow-right-s-line"></i>
</div>
<div class="swiper-button-prev">
<i class="ri-arrow-left-s-line"></i>
</div> -->
</div>
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div>
</section>
<footer>
<div class="footer-container">
<div class="footer-content Contact">
<h3>Contact Us</h3>
<p>Email : [email protected]</p>
<p>Phone : +91 9XXXXXXXXX</p>
<P>Address : Nexus, SVNIT , Surat</P>
</div>
<div class="footer-content Quick-links">
<h3>Quick Links</h3>
<ul class="footer-list">
<li><a href="01_Taj_Parallax.html">HOME</a></li>
<li><a href="culture.html">CULTURE</a></li>
<li><a href="aandc.html">ART</a></li>
<li><a href="monuments.html">MONUMENTS</a></li>
<li><a href="music.html">MUSIC</a></li>
</ul>
</div>
<div class="footer-content Social">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3720.6299713642265!2d72.78262877526039!3d21.167119180517012!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be04dec8b56fdf3%3A0x423b99085d26d1f9!2sSardar%20Vallabhbhai%20National%20Institute%20of%20Technology!5e0!3m2!1sen!2sin!4v1722968959621!5m2!1sen!2sin"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="bottom-bar">
<ul class="social-icons">
<li><a href="https://github.com/VikramSingh138/Indian-Heritage-Code-Crafters"><i
class="fab fa-github"></i></a></li>
<li><a
href="https://www.instagram.com/p/C8mPkkNp9qq/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA=="><i
class="fab fa-instagram"></i></a></li>
<li><a
href="https://www.linkedin.com/posts/nexus-svnit_web-wonders-is-back-the-ultimate-theme-based-activity-7211592490892595200-pY-A?utm_source=share&utm_medium=member_desktop"><i
class="fab fa-linkedin"></i></a></li>
</ul>
<p>© Incredia - Code Crafters SVNIT . All rights reserved</p>
</div>
</footer>
</main>
<script src="swiper-bundle.min.js"></script>
<script src="culture.js"></script>
<script>
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>