-
Notifications
You must be signed in to change notification settings - Fork 1
/
IBP.html
381 lines (316 loc) · 19.8 KB
/
IBP.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/IP.css">
<!-- Favicons -->
<link href="assets/img/irp.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<title>Institute Building Projects</title>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<h1 class="logo me-auto"><a href="index.html">IR&P</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto " href="index.html">Home</a></li>
<li><a class="nav-link scrollto " href="event.html">Events</a></li>
<li><a class="nav-link scrollto " href="IP.html">Industrial Projects</a></li>
<li><a class="nav-link scrollto active" href="IBP.html">Institute Building Projects</a></li>
<li><a class="nav-link scrollto " href="team.html">Team</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<div class="container">
<div class="headline">Active Projects</div>
No Active project
<div class="spacer-line-fw border-secondary opc-25 mt-30 mb-30"> </div>
<div class="headline">Past Projects</div>
<div class="row list-project">
<!-- / column -->
<div class="col-md-5">
<div class="project-info-box mt-0">
<h5>Live Score Updates for 57th Inter-IIT Sports Meet</h5>
<!-- <p>Suspendisse convallis, magna in blandit dapibus, diam dui ultrices sem, ut egestas neque magna
vel erat.</p> -->
</div>
<!-- / project-info-box -->
<div class="project-info-box mb-10">
<p><b>Mentor:</b> Prof. Abhijeet Mishra, Head of Sports</p>
<p><b>Duration:</b> 4 months</p>
<p><b>Tech Stack:</b> React js with TypeScript, NodeJs, ExpressJs, Socket.io, MongoDB(Database), AWS(Deployment)</p>
<p><b>Incentives:</b> Rs 150 per hour</p>
<p><b>Mentees:</b> Karan Gandhi [BTech,23 CSE], Romit Mohane [BTech'23 Mechanical]</p>
<a class="btn btn-primary c-block margin-10px-left" onclick="showDescription1()">VIEW
PROJECT</a>
</div>
<!-- / project-info-box -->
<!-- <a href="#" class="btn btn-primary c-block">Apply</a> -->
</div>
<div class="col-md-7">
<img src="assets/img/ibp/interiit.jpg" alt="project-image" id="project-image1"
class="rounded">
<div id="project-description1" class="project-description"></div>
</div>
<!-- / column -->
</div>
<!-- / row list-project -->
<div class="spacer-line-fw border-secondary opc-25 mt-30 mb-30"> </div>
<div class="row list-project">
<div class="col-md-5 ">
<div class="project-info-box mt-0">
<h5>Upgradation of Faculty Recruitment portal</h5>
<!-- <p>Suspendisse convallis, magna in blandit dapibus, diam dui ultrices sem, ut egestas neque magna
vel erat.</p> -->
</div>
<!-- / project-info-box -->
<div class="project-info-box mb-10">
<p><b>Mentor:</b> Prof. Udit Bhatia</p>
<p><b>Duration:</b> 4 months</p>
<p><b>Tech Stack:</b> Python and Web Scraping</p>
<p><b>Incentives:</b> Rs 150 per hour</p>
<p><b>Mentees:</b> Neerja Kasture [BTech'22 CSE], Nimitt [BTech'22 CSE]</p>
<a class="btn btn-primary c-block margin-10px-left" onclick="showDescription2()">VIEW
PROJECT</a>
</div>
<!-- / project-info-box -->
<!-- <a href="#" class="btn btn-primary c-block">Apply</a> -->
</div>
<!-- / column -->
<div class="col-md-7">
<img src="assets/img/ibp/faculty.jpg" alt="project-image" id="project-image2"
class="rounded">
<div id="project-description2" class="project-description"></div>
</div>
<!-- / column -->
</div>
<!-- / row list-project -->
<div class="spacer-line-fw border-secondary opc-25 mt-30 mb-30"> </div>
<div class="row list-project">
<!-- / column -->
<div class="col-md-5">
<div class="project-info-box mt-0">
<h5>External Communication Website</h5>
<!-- <p>Suspendisse convallis, magna in blandit dapibus, diam dui ultrices sem, ut egestas neque magna
vel erat.</p> -->
</div>
<!-- / project-info-box -->
<div class="project-info-box mb-10">
<p><b>Mentor:</b> Prof. Tanya Kaushal Shrivastava</p>
<p><b>Duration:</b> 4 months</p>
<p><b>Tech Stack:</b> HTML, CSS, Jquery, Javascript, WAMP (Windows, Apache, MySQL, PHP)</p>
<p><b>Incentives:</b> Rs 150 per hour</p>
<p><b>Mentees:</b> Chandrabhan Patel [BTech'22 CSE], Rishab Jain [BTech'20 Chemical] </p>
<a class="btn btn-primary c-block margin-10px-left" onclick="showDescription3()">VIEW
PROJECT</a>
</div>
<!-- / project-info-box -->
<!-- <a href="#" class="btn btn-primary c-block">Apply</a> -->
</div>
<div class="col-md-7">
<img src="assets/img/ibp/externalcom.jpg" alt="project-image" id="project-image3"
class="rounded">
<div id="project-description3" class="project-description"></div>
</div>
<!-- / column -->
</div>
<!-- / row list-project -->
<div class="spacer-line-fw border-secondary opc-25 mt-30 mb-30"> </div>
<div class="row list-project">
<!-- / column -->
<div class="col-md-5">
<div class="project-info-box mt-0">
<h5>Food Wastage Prevention System</h5>
<!-- <p>Suspendisse convallis, magna in blandit dapibus, diam dui ultrices sem, ut egestas neque magna
vel erat.</p> -->
</div>
<!-- / project-info-box -->
<div class="project-info-box mb-10">
<p><b>Mentor:</b>Prof. Tarun Agarwal</p>
<p><b>Duration:</b> 4 months</p>
<!-- <p><b>Tech Stack:</b> HTML, CSS, Jquery, Javascript, WAMP (Windows, Apache, MySQL, PHP)</p> -->
<p><b>Incentives:</b> Rs 150 per hour</p>
<p><b>Mentees:</b> Raghavpravin K S, Ruchit Chudasama </p>
<a class="btn btn-primary c-block margin-10px-left" onclick="showDescription4()">VIEW
PROJECT</a>
</div>
<!-- / project-info-box -->
<!-- <a href="#" class="btn btn-primary c-block">Apply</a> -->
</div>
<div class="col-md-7">
<img src="assets/img/ibp/food.jpg" alt="project-image" id="project-image4"
class="rounded">
<div id="project-description4" class="project-description"></div>
</div>
<!-- / column -->
</div>
<!-- / row list-project -->
<div class="spacer-line-fw border-secondary opc-25 mt-30 mb-30"> </div>
</div>
<!-- end event block -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<div> <!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>IR&P</h3>
<p>
IIT Gandhinagar<br>
Gandhinagar, Gujarat<br>
<strong>Phone:</strong> +91 8826027282<br>
<strong>Email:</strong> irp.secretary@iitgn.ac.in<br>
</p>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="index.html#about">About us</a></li>
<!-- <li><i class="bx bx-chevron-right"></i> <a href="#services">Services</a></li> -->
<li><i class="bx bx-chevron-right"></i> <a href="team.html">Our Team</a></li>
<!-- <li><i class="bx bx-chevron-right"></i> <a href="#contact">Contacts Us</a></li> -->
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Domains</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="IP.html">Industrial Projects</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="IBP.html">Institute Building Projects</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="event.html">Events</a></li>
<!-- <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li> -->
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<!-- <h4>Our Social Networks</h4>
<p>Cras fermentum odio eu feugiat lide par naso tierra videa magna derita valies</p>
<div class="social-links mt-3">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div> -->
<img style="size: 10vw;" src="assets/img/iitgn.png" alt="">
</div>
</div>
</div>
</div>
<div class="container footer-bottom clearfix">
<div class="copyright">
© Copyright <strong><span><a href="https://www.linkedin.com/company/ir-p-council/mycompany/">IR&P</a></span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/ -->
Developed by <a href="https://www.linkedin.com/in/dipesh-patidar-586133256/">Dipesh Patidar</a>
</div>
</div>
</footer><!-- End Footer --></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/valiDeadline.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script>
function showDescription4() {
// Get a reference to the project description and image
const projectDescription4 = document.getElementById("project-description4");
const projectImage4 = document.getElementById("project-image4");
document.body.classList.toggle('stationary');
// Set the description text and image opacity
projectDescription4.innerHTML = `
<h4 class="heading">Description</h4>
<p class="headingbelow">Implementing an IoT-based Food Wastage Prevention System with facial recognition for mess facilities. The system, powered by an image sensor, load cell, and Raspberry Pi, captures real-time data, displaying it on an admin panel for informed decision-making. Our prototype showcases a significant contribution to daily operations, promoting sustainable development goals.</p>
`;
projectImage4.style.opacity = "0.6"; // Decrease opacity
projectImage4.style.position = "relative";
projectImage4.style.display = "none";
projectImage4.style.zIndex = "-1000";
// You can modify the description text dynamically or load it from somewhere else.
}
function showDescription3() {
// Get a reference to the project description and image
const projectDescription3 = document.getElementById("project-description3");
const projectImage3 = document.getElementById("project-image3");
document.body.classList.toggle('stationary');
// Set the description text and image opacity
projectDescription3.innerHTML = `
<h4 class="heading">Description</h4>
<p class="headingbelow">The "External Communication Website" project aimed at enhancing external communication strategies by developing a comprehensive website. The project successfully integrated HTML, CSS, JavaScript, and PHP, covering both frontend and backend aspects. The purpose of the project was to create an interactive and user-friendly platform that facilitates seamless external communication. On the frontend, HTML and CSS were employed to design an appealing and intuitive user interface. JavaScript was utilized to enhance interactivity, providing a dynamic and engaging user experience. Meanwhile, on the backend, the WAMP stack (Windows, Apache, MySQL, PHP) played a crucial role. PHP scripting facilitated dynamic functionality, while MySQL served as the relational database management system, ensuring efficient data storage and retrieval. The website, now a completed project, stands as a testament to the successful collaboration of technologies.</p>
`;
projectImage3.style.opacity = "0.6"; // Decrease opacity
projectImage3.style.position = "relative";
projectImage3.style.display = "none";
projectImage3.style.zIndex = "-1000";
// You can modify the description text dynamically or load it from somewhere else.
}
///
function showDescription1() {
// Get a reference to the project description and image
const projectDescription1 = document.getElementById("project-description1");
const projectImage1 = document.getElementById("project-image1");
document.body.classList.toggle('stationary');
// Set the description text and image opacity
projectDescription1.innerHTML = `
<h4 class="heading">Description</h4>
<p class="headingbelow">In the spirit of fostering seamless communication and enhancing the overall experience of the Inter-IIT Sports events, IBP presented this project. The developed website is dynamic and user-friendly that provided real-time updates on scores for various games during the Inter-IIT Sports tournaments. The website offered live and instant updates for ongoing sports events, ensuring that participants, spectators, and organizers stay in the loop with the latest scores. A streamlined and intuitive interface allowed administrators to effortlessly add new games, allocate teams to these games, and update scores in real-time. It utilized modern web technologies, strong database systems, and integrated APIs. This initiative significantly improved the Inter-IIT Sports experience, bringing fans closer to the action.</p>
`;
projectImage1.style.opacity = "0.6"; // Decrease opacity
projectImage1.style.position = "relative";
projectImage1.style.display = "none";
projectImage1.style.zIndex = "-1000";
// You can modify the description text dynamically or load it from somewhere else.
}
///
function showDescription2() {
// Get a reference to the project description and image
const projectDescription2 = document.getElementById("project-description2");
const projectImage2 = document.getElementById("project-image2");
document.body.classList.toggle('stationary');
// Set the description text and image opacity
projectDescription2.innerHTML = `
<h4 class="heading">Description</h4>
<p class="headingbelow">The "Upgradation of Faculty Recruitment Portal" project has successfully concluded, marking a significant advancement in the faculty recruitment process. Advanced Algorithms were implemented to enhance the initial screening of applications, optimizing the shortlisting process and ensuring a more targeted evaluation of candidates. The project involved the development of a robust portal that acts as a centralized hub for all recruitment-related activities. From application submission to managing, mailing, and approval processes, the portal provides an intuitive and seamless experience for both applicants and administrators. This has modernized the faculty recruitment process.</p>
`;
projectImage2.style.opacity = "0.6"; // Decrease opacity
projectImage2.style.position = "relative";
projectImage2.style.display = "none";
projectImage2.style.zIndex = "-1000";
// You can modify the description text dynamically or load it from somewhere else.
}
</script>
</body>
</html>