-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
477 lines (336 loc) · 19.4 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
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
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
<!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">
<meta name="description"
content="Improving the livelihoods of tribal farmers in the Bastar region by reducing post-harvest losses and providing high-quality, unadulterated, processed forest produce to urban consumers at a fair price." />
<link href="output.css" rel="stylesheet">
<title>Forest Naturals</title>
<link rel="icon" type="image/x-icon" href="public/Img/baster.png" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>
<body class="font-family-class body-color-website font-sans leading-normal tracking-normal font-serif ">
<!-- Header section start -->
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
<div class="w-full text-gray-300 bg-white drop-shadow-md font-family-class">
<div x-data="{ open: false }"
class="p-2 flex flex-col max-w-screen-xl mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
<div class="flex flex-row items-center justify-between">
<a href="index.html">
<img src="public/Img/LOGO_ FOREST NATURALS.png" alt="logo" class="logo-size">
</a>
<button class="md:hidden rounded-lg focus:outline-none focus:shadow-outline" @click="open = !open">
<svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6 text-emerald-700">
<path x-show="!open" fill-rule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
<path x-show="open" fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
<nav :class="{'flex': open, 'hidden': !open}"
class="flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row">
<a class="px-4 py-2 mt-2 text-base text-black rounded-lg md:mt-0 hover:text-green-700 focus:outline-none focus:shadow-outline"
href="index.html">Home</a>
<a class="text-black px-4 py-2 mt-2 text-base bg-transparent rounded-lg hover:text-green-700 md:mt-0 md:ml-4 focus:outline-none focus:shadow-outline"
href="about-us.html">About Us</a>
<a class="text-black px-4 py-2 mt-2 text-base bg-transparent rounded-lg hover:text-green-700 md:mt-0 md:ml-4 focus:outline-none focus:shadow-outline"
href="our-work.html">Our Work</a>
<a class="text-black px-4 py-2 mt-2 text-base bg-transparent rounded-lg hover:text-green-700 md:mt-0 md:ml-4 focus:outline-none focus:shadow-outline"
href="team.html">Team</a>
<a class="text-black px-4 py-2 mt-2 text-base bg-transparent rounded-lg hover:text-green-700 md:mt-0 md:ml-4 focus:outline-none focus:shadow-outline"
href="our-product.html">Our Products</a>
</nav>
</div>
</div>
<p class="size-line bg-green-700"></p>
<!-- Header section end -->
<!-- Jumbotron -->
<div class="overflow-hidden bg-cover bg-no-repeat" style="
background-position: 50%;
background-image: url('public/Img/hero-img.jpeg');
height: 600px;
">
<div class=" top-0 right-0 bottom-0 left-0 h-full w-full overflow-hidden bg-[hsla(0,0%,0%,0.35)] ">
<div class="flex h-full items-center justify-center">
<div class="px-6 text-center text-white md:px-12">
<h1 class="max-w-2xl mt-2 mb-2 text-5xl font-bold tracking-tight md:text-6xl xl:text-7xl">
Welcome to Forest Naturals <br /><span></span>
</h1>
<!-- <h1 class="mb-16 text-5xl font-bold tracking-tight md:text-6xl xl:text-5xl">
Private Limited <br /><span></span>
</h1> -->
<button type="button"
class="rounded border-2 border-neutral-50 px-[46px] pt-[14px] pb-[12px] text-sm font-medium uppercase leading-normal text-neutral-50 transition duration-150 ease-in-out hover:border-neutral-100 hover:bg-neutral-100 hover:bg-opacity-10 hover:text-neutral-100 focus:border-neutral-100 focus:text-neutral-100 focus:outline-none focus:ring-0 active:border-neutral-200 active:text-neutral-200"
data-te-ripple-init data-te-ripple-color="light">
<a href="#about">Read More</a>
</button>
</div>
</div>
</div>
</div>
<!-- Jumbotron -->
</section>
<!-- ******************* -->
<!-- Home section -->
<div class=" bg-white px-6 xl:px-16 xl:py-8 p-8">
<div class="mx-auto max-w-6xl">
<p class="mt-6 text-base leading-8 text-gray-700">Welcome to Forest Naturals powered by Bastar Se Bazaar Tak
Private
Limited, on a mission to uplift the lives of tribal farmers in India's most densely forested state,
Chhattisgarh. We are the champions of the 'Everyman,' the tribal farmers who are the backbone of our society,
yet often face struggles and challenges that go unnoticed.
</p>
<p class="mt-6 text-base leading-8 text-gray-700">Our quest is to combat post-harvest losses and bridge the gap
between the forest and the market, bringing high-quality, unadulterated, processed forest produce to urban
consumers. We believe in the purity of nature and the strength of simplicity, mirroring the essence of our
tribal farmers.
</p>
<p class="mt-6 text-base leading-8 text-gray-700">Our products are a testament to this belief - natural, pure, and
healthy, free from chemicals, synthetic colours, artificial flavours, or adulteration. In every bite, you taste
the richness of the forest, the sweat of the farmer, and the spirit of a community that refuses to give up.
Welcome to a journey of resilience, of triumph over adversity, and of a dream to create a healthier, more
sustainable world. Welcome to Forest Naturals.
</p>
</div>
</div>
<!-- ***************** -->
<!-- About section start -->
<!-- mission vision section -->
<div class="px-6 lg:px-12 p-8" id="about">
<div class="mx-auto max-w-8xl lg:px-12 lg:px-24">
<p class=" text-3xl font-bold tracking-tight text-center sm:text-4xl text-gray-900 mb-8"> ABOUT US
</p>
<dl class="grid grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-2 lg:grid-cols-3">
<!-- 111 -->
<div class="relative p-4 xl:p-8 mission-box-color ">
<dt class="text-base font-semibold leading-7">
<p class="p-2 text-3xl font-bold tracking-tight sm:text-2xl text-gray-900 text-center">Mission</p>
</dt>
<dd class="mt-2 text-base leading-7 text-gray-700 ">At Forest Naturals, our mission is to improve the
livelihoods of tribal farmers in the Bastar region by reducing post-harvest losses and providing
high-quality, unadulterated, processed forest produce to urban consumers at a fair price. </dd>
</div>
<!-- 2222 -->
<div class="relative p-4 xl:p-8 mission-box-color">
<dt class="text-base font-semibold leading-7 ">
<p class="p-2 text-3xl font-bold tracking-tight sm:text-2xl text-gray-900 text-center">Vision</p>
</dt>
<dd class="mt-2 text-base leading-7 text-gray-700 ">Our vision is to create a sustainable and inclusive
ecosystem that empowers tribal farmers, respects the environment, and delivers natural, wholesome products
to our customers.</dd>
</div>
<!-- 33333 -->
<div class="relative p-4 xl:p-8 mission-box-color">
<dt class="text-base font-semibold leading-7 ">
<p class="p-2 text-3xl font-bold tracking-tight sm:text-2xl text-gray-900 text-center">Impact</p>
</dt>
<dd class="mt-2 text-base leading-7 text-gray-700 "> We have partnered with over 1200 smallholder farmers
across 12 villages, providing them with sustainable employment and fair compensation for their produce. Our
efforts have led to the creation of 67 jobs, two-thirds of which have been filled by tribal women. </dd>
</div>
</dl>
<div class="mb-2 mt-12 flex justify-center">
<a href="about-us.html"
class="inline-flex items-center font-bold border-2 justify-center px-3 py-2 text-lg font-medium text-center text-white bg-green-700 border border-green-700 hover:border-green-700 hover:bg-white hover:text-emerald-700 ">
Know More About Us
</a>
</div>
</div>
</div>
<!-- dfghjklhjhdfhjfkghlkjfdfcvkbl -->
<!-- mission vision section -->
<div class="px-6 xl:px-12 xl:py-4">
<ul class="grid grid-cols-1 lg:grid-cols-4 md:grid-cols-2 gap-8 lg:px-24 md:px-12 p-4 ">
<li>
<a class="link-photo" data-lightbox="img" href="public/Img/awards/1Certificate of Excellence (1).jpg">
<img src="public/Img/awards/1Certificate of Excellence (1).jpg" alt="Certificate of Excellence"
class="home-page-img-1 hover:shadow-2xl border border-2 hover:border-green-700">
</a>
</li>
<li>
<a class="link-photo" data-lightbox="img" href="public/Img/awards/Certificate of Excellence_Original.jpg">
<img src="public/Img/awards/Certificate of Excellence_Original.jpg" alt="Certificate of Excellence_Original"
class="home-page-img-1 hover:shadow-2xl border border-2 hover:border-green-700">
</a>
</li>
<li>
<a class="link-photo" data-lightbox="img" href="public/Img/awards/award.png">
<img src="public/Img/awards/award.png" alt="demo"
class="home-page-img-1 hover:shadow-2xl border border-2 hover:border-green-700">
</a>
</li>
<li>
<a class="link-photo" data-lightbox="img" href="public/Img/awards/1Certificate of Paricipation.jpg">
<img src="public/Img/awards/1Certificate of Paricipation.jpg" alt="demo"
class="home-page-img-1 hover:shadow-2xl border border-2 hover:border-green-700">
</a>
</li>
</ul>
</div>
<script src="js/lightbox.min.js"></script>
<!-- mission vision section -->
<!-- About section end -->
<div class="bg-white ">
<div class="mx-auto max-w-7xl py-8 sm:px-2 sm:py-8 lg:px-8 flex flex-col gap-4 p-4 ">
<!-- 1111111111 -->
<div class=" flex flex-col items-center gap-x-6 gap-y-10 lg:flex-row p-4">
<div class="lg:p-8 max-w-2xl">
<h2 class="text-lg lg:text-4xl font-bold tracking-tight text-gray-900">Samaaj (Society)</h2>
<p class="mt-4 text-base leading-8 text-gray-700">Forest Naturals is deeply rooted in the local community. We
work directly with
small and marginal tribal farmers, particularly women, providing them with sustainable employment
opportunities. Our goal is to enhance their livelihoods and empower them economically. By focusing on
reducing post-harvest losses, we directly benefit the farming community. Our operations are based on a
farmer partnership model, making the farmers integral stakeholders in our business.</p>
</div>
<img src="public/Img/samaj 1 (1).jpg" alt="Samaaj" class="object-cover object-center home-page-img rounded-lg">
</div>
<!-- 222222 -->
<div class="sm:flex-col-reverse flex flex-col items-center gap-x-6 gap-y-10 lg:flex-row p-4">
<div class="lg:p-8 max-w-2xl">
<h2 class="text-lg lg:text-4xl font-bold tracking-tight text-gray-900">Sarkar (Government)</h2>
<p class="mt-4 text-base leading-8 text-gray-700">Forest Naturals operates within the framework of government
regulations and
standards related to food processing and packaging. We align our operations with government initiatives
aimed at supporting social enterprises and promoting sustainable farming practices. </p>
</div>
<img src="public/Img/Sarkar 1 (1).png" alt="sarkar" class="object-cover object-center home-page-img rounded-lg">
</div>
<!-- 1111111111 -->
<div class=" flex flex-col items-center gap-x-6 gap-y-10 lg:flex-row p-4">
<div class="lg:p-8 max-w-2xl">
<h2 class="text-lg lg:text-4xl font-bold tracking-tight text-gray-900">Bazaar (Market):</h2>
<p class="mt-4 text-base leading-8 text-gray-700">Forest Naturals has a strong market presence. We manufacture
and supply a range
of forest food items, offering a wide variety of customised food products. Our business model is
market-oriented, and we strive to make our high-quality, unadulterated, naturally pure forest products
available to urban customers at fair prices. Our growth and revenue figures indicate successful engagement
with the market, and we continue to explore new opportunities for expansion.</p>
</div>
<img src="public/Img/Bazaar (1).jpg" alt="market" class="object-cover object-center home-page-img rounded-lg">
</div>
</div>
</div>
<section class="lg:px-24 px-4 p-2 ">
<div class="">
<p class=" text-4xl font-bold tracking-tight text-gray-900 sm:text-4xl text-center">Our Products
</p>
</div>
<swiper-container class="mySwiper" pagination="true" effect="coverflow" grab-cursor="true" centered-slides="true"
slides-per-view="auto" coverflow-effect-rotate="50" coverflow-effect-stretch="0" coverflow-effect-depth="100"
coverflow-effect-modifier="1" coverflow-effect-slide-shadows="true">
<swiper-slide>
<img src="public/product-img/CUSTARD APPLE FRUIT.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/CUSTARD APPLE SLICE.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/DRY AAMCHOOR.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/Kala Jamun.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/Kasturi Methi.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/MANGO CUBE.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/Tamarind Cake.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/TAMARIND PULP.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
<swiper-slide>
<img src="public/product-img/CUSTARD APPLE FRUIT.jpg" alt="product-img" class="what-we-do-img" />
</swiper-slide>
</swiper-container>
<div class="mb-8 mt-6 flex justify-center">
<!-- <a href="our-product.html"
class="inline-flex items-center justify-center px-3 py-2 text-lg font-medium text-center text-gray-700 border border-green-500 rounded-lg hover:bg-green-200 ">
See more Products
</a> -->
<a href="our-product.html"
class="inline-flex items-center font-bold border-2 justify-center px-3 py-2 text-lg font-medium text-center text-white bg-green-700 border border-green-700 hover:border-green-700 hover:bg-white hover:text-emerald-700">
See more Products
</a>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
</section>
<p class="size-line bg-green-700"></p>
<footer class="bg-gray-50" aria-labelledby="footer-heading">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<div class="mx-auto max-w-7xl px-6 pb-4 pt-16 sm:pt-12 lg:px-8 lg:pt-16">
<div class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-3 gap-x-8 gap-y-2">
<div class="space-y-4">
<img class="footer-logo" src="public/Img/LOGO_ FOREST NATURALS.png" alt="Company name">
<p class="text-sm leading-6 text-gray-600">Join us in our mission to enhance the livelihoods of tribal
farmers. There are several ways you can get involved, from volunteering and internships to donations and
partnerships. Contact us to learn more.</p>
<div class="flex flex-col gap-x-8 gap-y-2 lg:flex-row">
<p class="">
<a href="Privacy-Policy.html" class="text-emerald-700 hover:text-emerald-600 hover:underline">Privacy
Policy</a>
</p>
<p class=""> <a href="Terms-of-Use.html" class="text-emerald-700 hover:text-emerald-600 hover:underline">
Terms of
Use</a>
</p>
</div>
</div>
<!-- 2222 -->
<div class="mt-6 grid grid-cols-1 gap-8 xl:mt-0">
<div class="md:grid md:grid-cols-1 md:gap-8">
<div class="mt-2 xl:mt-0">
<h3 class="text-base font-bold leading-6 text-gray-700 ">Registered office: </h3>
<h3 class="text-base font-bold leading-6 text-gray-700">Bastar Se Bazaar Tak Private Limited </h3>
<p class="mt-4 text-baseleading-6 text-gray-600 font-family-class text-sm">
#150, Haresh Kumar Kashyap Colony Lane, Village Lakhanpuri, Uttar Bastar, Chhattisgarh 494336
</p>
</div>
</div>
</div>
<div class="mt-6 grid grid-cols-1 gap-8 xl:mt-0">
<div class="md:grid md:grid-cols-1 md:gap-8">
<div class="mt-2 xl:mt-0">
<h3 class="text-base font-bold leading-6 text-gray-700 ">Contact </h3>
<p class="mt-2 text-baseleading-6 text-gray-600 font-family-class text-sm">Email: [email protected]</p>
<p class="mt-2 text-baseleading-6 text-gray-600 font-family-class text-sm"> Mobile: +91 9604444496
</p>
<p class="mt-2 text-baseleading-6 text-gray-600 font-family-class text-sm mb-2"> 90097480687
</p>
</div>
</div>
</div>
</div>
<div class=" border-t border-gray-900/10 pt-8 sm:mt-6 lg:mt-6 text-center">
<p class=" text-sm leading-5 md:order-1 md:mt-0 text-gray-600 font-family-class font-bold mb-2">
© 2023 Forest Naturals. All rights reserved
</p>
<p class="text-sm leading-5 md:order-1 md:mt-0 text-gray-600 font-family-class font-bold mb-4">
Built with 💚 by
<a href="https://oasishq.org/" class="text-green-700 hover:text-emerald-600 hover:underline"
target="_blank">OASIS</a> partner
<a href="https://aikyamfellows.org/" class="text-green-700 hover:text-emerald-600 hover:underline"
target="_blank"> aikyam fellows </a>
using
<a href="https://github.com/t4glabs/bastar-se-bazaar"
class="text-green-700 hover:text-emerald-600 hover:underline">Github Pages</a>
</a>
</p>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
<script src="index.js"></script>
</body>
</html>