-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
350 lines (321 loc) · 17.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="G4gClB66Jr2h0XiecdD1OyTE0HCHwwS707_GIuEMCfU" />
<meta name="description" content="The DRISHTI-ROBOCON is a student initiative at SVNIT to build robots for participating in ABU-ROBOCON">
<meta name="keywords" content="Drishti,ROBOCON, robocon,WE,ME">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>
DRISHTI-AI/ML SVNIT
</title>
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link href="css/all.min.css" rel="stylesheet">
<link href="css/fontawesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="footer.css">
<link rel="stylesheet" type="text/css" media="screen" href="index.css">
</head>
<body>
<!-- <nav class="navbar navbar-expand-md navbar-light"style="background-color: rgba(2,2,2,0.1); height: 14vh;">
<a href ="https://drishti-svnit.github.io/drishti/" class="navbar-brand">
<img src="images/logoleft.jpg" class="svnit_photo" >
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ml-auto">
<li class="nav-item"style="font-weight: bold; margin-right: 15px;"><a href="#" class="nav-link">Home</a></li>
<li class="nav-item dropdown"style="font-weight: bold; margin-right: 15px;"><a href="#" class="nav-link">Gallery</a></li>
<li class="nav-item"style="font-weight: bold; margin-right: 15px;"><a href="#" class="nav-link">Documentation</a></li>
<li class="nav-item"style="font-weight: bold; margin-right: 30px;"><a href="#down" class="nav-link">Contact</a></li>
</ul>
</div>
</nav> -->
<!-- <div style="background-image: url(images/image_3.jpg); background-size: cover;background-color: rgba(255,255,255,0.7); background-blend-mode: lighten; ">
<div id="myslideshow" class="carousel slide carousel-fade" data-ride="carousel">
<indicators>
<ol class="carousel-indicators">
<li class="active" data-target="#myslideshow" data-slide-to="0"style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"></li>
<li class="active" data-target="#myslideshow" data-slide-to="1"style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"></li>
<li class="active" data-target="#myslideshow" data-slide-to="2"style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"></li>
</ol>
</indicators>
<div class="carousel-inner">
<div class="carousel-item active text-center"><img class="img-fluid hello1" src="images/t1.jpg"></div>
<div class="carousel-item text-center"><img class="img-fluid hello2" src="images/image_11.jpg">
<div class="carousel-caption d-none d-md-block"><h1 style="color: black;"> MR1 </h1></div>
</div>
<div class="carousel-item text-center"><img class="img-fluid hello3" src="images/image_2.jpg">
<div class="carousel-caption d-none d-md-block">
<h1 style="color: black;"> MR2 </h1>
</div>
</div>
</div>
controls->
<a href="#myslideshow" class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
<span class="sr-only">Previous</span>
</a>
<a href="#myslideshow" class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
<span class="sr-only">Next</span>
</a>
</div> -->
<div class="main-div">
<nav class="navbar navbar-expand-md navbar-light"style="background-color: rgba(2,2,2,0.4);">
<a href ="http://svnit.ac.in/" class="navbar-brand">
<img class="nit_photo" src="images/svnit.png">
</a>
<div class="navbar-brand v1"></div>
<a href ="https://drishti-svnit.github.io/drishti/" class="navbar-brand">
<img src="images/logoleft.jpg" class="svnit_photo" >
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ml-auto">
<li class="nav-item"style="font-weight: bold; margin-right: 20px;"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"style="font-weight: bold; margin-right: 20px;"><a href="gallery.html" class="nav-link">Gallery</a></li>
<li class="nav-item dropdown "style="font-weight: bold; margin-right: 20px;">
<a href="#" class="nav-link dropdown-toogle" data-toggle="dropdown">Projects</a>
<div class="dropdown-menu"style="background-color:rgb(220,220,220);;">
<a href="tunex.html" class="dropdown-item">
Tunex
</a>
<a href="virtuon.html" class="dropdown-item">
Virtuon
</a>
<a href="gisa.html" class="dropdown-item">
GISA
</a>
<a href="planet.html" class="dropdown-item">
PlaNet
</a>
<a href="acs.html" class="dropdown-item">
Automated-Check-in-System
</a>
<a href="aicolorization.html" class="dropdown-item">
Ai-image-Colorization
</a>
</div>
</li>
<li class="nav-item"style="font-weight: bold; margin-right: 40px;"><a href="#down" class="nav-link">Contact</a></li>
</ul>
</div>
</nav>
<div class="innovation-image">
<div class="innovation-title">
<h3>TEAM</h3>
<h1>AI ML</h1>
</div>
</div>
</div>
<!--------------------------------------------------------------------------->
<br><br>
<!--ABOUT US-->
<div class="about-section" >
<div class="write-up-about">
<h1 class="about-us" style="font-weight: bold;">
ABOUT US
</h1>
<p class="about-us-content">
DRISHTI is a technical club of SVNIT and is comprised of a bunch of inquisitive members from various branches aims at
encouraging curious minds to build up their technical aspect in a constructive manner and enhancing their
social quotient by providing a real-time opportunity to work as a team in a healthy competitive environment where everyone is free to frame his viewpoint in reality.
DRISHTI is a constant representative in various National
and International competitions like ABU Robocon, Indian Rover Challenge and Boeing Aeromodelling.
</p>
</div>
<div class="about-drishti-image">
<img src="images/drishti_image.png" alt="main image" height="200" width="300">
</div>
</div>
<div class="robocon-section">
<h1>
MACHINE LEARNING, DEEP LEARNING AND COMPUTER VISION
</h1>
<p>
Machine learning is the science of getting computers to act without being explicitly programmed. Deep Learning is a subfield of machine learning concerned with algorithms inspired by the structure and function of the brain called artificial neural networks.<br>In the past decade, machine learning has given us self-driving cars, practical speech recognition, effective web search, and a vastly improved understanding of the human genome. AI capabilities, as they exist today, are sufficiently advanced to enable transformative product innovation and value creation across industries: from agriculture to insurance, from healthcare to education, from transportation to construction, and beyond.
</p>
<br>
<p>
Machine learning is so pervasive today that you probably use it dozens of times a day without knowing it. Many researchers also think it is the best way to make progress towards human-level AI.
</p>
</div>
<div class="teams-head">
<div class="teams-title">
<h2>PROJECTS</h2>
</div>
</div>
<div class="projects">
<div class="project-box">
<a href="tunex.html"><span></span></a>
<img src="images/tunex2.png" alt="vihan">
<h2>
TUNEX (2021)
</h2>
</div>
<div class="project-box">
<a href="virtuon.html"><span></span></a>
<img src="images/virtuon1.jpeg" alt="envision">
<h2>
VIRTUON (2021)
</h2>
</div>
<div class="project-box">
<a href="gisa.html"><span></span></a>
<img src="images/gisa.jpeg" alt="Argus">
<h2>
GISA (2020)
</h2>
</div>
<div class="project-box">
<a href="planet.html"><span></span></a>
<img src="images/planet.jpeg" alt="Argus">
<h2>
PLANET (2020)
</h2>
</div>
<div class="project-box">
<a href="acs.html"><span></span></a>
<img src="images/ACS/result.jpeg" alt="Argus">
<h2>
AUTOMATED CHECK IN SYSTEM (2019)
</h2>
</div>
<div class="project-box">
<a href="aicolorization.html"><span></span></a>
<img src="images/AI image colourization/RESULTS (1).jpeg" alt="Argus">
<h2>
AI Image Colorization (2019)
</h2>
</div>
</div>
<!-- <div class="robocon-status" id="projects">
<div class="robocon-year">
<h1>2021</h1>
</div>
<div class="robocon-year-info">
<div class="year-info">
<p>
<a href="tunex.html"><h1>Tunex</h1></a>
Song is a way to express a certain mood and emotion, and as a listener we find it great if the song we are listening echoes our emotion and hence lightens up our mood with enthusiasm, love, compassion and pumps us up. Hence we worked to make a model that detects our emotions at real time using a webcam feed and classifies one’s playlist into genres, and plays the song that best matches the emotion based on the facial gesture.
</p>
<div class="year-images">
<img src="images/tunex1.png">
<img src="images/tunex2.png">
</div>
<br>
<p>
<a href="virtuon.html"><h1>Virtuon</h1></a>
We have seen many people buy clothes online and due to this, it is difficult to try clothes and see how they look in those clothes. So here at Drishti we have created a Machine Learning based solution named Virtual Try On Network (VIRTUON) to solve this issue. We require only 2 pictures for cloth transfer one is of the person on which we have to try cloth and another is of person from where cloth is needed to segment.
</p>
<div class="year-images">
<img src="images/virtuon1.jpeg">
<img src="images/virtuon2.jpeg">
</div>
</div>
</div>
</div>
<hr>
<div class="robocon-status">
<div class="robocon-year">
<h1>2020</h1>
</div>
<div class="robocon-year-info">
<div class="year-info">
<p>
<a href="gisa.html"><h1>GISA</h1></a>
It is observed that specially abled people are unable to communicate properly due to the lack of knowledge about their sign language amongst common people. Gesture Interpretor for Specially Abled as the name suggests this system aims at encountering this problem and proposing a feasible solution. It’s aim is to build a human responsive system that can aid specially abled (blind, deaf and aphonic) people by interpreting the sign language (i.e. hand gestures).
</p>
<div class="year-images">
<img class="" src="images/gisa.png">
<img class="" src="images/gesture.png">
</div>
<br>
<p>
<a href="planet.html""><h1>PlaNet</h1></a>
It is observed that a lot of crop gets wasted every year due to the illness spreading (reasons can be pests, bacterial or fungal infections, etc.) in the farms. Farmers face huge losses because of the lack of a handy and economical technology that can detect such diseases in the initial stages of occurrence. This system can prove a remedy to this issue by developing a prototype that recognizes the same at an early stage and thence providing them a way to cure it using appropriate pesticides, insecticides, etc.
</p>
<div class="year-images">
<img class="" src="images/planet.png">
<img class="" src="images/planet-2.png">
</div>
</div>
</div>
</div>
<hr>
<div class="robocon-status">
<div class="robocon-year">
<h1>2019</h1>
</div>
<div class="robocon-year-info">
<div class="year-info">
<p>
<a href="acs.html"><h1>Automated check-in system</h1></a>
The main aim of the project is to build a Face Recognition System. This project detects the face of a person in real time from stored database.Face Detection is the first step for Face Recognition which is followed by extracting features in form of embeddings from the input image. Test image is passed into the program and its features are calculated and these embeddings are compared with embeddings of our database and the person is recognized.
</p>
<div class="year-images">
<img src="images/ACS/results.png" alt="">
</div>
<br>
<p>
<a href="aicolorization.html"><h1>AI Image Colorization</h1></a>
If you are given a task to color a black and white picture, it’s tough to color without knowing the situation or the moment in which the picture was taken. Now think how wonderful it would be if you have a model that automatically fills the color in the photo. We have built a model based on Machine Learning that could colorize images without any human effort.
</p>
</div>
<div class="year-images">
<img class="" src="images/AI image colourization/RESULTS.png">
</div>
</div>
</div>
<br><br><br> -->
<!--contact-->
<div class="drishti-map" id="down">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3720.6327874201347!2d72.78366581502787!3d21.16700718592359!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be04db12023ce37%3A0xb167851a625ee547!2sDRISHTI%20-%20A%20REVOLUTIONARY%20CONCEPT!5e0!3m2!1sen!2sin!4v1618395974891!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy">
</iframe>
</div>
<div class="new-footer">
<div class="drishti-copyright">
<span>
© Drishti-SVNIT. All Rights Reserved
</span>
</div>
<div class="drishti-home">
<a href = "https://drishti-svnit.github.io/drishti/" target="_blank">
<i class="fas fa-home"></i>
</a>
</div>
<div class="drishti-social">
<div class = "contact-icons">
<a class="social-button facebook" href="https://www.facebook.com/drishti.nitsurat/" target="_blank">
<i class="fab fa-facebook-square " style="vertical-align:0;"></i>
</a>
<a class="social-button insta" href="https://www.instagram.com/drishti.svnit/" target="_blank">
<i class="fab fa-instagram " style="vertical-align:0;"></i>
</a>
<a class="social-button linkedin" href="https://www.linkedin.com/company/drishti-nitsurat/" target="_blank">
<i class="fab fa-linkedin " style="vertical-align:-0.125rem;margin-bottom:0.125rem;"></i>
</a>
<a class="social-button github" href="https://www.github.com/DRISHTI-SVNIT" target="_blank">
<i class="fab fa-github " style="vertical-align:0;margin-bottom:0.125rem;"></i>
</a>
<a class="social-button mail" href="mailto:[email protected]" target="_blank">
<i class="fas fa-envelope-open " style="vertical-align:0;margin-bottom:0.125rem;"></i>
</a>
<a class="social-button youtube" href="https://www.youtube.com/channel/UClAi8qJnq9VckAPOMzcPpLQ" target="_blank">
<i class="fab fa-youtube " style="vertical-align:-0.125rem;margin-bottom:0.125rem;"></i>
</a>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>