-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
executable file
·597 lines (561 loc) · 26.1 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
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SUTD Graduate Students Association</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<!--
Template 2075 Digital Team
http://www.tooplate.com/view/2075-digital-team
-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/et-line-font.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<link rel="stylesheet" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
<!-- preloader section -->
<div class="preloader">
<div class="sk-spinner sk-spinner-circle">
<div class="sk-circle1 sk-circle"></div>
<div class="sk-circle2 sk-circle"></div>
<div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div>
<div class="sk-circle5 sk-circle"></div>
<div class="sk-circle6 sk-circle"></div>
<div class="sk-circle7 sk-circle"></div>
<div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div>
<div class="sk-circle11 sk-circle"></div>
<div class="sk-circle12 sk-circle"></div>
</div>
</div>
<!-- navigation section -->
<!-- hello test 1 2 3 -->
<section class="navbar navbar-fixed-top custom-navbar" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="images/gsa-logo.png" height="42" width="42" alt="gsa logo" align="left">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand"> SUTD GSA</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="smoothScroll">HOME</a></li>
<li><a href="#about" class="smoothScroll">ABOUT</a></li>
<li><a href="#upcoming-events" class="smoothScroll">UPCOMING EVENTS</a></li>
<li><a href="#team" class="smoothScroll">EXCO</a></li>
<li><a href="#gallery" class="smoothScroll">GALLERY</a></li>
<li><a href="questions.html" class="smoothScroll">FAQ</a></li>
<li><a href="#contact" class="smoothScroll">CONTACT</a></li>
</ul>
</div>
</div>
</section>
<!-- home section -->
<section id="home">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3>SUTD GRADUATE STUDENTS ASSOCIATION</h3>
<h1>WELCOME !</h1>
<hr>
<a href="#about" class="smoothScroll btn btn-danger">What we do</a>
<a href="#contact" class="smoothScroll btn btn-default">Keep in touch</a>
</div>
</div>
</div>
</section>
<!-- work section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title">
<strong>01</strong>
<h1 class="heading bold">ABOUT</h1>
<hr>
<p>Representing the graduate students of SUTD (Master and PhD students), we ensure that the the graduate population’s wellbeing are being taken care of and their concerns are addressed.</p>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInUp text-center" data-wow-delay="0.3s">
<h3>VISION</h3>
<hr>
<p>To build a platform for technically and socially competent leaders to serve the graduate community and beyond</p>
</div>
<br>
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInUp text-center" data-wow-delay="0.3s">
<h3>MISSION</h3>
<hr>
<ul class="list-group">
<li class="list-group-item" style="border: none; background: none"> To enrich graduate students’ campus life by advancing academic and social interests</li>
<li class="list-group-item" style="border: none; background: none"> To connect all graduate students and establish links with industries</li>
<li class="list-group-item" style="border: none; background: none"> To address the welfare of graduate students</li>
</ul>
</div>
</div>
</div>
</section>
<!-- about section -->
<section id="upcoming-events">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title">
<strong>02</strong>
<h1 class="heading bold">EVENTS OF 2021</h1>
<hr>
</div>
</div>
<div class="col-md-6 col-sm-12">
<img src="images/Wellness.jpg" class="img-responsive">
</div>
<div class="col-md-6 col-sm-12" >
<img src="images/SUTD_3MT.jpg" class="img-responsive" alt="about">
<h3>SUTD 3MT Event</h3>
<p>Video Submission: 14th June 2021   Final Results: 22nd June 2021</p>
</div>
<div class="col-md-6 col-sm-12">
<!-- <!-- Nav tabs -->
<!--ul class="nav nav-tabs" role="tablist">
<!-- <li class="active"><a href="#culture" aria-controls="culture" role="tab" data-toggle="tab">CULTURE SHIOK!</a></li> -->
<!--li><a href="https://forms.office.com/r/vrtjj2b0k2" aria-controls="subcomm" role="tab" data-toggle="tab">SUB-COMMITTEE RECRUITMENT</a></li>
</ul> -->
<!-- tab panes -->
<div class="tab-content">
<!-- <div role="tabpanel" class="tab-pane active" id="culture">
<p>This event aims to foster integration among both current and new PhD students from
different nationalities and cultures by appreciating and celebrating diversity. During this
event, students can learn facts about other countries, their national language and even
sample some national cuisine from their peers. One of the core focus countries will be
Singapore - it's people, language, history and of course, the national food. Students new to
Singapore will have some insights into the Singaporean way of life. This event also serves
as a platform for cultural exchange between both local and international students in an
informal setting.</p>
</div> -->
</div>
</div>
</div>
</div>
</section>
<hr>
<!-- team section -->
<section id="team">
<!-- container start -->
<div class="container">
<!-- overall row start -->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<strong>03</strong>
<h1 class="heading bold">EXECUTIVE COMMITTEE</h1>
<hr>
</div>
</div>
<!-- first row start -->
<div class="row">
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.9s">
<div class="team-wrapper">
<img src="images/team/Chadur.jpg" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Chadurvedi Venkatesan</h4>
<h3>President</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/chadurvedi-venkatesan-75498ab5/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<li><a href="https://www.facebook.com/chadur.venkat" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>
<li><a href="https://www.instagram.com/chadurvenkat/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>“What we learn with passion, we never forget”- Graduate life revolves around milestones and targets. Graduate Student Association (GSA) is committed for the betterment of student life at SUTD. Our goal is to provide a platform for exchange of knowledge and ideas, facilitating multi-disciplinary collaboration and collective intelligence. We are delighted to share fun-filled experience in your graduate life.</p>
</div>
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.3s">
<div class="team-wrapper">
<img src="images/team/Kenny.jpg" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Kenny Ong Jun Hao</h4>
<h3>Vice President</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/kennyongjh/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<li><a href="https://www.facebook.com/kennyongmusic/" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>
<li><a href="https://www.instagram.com/techiekenny/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>“Loving what you do leads you to happiness and success”- Through M.A.D (Making A Difference) together in the SUTD Graduate community, we can create an easier, exciting, and extraordinary journey for one to take. OGS and GSA are here to journey with SUTD Graduates! </p>
</div>
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.6s">
<div class="team-wrapper">
<img src="images/team/Yong.JPG" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Ding Yongfeng</h4>
<h3>General Secretary</h3>
<hr>
<ul class="social-icon">
<!--<li><a href="https://www.linkedin.com/in/yvonne-wong-903397116/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>-->
<!--<li><a href="https://www.facebook.com/wong.yubing" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>-->
<!--<li><a href="https://www.instagram.com/yvonnewongyb/?hl=en" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>-->
</ul>
</div>
</div>
<hr>
<p>“Graduate Life should be interesting and wonderful, instead of being monotonous.GSA is there for you, to enrich your campus life, accompany you through happiness and sorrow, and be a part of your life. Let’s create, design and share a meaningful journey together.</p>
</div>
</div>
<!-- first row end -->
<!-- second row start -->
<div class="row">
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.9s">
<div class="team-wrapper">
<img src="images/team/Murali.jpg" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Murali Krishnan</h4>
<h3>Events Director</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/r-murali-krishnan-a9345b118/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<!--<li><a href="https://www.facebook.com/elifesraaydin" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>-->
<li><a href="https://www.instagram.com/murali_k_ram/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>“Never be too busy to meet someone new” - To make people involved within the Graduate Student SUTD students have a demanding academic schedule, balancing between full- or part-time work and their personal lives. We hope to encourage more engagement within the graduate community. So, GSA is here to create your academic time fruitfully. By enhancing your skills and knowledge, and finding connections through the student organization, these experiences help you to become a well-rounded individual.
</p>
</div>
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.3s">
<div class="team-wrapper">
<img src="images/team/Thileepan.JPG" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Thileepan Stalin</h4>
<h3>Academic Director</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/thileepanstalin/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<li><a href="https://www.facebook.com/thileepanstalin/" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>
<li><a href="https://www.instagram.com/thileepans/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>"Learn Together and Grow Together". Everyone has ups and downs in their graduate life and research work. We will organize events for students to share their ideas, network and develop their skills. As members of GSA, we will make sure no one is left alone. "We are in this together!"
</p>
</div>
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.6s">
<div class="team-wrapper">
<img src="images/team/Arturo.JPG" class="img-responsive" alt="team img">
<div class="team-des">
<h4> Arturo Castillo Ugalde</h4>
<h3>Finance Director</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/arturo-castillo-699762b9" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<!--<li><a href="https://www.facebook.com/hitesh.bhardwaj1402/" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>-->
<!--<li><a href="https://www.instagram.com/hiteshbhardwaj14/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>-->
</ul>
</div>
</div>
<hr>
<p>"Unity Is Strength"- Being part of GSA is a unique opportunity to enhance the experience of graduate students during their SUTD journey. My commitment with GSA is working towards a joyful and exciting experience for the graduate community, providing events that enrich the amazing experience of being a scholar at SUTD.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.6s">
<div class="team-wrapper">
<img src="images/team/Rajesh.jpg" class="img-responsive" alt="team img">
<div class="team-des">
<h4>Balaraman Rajesh Kumar</h4>
<h3>Outreach Director</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/rajesh-kumar-balaraman-8a4b937b/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<li><a href="https://www.facebook.com/RAJESHKUMAR.RAJIROVER" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>
<li><a href="https://www.instagram.com/raji_rover/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>“One who is mild rather than forceful has greater capacity for outreach"- I look forward to engaging Graduate Students through advancing outreach partnerships and opportunities by strengthening their coordination with a multitude of diverse education and outreach initiatives. </p>
</div>
<div class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="1.6s">
<div class="team-wrapper">
<img src="images/team/Sou.jpg" class="img-responsive" alt="team img">
<div class="team-des">
<h4>M Souganttika</h4>
<h3>Media Director</h3>
<hr>
<ul class="social-icon">
<li><a href="https://www.linkedin.com/in/souganttika-murugesan-058a91171/" class="fa fa-linkedin wow fadeIn" data-wow-delay="0.3s"></a></li>
<!--<li><a href="https://www.facebook.com/vishaka.thilini" class="fa fa-facebook wow fadeIn" data-wow-delay="0.6s"></a></li>-->
<li><a href="https://www.instagram.com/_.souganttika._/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.9s"></a></li>
</ul>
</div>
</div>
<hr>
<p>“None of us is smarter than all of us”- A collated effort and mutual support for each other provides fruitful results during the Graduate Student Journey. At GSA, we aim to form a cohesive and inclusive society that helps in the betterment of the individual both professionally and personally.</p>
</div>
</div>
<div class="tab-content">
<div class="section-title">
<strong></strong>
<h1 class="heading bold">SUB-COMMITTEE</h1>
<hr>
</div>
<div role="tabpanel" class="tab-pane active" id="subcomm">
<p>Registration for Sub-committee of GSA is open! Click <a href="https://forms.office.com/r/vrtjj2b0k2">here</a> to register</p>
</div>
</div>
<!-- second row end -->
<!-- <div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<h1 class="heading bold">SUBCOMMITTEE</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Gulten_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Gulten Gokayaz</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Jiayi_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Ng Jia Yi</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Penny_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Penny Chong</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Marie_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Marie Siew</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Suji_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Sujithra Raviselvam</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Mary_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Benjamin Mary Priscilla</b><br>Event</p>
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Samantha_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Samantha Chan</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Zeynep_Event.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Zeynep Duygu Tekler</b><br>Event</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Tianqi_Academic.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Tianqi Chen</b><br>Academic</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Yadu_Academic.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Yadunund Vijay</b><br>Academic</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/no_photo.png" class="img-responsive" alt="team img" height="500" width="500">
</div>
<p><b>Thomas Wortmann</b><br>Academic</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/no_photo.png" class="img-responsive" alt="team img" height="500" width="500">
</div>
<p><b>Chongwen Huang</b><br>Academic</p>
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Jyo_Media.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Jyothsna Vasudevan</b><br>Media</p>
<p></p>
</div>
<div class="col-md-2 col-sm-4">
<div class="team-wrapper">
<img src="images/team/subcomm/Jiangliang_Media.JPG" class="img-responsive" alt="team img">
</div>
<p><b>Jiangliang Jin</b><br>Media</p>
<p></p>
</div>
</div> -->
</div>
<!-- overall row end -->
</div>
<!-- container end -->
</section>
<!-- portfolio section -->
<div id="gallery">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title">
<strong>04</strong>
<h1 class="heading bold">GALLERY</h1>
<hr>
</div>
<!-- ISO section -->
<div class="iso-section">
<ul class="filter-wrapper clearfix">
<li><a href="#" data-filter="*" class="selected opc-main-bg">All</a></li>
<li><a href="#" class="opc-main-bg" data-filter=".sports">Sports</a></li>
<li><a href="#" class="opc-main-bg" data-filter=".academic">Academic</a></li>
<li><a href="#" class="opc-main-bg" data-filter=".recreation">Recreation</a></li>
<li><a href="#" class="opc-main-bg" data-filter=".others">Others</a></li>
</ul>
<div class="iso-box-section wow fadeIn" data-wow-delay="0.9s">
<div class="iso-box-wrapper col4-iso-box">
<div class="iso-box recreation col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/gradBBQ.jpg" data-lightbox-gallery="portfolio-gallery" title="Grad BBQ"><img src="images/gallery/gradBBQ.jpg" alt="portfolio img"></a>
</div>
<div class="iso-box sports recreation col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/gradFit.jpg" data-lightbox-gallery="portfolio-gallery" title="Grad Fit"><img src="images/gallery/gradFit.jpg" alt="portfolio img"></a>
</div>
<div class="iso-box recreation col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/culturalTour.jpg" data-lightbox-gallery="portfolio-gallery" title="Cultural Tour"><img src="images/gallery/culturalTour.jpg" alt="portfolio img"></a>
</div>
<div class="iso-box academic col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/3mt.jpg" data-lightbox-gallery="portfolio-gallery" title="3MT Competition"><img src="images/gallery/3mt.jpg" alt="portfolio img"></a>
</div>
<div class="iso-box others col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/matriculation.jpg" data-lightbox-gallery="portfolio-gallery" title="Matriculation"><img src="images/gallery/matriculation.jpg" alt="portfolio img"></a>
</div>
<div class="iso-box recreation col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/Matriculation2021.jpeg" data-lightbox-gallery="portfolio-gallery" title="Matriculation Sep 2021"><img src="images/gallery/Matriculation2021.jpeg" alt="portfolio img"></a>
</div>
<div class="iso-box recreation col-lg-4 col-md-4 col-sm-6">
<a href="images/gallery/cnyluncheon.jpg" data-lightbox-gallery="portfolio-gallery" title="Chinese New Year Luncheon"><img src="images/gallery/cnyluncheon.jpg" alt="portfolio img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- contact section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title">
<strong>05</strong>
<h1 class="heading bold">CONTACT US</h1>
<hr>
</div>
</div>
<div class="col-md-12 col-sm-12 contact-info text-center">
<p class="text-center">Any feedbacks or suggestions are most welcomed!</p>
<ul class="social-icon">
<li><h3><a href='mailto:[email protected]'><i class="fa fa-envelope medium-icon wow bounceIn" data-wow-delay="0.3s"></a></i></h3>
<!-- <p>[email protected]</p> -->
</li>
<li>
<h3><a href='https://www.facebook.com/SUTDGSA'><i class="fa fa-facebook medium-icon wow bounceIn" data-wow-delay="0.6s"></a></i></h3>
</li>
<li>
<h3><a href='https://www.instagram.com/sutdgrad/'><i class="fa fa-instagram medium-icon wow fadeIn" data-wow-delay="0.6s"></a></i></h3>
</li>
</ul>
</div>
<!-- <div class="col-md-6 col-md-offset-3 col-sm-12">
<form action="#" method="get" class="wow fadeInUp" data-wow-delay="0.6s">
<div class="col-md-6 col-sm-6">
<input type="text" class="form-control" placeholder="Name" name="name">
</div>
<div class="col-md-6 col-sm-6">
<input type="email" class="form-control" placeholder="Email" name="email">
</div>
<div class="col-md-12 col-sm-12">
<textarea class="form-control" placeholder="Message" rows="7" name="message"></textarea>
</div>
<div class="col-md-offset-4 col-md-8 col-sm-offset-4 col-sm-8">
<input type="submit" class="form-control" value="SEND MESSAGE">
</div>
</form>
</div> -->
</div>
</div>
</section>
<!-- footer section -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<p>© SUTD GSA 2017 | Design by <a href="http://www.tooplate.com" target="_parent">Tooplate</a></p>
<!-- <hr>
<ul class="social-icon">
<li><a href="https://www.facebook.com/SUTDGSA/" class="fa fa-facebook wow fadeIn" data-wow-delay="0.3s"></a></li>
<li><a href="https://www.instagram.com/sutdgrad/" class="fa fa-instagram wow fadeIn" data-wow-delay="0.6s"></a></li>
<li><a href='mailto:[email protected]' class="fa fa-email wow fadeIn" data-wow-delay="0.6s"></a></li>
</ul> -->
</div>
</div>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/isotope.js"></script>
<script src="js/imagesloaded.min.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>