forked from VikramSingh138/Incredia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheast.html
312 lines (271 loc) · 16.6 KB
/
east.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CULTURE: EAST-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 Home page/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">Uncover The Flourishing Dance Culture of East India.
</p>
</div>
<div class="dance1 card card-odd" id="bidesia">
<div class="description inter-normal">
<h2>BIDESIA</h2>
<p>Bidesia is a traditional folk dance-drama from Bihar, blending music, dance, and dialogue to
portray social and cultural issues. It often features humorous and satirical elements,
reflecting the life and struggles of rural communities. Performed in local settings, it
highlights everyday experiences and social themes through lively, expressive performances.</p>
</div>
<div class="image">
<img src="Folk-Dance-Forms-of-East-India-Bidesia-Bihar.jpg" alt="Bidesia">
</div>
</div>
<div class="dance2 card card-even" id="chhau">
<div class="image">
<img src="Folk-Dance-Forms-of-East-India-Chhau-Jharkhand.jpg" alt="Chhau">
</div>
<div class="description inter-normal">
<h2>CHHAU</h2>
<p>Chhau is an energetic and expressive dance from Jharkhand, West Bengal, and Odisha, featuring
elaborate masks and dramatic storytelling. It combines martial arts with dance, portraying
mythological tales and heroic deeds. The dance is known for its vigorous movements and is
performed during festivals, accompanied by traditional music.</p>
</div>
</div>
<div class="dance3 card card-odd" id="dhunuchi">
<div class="description inter-normal">
<h2>DHUNUCHI NAACH</h2>
<p>Dhunuchi Naach is a traditional dance from Bengal performed during the Durga Puja festival.
Dancers, holding burning incense-filled clay pots (dhunuchis), perform rhythmic and energetic
movements around the goddess's idol. The dance is accompanied by lively drum beats and creates a
vibrant, devotional atmosphere, celebrating the festival's fervor.</p>
</div>
<div class="image">
<img src="Folk-Dance-Forms-of-East-India-Dhunuchi-Bengal.jpg"
alt="Dhunuchi Naach">
</div>
</div>
<div class="dance4 card card-even" id="odissi">
<div class="image">
<img src="Folk-Dance-Forms-of-East-India-Odissi-Odisha.jpg" alt="Odissi">
</div>
<div class="description inter-normal">
<h2>Odissi</h2>
<p>Odissi is a classical dance form from Odisha, renowned for its graceful, fluid movements and
expressive gestures. It features intricate footwork and poses derived from ancient temple
sculptures, often depicting themes from Hindu mythology. Performed to traditional Odissi music,
it is known for its lyrical quality and spiritual depth.</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">Enjoy the Palatable Cuisine Culture of East India</p>
</div>
<div class="book-container">
<button id="prev-btn">
<!-- <i class="fas fa-arrow-circle-left"></i> -->
<img src="arrow_back.png">
</button>
<div id="book" class="book">
<!-- Paper 1 -->
<div id="p1" class="paper">
<div class="front cover-page">
<div id="f1" class="front-content inter-heading">
<h1>THE<br>CUISINE<br>CULTURE<br>OF<br>EAST INDIA</h1>
</div>
</div>
<div class="back content-page-back">
<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">
<div id="f2" class="front-content inter-normal">
<p>Eastern India, with its fertile plains, dense forests, and coastal regions, supports diverse agriculture and local economies. Culturally, it is rich and varied, influenced by ancient civilizations, colonial history, and indigenous traditions. Celebrations like Durga Puja and arts such as Odissi dance and Madhubani painting highlight the region's vibrant heritage.</p>
</div>
</div>
<div class="back content-page-back">
<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">
<div id="f3" class="front-content inter-normal">
<p>Eastern Indian cuisine is characterized by its use of mustard oil, spices, and a love for rice and fish. The cuisine features subtle yet complex flavors with dishes often incorporating mustard seeds and pastes. Popular items include fish curries, lentil-based dishes, and an array of sweets like rasgulla and sandesh. The cuisine is also known for its use of local vegetables, leafy greens, and fermented foods, creating a distinct and rich culinary tradition.</p>
</div>
</div>
<div class="back content-page-back">
<div id="b3" class="back-content inter-mid">
<h1>STAPLE<br>FOODS<br>EASTERN INDIANS<br>SEEM<br>TO PREFER
</h1>
</div>
</div>
</div>
<!-- Paper 4 -->
<div id="p4" class="paper">
<div class="front content-page-front">
<div id="f4" class="front-content inter-normal">
<p>In eastern India, staple foods include rice and fish, often accompanied by lentils (dal) and vegetables. Freshwater fish curries like macher jhol are popular, and sweets such as rasgulla and sandesh are also cherished.</p>
</div>
</div>
<div class="back content-page-back">
<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">
<div id="f5" class="front-content inter-normal">
<p>In eastern Indian cuisine, mustard oil is the most commonly used cooking oil, prized for its pungent flavor and aroma. Other oils, such as refined vegetable oil and ghee (clarified butter), are also used, particularly in preparing sweets and special dishes.</p>
</div>
</div>
<div class="back cover-page-back">
<div id="b5" class="back-content inter-heading">
<h1>The End.</h1>
</div>
</div>
</div>
</div>
<!-- Next Button -->
<button id="next-btn">
<!-- <i class="fas fa-arrow-circle-right"></i> -->
<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>EASTERN INDIA</h1>
</article>
<article class="card__article swiper-slide inter-normal">
<p>Eastern India, with its fertile plains, dense forests, and coastal regions, supports diverse agriculture and local economies. Culturally, it is rich and varied, influenced by ancient civilizations, colonial history, and indigenous traditions. Celebrations like Durga Puja and arts such as Odissi dance and Madhubani painting highlight the region's vibrant heritage.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>Eastern Indian cuisine is characterized by its use of mustard oil, spices, and a love for rice and fish. The cuisine features subtle yet complex flavors with dishes often incorporating mustard seeds and pastes. Popular items include fish curries, lentil-based dishes, and an array of sweets like rasgulla and sandesh. The cuisine is also known for its use of local vegetables, leafy greens, and fermented foods, creating a distinct and rich culinary tradition.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>In eastern India, staple foods include rice and fish, often accompanied by lentils (dal) and vegetables. Freshwater fish curries like macher jhol are popular, and sweets such as rasgulla and sandesh are also cherished.</p>
</article>
<article class="card__article swiper-slide inter-normal">
<p>In eastern Indian cuisine, mustard oil is the most commonly used cooking oil, prized for its pungent flavor and aroma. Other oils, such as refined vegetable oil and ghee (clarified butter), are also used, particularly in preparing sweets and special 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>