-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
391 lines (315 loc) · 16.6 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Robocon IITP</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="./src/icon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<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/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<!-- Uncomment the line below if you also wish to use an image logo -->
<img src="src/icon.png" alt="">
<h1>Team Phoenix<span>.</span></h1>
</a>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
<nav id="navbar" class="navbar">
<ul>
<li><a href="index.html" >Home</a></li>
<li><a href="team.html">Team</a></li>
<li class="dropdown"><a href="#"><span>Resources</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="./report.pdf">Annual Report</a></li>
<li><a href="./Robotics Resource.pdf">Robotics Handbook</a></li>
<li><a href="https://tome.app/robocon-iitp/sponsorship-brochure-clk7tg7fs017emr3b1ecmazbx">Sponsorship Brochure</a></li>
</ul>
</li>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs d-flex align-items-center" style="background-image: url('src/site=pics/Workshop.jpg');">
<div class="container position-relative d-flex flex-column align-items-center" data-aos="fade">
<h2>Contact</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Contact</li>
</ol>
</div>
</div><!-- End Breadcrumbs -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-4">
<div class="info-item d-flex flex-column justify-content-center align-items-center">
<i class="bi bi-map"></i>
<h3>Our Address</h3>
<p>STC Room
IIT Patna</p>
</div>
</div><!-- End Info Item -->
<div class="col-lg-3 col-md-6">
<div class="info-item d-flex flex-column justify-content-center align-items-center">
<i class="bi bi-envelope"></i>
<h3>Email Us</h3>
<p>[email protected]</p>
</div>
</div><!-- End Info Item -->
<div class="col-lg-3 col-md-6">
<div class="info-item d-flex flex-column justify-content-center align-items-center">
<i class="bi bi-envelope"></i>
<h3>Contact Captain</h3>
<p>Panav Arpit Raaj</p>
<p>+91 9606158818</p>
</div>
</div><!-- End Info Item -->
<div class="col-lg-3 col-md-6">
<div class="info-item d-flex flex-column justify-content-center align-items-center">
<i class="bi bi-envelope"></i>
<h3>Contact Vice-Captain</h3>
<p>Piyush Tewari</p>
<p>+91 8859050121</p>
</div>
</div><!-- End Info Item -->
</div>
<div class="row gy-4 mt-1 col-lg-12 col-md-12">
<div class="col-lg-12 col-md-6 col-sm-4 ">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4907.933626295296!2d84.85078328898862!3d25.534690593022475!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398d577165536fcf%3A0x837899205adbc197!2sTinkering%20Lab!5e1!3m2!1sen!2sin!4v1690849609304!5m2!1sen!2sin" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div><!-- End Google Maps -->
</div>
</div>
</section><!-- End Contact Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials section-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Testimonials</h2>
</div>
<div class="slides-2 swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/archit.jpg" class="testimonial-img" alt="">
<h3>Archit Anand</h3>
<h4>Alumni and Team Captain 2021-2022</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Traversing the peaks and valleys of this glorious journey, we went through it all together. From its dormancy during challenging times to its emergence fully rejuvenated, our team kept the lore of the phoenix alive! <i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/akshat.jpg" class="testimonial-img" alt="">
<h3>Akshat Jain</h3>
<h4>Alumni and Team Captain 2020-2021</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
We can draw a lot of motivation and inspiration from our team because just like the Pheonix, they have come out more stronger and ambitious than before.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/pratham.jpg" class="testimonial-img" alt="">
<h3>Pratham Chaudhary</h3>
<h4>Team Captain 2022-2023</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Being part of Team Phoenix has truly been the most amazing memories of my college journey so far. It has been an incredible experience where I had the privilege of learning and collaborating with passionate individuals who share the same 'hunger' to tinker.
Witnessing the team uphold the legacy and elevate it to new heights is truly gratifying.
This journey taught me a precious lesson:
"Failure is never truly an option if the yardstick of your success is the knowledge you gain."
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/piyush.1.jpg" class="testimonial-img" alt="">
<h3>Piyush Tewari</h3>
<h4>Vice-Captain 2023-2024</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Success is an easy path if interest is your driver
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/Dewansh.jpg" class="testimonial-img" alt="">
<h3>Devansh Choudhary</h3>
<h4>Alumni and Vice-Captain 2021-2022</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Being a part of Robocon club has been an exhilarating adventure, filled with unforgettable moments of collaboration, learning, and growth. From building robots to competing on grand stages, we've embraced challenges and celebrated victories together. This club is more than just a team; it's a family united by the love for robotics. I'm proud to call myself a Phoenix, soaring higher with every endeavor.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/panav.jpg" class="testimonial-img" alt="">
<h3>Panav Arpit Raaj</h3>
<h4>Team Captain 2023-2024</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
This team thrives on competition, distinct from clubs driven by interest or hobbies. ABU Robocon boasts fierce competition where deadlines could equate to elimination. Striving for excellence is essential, as we must surpass the efforts of numerous competing teams across Asia. <i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/rohit-gupta.jpeg" class="testimonial-img" alt="">
<h3>Rohit Gupta</h3>
<h4>Alumni and Team Captain 2017-2018</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
CTO and Co-Founder of RangeAero, an aviation-logistics based startup operating from Bangalore.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/nikhil.jpg" class="testimonial-img" alt="">
<h3>Nikhil Singh</h3>
<h4>Team Member 2022-2024</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
The competition not only challenged my technical skills but also fostered teamwork, creativity, and problem-solving. Building and programming a robot from scratch was both rewarding and educational. <i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="./src/photos/rishav.jpg" class="testimonial-img" alt="">
<h3>Rishav Mitra</h3>
<h4>Team Member 2022-2024</h4>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Joining Team Phoenix, the RoboCon team of IIT Patna, offers endless opportunities and serves as a perfect platform for showcasing existing skills and developing new ones. Personally, I credit more than half of my current Techstack to my time with Robocon - IIT Patna! Undoubtedly, it's the most vibrant association of brilliant minds on our campus. <i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer orange">
<div class="footer-content position-relative ">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="footer-info orange">
<h3>Robocon IIT Patna</h3>
<p>
STC Room<br> IIT Patna<br>
<strong>Email:</strong> [email protected] <br>
</p>
<div class="social-links d-flex mt-4">
<a href="https://m.facebook.com/teamphoenixiitp" class="d-flex align-items-center justify-content-center"><i class="bi bi-facebook"></i></a>
<a href="https://instagram.com/robocon.iitp?igshid=MzRlODBiNWFlZA==" class="d-flex align-items-center justify-content-center"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/company/team-phoenix-robocon-iit-patna/" class="d-flex align-items-center justify-content-center"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div><!-- End footer info column-->
<div class="col-lg-2 col-md-3 footer-links orange">
<h4>Resources</h4>
<ul>
<li><a href="./Robotics Resource.pdf">Robotics Handbook</a></li>
<li><a href="./report.pdf">Annual Report (Restricted)</a></li>
<li><a href="https://tome.app/robocon-iitp/sponsorship-brochure-clk7tg7fs017emr3b1ecmazbx">Sponsorship Brochure</a></li>
</ul>
</div><!-- End footer links column-->
<div class="col-lg-3 col-md-5 footer-links orange">
<h4>Handles</h4>
<ul>
<li><a href="https://instagram.com/robocon.iitp?igshid=MzRlODBiNWFlZA==">Instagram</a></li>
<li><a href="https://m.facebook.com/teamphoenixiitp">Facebook</a></li>
<li><a href="https://www.linkedin.com/company/team-phoenix-robocon-iit-patna/">LinkedIn</a></li>
<li><a href="https://www.ketto.org/fundraiser/participation-in-dd-robocon-2023">Ketto</a></li>
</ul>
</div><!-- End footer links column-->
</div>
</div>
</div>
<div class="footer-legal text-center position-relative">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Robocon IIT Patna</span></strong>. All Rights Reserved<br>
<p>Made by: Panav Arpit Raaj ,Nikhil Singh ,Ayush Soni</p>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<style>
h4{
font-size: 24px;
color: #f03a03;
margin: 0;
}
</style>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.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/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>