-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
454 lines (415 loc) · 22.2 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
<!doctype html>
<html lang="en-gb" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Omni Nature Tech Foundation</title>
<link rel="icon" type="image/png" sizes="512x512" href="images/favicon/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-chrome-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<link rel="stylesheet" href="css/styles.css"/>
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MQQZM3TE73"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MQQZM3TE73');
</script>
</head>
<body>
<div class="loader">
<div class="inner"></div>
</div>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logoLeft">
<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
<div class="text">Omni Nature <span>Tech Foundation</span></div>
</div>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<!--li><a href="#services" class="scroll-link">Services</a></li-->
<li><a href="#portfolio" class="scroll-link">Portfolio</a></li>
<li><a href="gallery.html" class="scroll-link">Our Gallery</a></li-->
<li><a href="contact.html" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<div class="btn-enq">
<a href="contact.html#enquiry" class="scroll-link">Enquiry With Us</a>
</div>
<!-- !--/.navbar-collapse-->
</nav>
</div>
<!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
<li data-target="#myCarousel" data-slide-to="3" class=""></li>
<li data-target="#myCarousel" data-slide-to="4" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item">
<img data-src="images/banner/treat.jpg" alt="First slide" src="images/banner/treat.jpg" />
<div class="container">
<div class="carousel-caption">
<h1>Water Recycling</h1>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>-->
</div>
</div>
</div>
<div class="item active">
<img data-src="images/banner/eco.jpg" alt="Second slide" src="images/banner/eco.jpg">
<div class="container">
<div class="carousel-caption">
<h1>Net Zero Carbon Emissions</h1>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>-->
</div>
</div>
</div>
<div class="item">
<img data-src="images/banner/hydro.jpg" alt="Third slide" src="images/banner/hydro.jpg">
<div class="container">
<div class="carousel-caption">
<h1 id="">Hydroponic Farming</h1>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
<div class="item">
<img data-src="images/banner/solar1.jpg" alt="Third slide" src="images/banner/solar1.jpg">
<div class="container">
<div class="carousel-caption">
<h1 id="">Solar Energy</h1>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
<div class="item">
<img data-src="images/banner/waste1.jpg" alt="Fourth slide" width="1860" height="700" src="images/banner/waste1.jpg">
<div class="container">
<div class="carousel-caption">
<h1 id="">Waste Recycling</h1>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</section>
<section id="aboutUs" class="page-section darkBg pDark pdingBtm30">
<div class="container"><br>
<div class="heading text-center">
<!-- Heading -->
<h2>About Us</h2>
<p>Omni Nature Tech Foundation create solutions and provide resources that would reduce our carbon footprint, conserve natural resources, and improve the quality of life for people and the planet.
We focus primarily on green infrastructure, renewable energy, recycling of waste materials, rainwater harvesting systems, etc.
We also take initiatives to educate and encourage people to make more sustainable choices.
</p>
</div>
<div class="btn btn-extra-large btn-primary spclBtn">
<button name="submit" type="submit" class="btn btn-lg btn-primary" id="submit" >Read More</button>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<h3><i class="fa fa-desktop color"></i> What we do?</h3>
<!-- Paragraph -->
<p>Solar Energy Technologies: We manufacture, install, and maintain solar panels that generate clean and renewable energy for homes and businesses.
Water Management: We provide technologies like waste water recycling and rain water harvesting to enable more sustainable water usage.
Waste Recycling: We offer solutions to recycle every-day household waste and reprocess it for use in new products
Education/consultation: We provide resources to educate and raise awareness for environmental protection.
</p>
</div>
<div class="col-md-4 col-sm-4">
<!-- Heading -->
<h3><i class="fa fa-cloud color"></i> Why choose us?</h3>
<!-- Paragraph -->
<p>Invest more in manufacturing green technologies so that they are more accessible for local consumers.
Propose systems powered by renewable energy sources, designed to minimize waste and emissions, optimized for efficiency and performance.
Provide sustainable solutions to reduce our environmental footprint, save your money and, and support innovative practices.
Engage more with our youth in rural areas to raise awareness and inspire action for environmental protection, as well as increase sources 0f employment.
</p>
</div>
<div class="col-md-4 col-sm-4">
<!-- Heading -->
<h3><i class="fa fa-home color"></i> Where are we?</h3>
<!-- Paragraph -->
<b><p> Assam, Guwahati</p></b>
</div>
</div>
</div>
<!--/.container-->
</section>
<section id="services" class="page-section">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>OUR MISSION TOWARDS SOCIETY</h2>
<p> Invest more in manufacturing green technologies so that they are more accessible for local consumers.
Propose systems powered by renewable energy sources, designed to minimize waste and emissions, optimized for efficiency and performance.
Provide sustainable solutions to reduce our environmental footprint, save your money and, and support innovative practices.
Engage more with our youth in rural areas to raise awareness and inspire action for environmental protection, as well as increase sources 0f employment.
</p>
</div>
<div class="row">
<div class="servicerow">
<div class="col-md-2 text-center">
<i class="fa-solid fa-solar-panel fa-2x circle"></i>
<h3>Solar Energy <span class="id-color"></span></h3>
<p>Solar is a renewable energy source that is free of dangerous carbon emissions. With solar, we can create cleaner power and protect the environment from climate change.</p>
</div><!-- end: -->
<!-- item -->
<div class="col-md-2 text-center">
<i class="fa-solid fa-recycle fa-2x circle"></i>
<h3> Waste Recycle<span class="id-color"></span></h3>
<p>Wastewater recycling enables more sustainable water usage and is an important step in combating climate change. The reduction of water wastage is particularly relevant to industrial manufacturers, who make up approximately 20% of global water consumption.</p>
</div><!-- end: -->
<!-- item -->
<div class="col-md-2 text-center">
<i class="fa-solid fa-hand-holding-droplet fa-2x circle"></i>
<h3>Water Treatment <span class="id-color"></span></h3>
<p>Water treatment is any process that improves the quality of water to make it appropriate for a specific end-use. The end use may be drinking, industrial water supply, irrigation, river flow maintenance, water recreation or many other uses, including being safely returned to the environment. </p>
</div><!-- end:-->
<!-- item -->
<div class="col-md-2 text-center">
<i class="fa-solid fa-tree fa-2x circle"></i>
<h3>Net Zero Carbon Emissions <span class="id-color"></span></h3>
<p>Net zero refers to a state in which the greenhouse gases going into the atmosphere are balanced by removal out of the atmosphere. </p>
</div><!-- end: -->
<div class="col-md-2 text-center">
<i class="fa-solid fa-wheat-awn fa-2x circle"></i>
<h3>Hydroponic Farming <span class="id-color"></span></h3>
<p>Hydroponics is the technique of growing plants using a water-based nutrient solution rather than soil, and can include an aggregate substrate, or growing media, such as vermiculite, coconut coir, or perlite. Hydroponic production systems are used by small farmers, hobbyists, and commercial enterprises. </p>
</div><!-- end: -->
</div>
<!-- item -->
</div>
</div>
<!--/.container-->
</section>
<section id="portfolio" class="page-section section appear clearfix">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>Portfolio</h2>
<p> We constantly seek new ways to solve environmental challenges with latest technology, We aim to deliver high-quality products and services that meet the standards,
We take responsibility for our actions and their impacts on the environment and society,We work together with our partners, stakeholders, and communities to achieve our goals.
</p>
</div>
<div class="row">
<nav id="filter" class="col-md-12 text-center">
<ul>
<li><a href="#" class="current btn-theme btn-small" data-filter="*">All Projects</a></li>
<li><a href="#" class="btn-theme btn-small" data-filter=".solar">SOLAR ENERGY</a></li>
<li><a href="#" class="btn-theme btn-small" data-filter=".water" >WATER TREATMENT </a></li>
<li><a href="#" class="btn-theme btn-small" data-filter=".waste">WASTE RECYCLE</a></li>
<li><a href="#" class="btn-theme btn-small" data-filter=".hydroponic">HYDROPONIC FARMING</a></li>
</ul>
</nav>
<div class="col-md-12">
<div class="row">
<div class="portfolio-items isotopeWrapper clearfix" id="3">
<article class="col-md-4 isotopeItem solar">
<div class="portfolio-item">
<img src="images/portfolio/img1.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img1.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem solar">
<div class="portfolio-item">
<img src="images/portfolio/img1.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img1.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem water">
<div class="portfolio-item">
<img src="images/portfolio/img2.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img2.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem water">
<div class="portfolio-item">
<img src="images/portfolio/img3.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img3.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem waste">
<div class="portfolio-item">
<img src="images/portfolio/img4.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img4.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem waste">
<div class="portfolio-item">
<img src="images/portfolio/img5.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img5.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem hydroponic">
<div class="portfolio-item">
<img src="images/portfolio/img6.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img6.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
<article class="col-md-4 isotopeItem hydroponic">
<div class="portfolio-item">
<img src="images/portfolio/img7.jpg" alt="" />
<div class="portfolio-desc align-center">
<div class="folio-info">
<a href="images/portfolio/img7.jpg" class="fancybox"><h5>Project Name</h5>
<i class="fa fa-plus-circle fa-2x"></i></a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="actionPanel">
<div class="container">
<div class="row">
<div class="col-sm-9 ">
<h3>Help Us To Save The Planet..</h3>
</div>
<div class="col-sm-3 ">
<a href="#" class="btn btn-extra-large btn-primary spclBtn">Donate Us!</a>
</div>
</div>
</div>
</div>
<footer class="page-section">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 about">
<a href="#" class="logoDark"><h4>Omni Nature Tech Foundation:</h4></a>
<p>In order to achieve sustainable development, a secure society and environment, the right state of the globe, and the prosperity of all people, these goals must be achieved. These must be accomplished soon, but this is not achievable until everyone recognizes the issues and comes together to improve the planet.</p>
<ul class="socialIcons">
<li><a href="https://facebook.com/omninaturetechfoundation" class="fbIcon" target="_blank"><i class="fa fa-facebook-square fa-2xl fa-bounce"></i></a></li>
<li><a href="https://twitter.com/ontfoundation" class="twitterIcon" target="_blank"><i class="fa fa-twitter-square fa-beat fa-2xl"></i></a></li>
<li><a href="https://instagram.com/ontfoundation/" class="instagramIcon" target="_blank"><i class="fa fa-instagram-square fa-fade fa-2xl"></i></a></li>
<!--li><a href="#" class="pinterest" target="_blank"><i class="fa fa-pinterest-square fa-lg""></i></a></li-->
</ul>
</div>
<div class="col-md-4 col-sm-6 about">
<h4><u><b>Let’s Take A Look Into The Green Energy...</h4></u></b>
<ul>
<li><a href="#">Solar Energy Technology:</a> " Solar energy is bound to be in our future, They're finite, whereas solar are infinite."
<br><span></span></li>
<li><a href="#">Water Management:</a> If we don't learn to conserve, we'll all be fish out of water. Water, water everywhere but not a drop to drink. A drop of water is worth more than a sack of gold to a thirsty man. Water Smarter!
</ul>
</div>
<div class="col-md-4 about">
<h4> <br></h4>
<ul>
<li><a href="#">Waste Recycle:</a> When we throw anything away it must go somewhere.” “When you put the whole picture together, recycling is the right thing to do.”
<br><span></span></li>
<li><a href="#">Hydroponic Farming:</a>Growing greener with hydroponic, We cultivate, you create. We’re here to help you grow vibrant plants, no matter your experience.
Let’s do this! And by this I mean, let’s grow the heck out of vegetables at home.<br><span></span></li>
</ul>
</div>
</div><!-- END Row -->
</div>
</footer>
<!--/.page-section-->
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="pull-left copyRights"><i class="fa-regular fa-copyright"></i> 2023<a href="index.html#aboutUs" class="scroll-link"> Omni Nature Tech Foundation.</a> All Rights Reserved.</div> <br>
<div class="term"> <div class="pull-right copyRights"><a href="privacypolicy.html">Privacy Policy |</a></div> <br>
<div class="pull-right copyRights"><a href="terms.html">Terms of Use</a></div> </div>
</div>
</div> <!-- / .row -->
</div>
</section>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.cslider.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/custom.l.js" type="text/javascript"></script>
</body>
</html>