-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (198 loc) · 8.74 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<nav id="nav">
<a href="#"><img class="logo" src="./images/logo-removebg-preview (1).png" alt=""></a>
<ul class="list">
<li><a href="#about">About</a></li>
<li><a href="#Project">Projects</a></li>
<li><a href="#Mission">Our Mission</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
<button class="search">Search</button>
<button class="menu">Menu</button>
</nav>
<div class="header " data-aos="fade-down-right">
<!--Content before waves-->
<div class="inner-header flex">
<!--Just the logo.. Don't mind this-->
<img src="./images/omdenaLogo-removebg-preview.png" alt="" srcset="">
</div>
<!--Waves Container-->
<div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
<use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
</g>
</svg>
</div>
<!--Waves end-->
</div>
<!--Header ends-->
<!-- Projects -->
<h1 class="projectHeading" id="Project" data-aos="fade-down-right">OUR PROJECTS</h1>
<div class="flex projectsCards">
<div class="card" data-aos="fade-down-right">
<div class="image">
<img src="./images/project1.png" alt="">
</div>
<!-- <a href="project1.html> -->
<div class="content">
<a href="project1.html">
<span class="title">
PROJECT 1
</span>
</a>
<p class="desc">
In the 1980s, the Bhopal region experienced one of the
worst industrial disasters of release of toxic chemicals
from the Union Carbide India Limited (UCIL) pesticide
plant. The catastrophe raised awareness about
industrial pollution. The water quality of the lakes in
Bhopal has been significantly impacted by the 1984
gas tragedy.
In the years that followed, the Bhopal region dealt with
environmental challenges,
particularly regarding water quality. Therefore, we plan
to check what are the impacts of this Gas Tragedy
using GIS Technique and Satellite Imagery.
</p>
<a href="project1.html">
<b color="red">Find out more</b>
</a>
</a>
</div>
</div>
<!-- </a> -->
<div class="card" data-aos="fade-down-right">
<div class="image">
<img src="./images/project2.png" alt="">
</div>
<!-- <a href="project2.html"> -->
<div class="content">
<a href="project2.html">
<span class="title">
PROJECT 2 </span>
</a>
<p class="desc">
Current practices of performing road inspections
are time-consuming and labour-intensive. Road
surfaces degrade on a daily basis as a result of the
heavy traffic on them. This will not only impact the
driver’s comfort but will also impact economic
efficiency. To maintain roads as efficiently as
possible, municipalities perform regular
inspections.entium
</p>
<a href="./project2.html">
<b color="red">Find out more</b>
</a>
</div>
</div>
<!-- </a> -->
</div>
<!-- About -->
<div class="responsive-container-block bigContainer" id="about" data-aos="fade-down-right">
<div class="responsive-container-block Container bottomContainer">
<div class="ultimateImg">
<img class="mainImg" src="./images/aboutIRobot.png">
</div>
<div class="allText bottomText">
<p class="text-blk headingText">
About Us
</p>
<p class="text-blk subHeadingText">
Welcome to the Omdena Local
Chapter at VIT Bhopal! </p>
<p class="text-blk description">
As part of the global Omdena
community, our chapter is dedicated to
leveraging the power of AI to address
real-world challenges. With a focus on
collaboration, compassion, curiosity, and
consciousness, we work together to
develop innovative solutions that make a
positive impact. <br>
From our Water Quality Monitoring project, utilizing
satellite imagery to ensure the safety of water
sources, to our Road Inspection Project,
revolutionizing road condition management, our
chapter has already showcased its commitment to
driving meaningful change.
<br>
Join us as we continue to grow and create
a better future through the application of
AI. Together, we can make a difference!
</p>
</div>
</div>
</div>
<div class="responsive-container-block bigContainer" id="Mission" data-aos="fade-down-right">
<div class="responsive-container-block Container bottomContainer">
<div class="ultimateImg">
<img class="mainImg" src="./images/ourMission.png">
</div>
<div class="allText bottomText">
<p class="text-blk headingText">
Our
Mission
</p>
<p class="text-blk subHeadingText">
At Omdena Local Chapter, our
mission is to harness the power of
artificial intelligence (AI) to
create a positive and lasting
impact on our local community.</p>
<p class="text-blk description">
We are a dynamic community of
individuals with diverse backgrounds
and skill sets, united by a common goal
of promoting real-world AI solutions. As
an initiative of Omdena, a global
community connecting data scientists,
engineers, and experts worldwide, we
strive to leverage our collective
knowledge and expertise to tackle
pressing social challenges through
open-source projects.
</p>
</div>
</div>
</div>
<footer id="footer" id="Contact" data-aos="zoom-in-up" data-aos="fade-down-right">
<div class="footer">
<div class="row">
<ul>
<li><a href="#">Contact us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Career</a></li>
</ul>
</div>
<div class="text-center">
Copyright © 2023 - All rights reserved || Designed By: Ayush
</div>
</div>
</footer>
<script src="./omdena.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>