-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathteam.html
201 lines (178 loc) · 8.97 KB
/
team.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150539625-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-150539625-1');
</script>
<!-- Required meta tags -->
<link rel="icon" type="image/png" href="assets/img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="assets/img/favicon-16x16.png" sizes="16x16" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:image" content="assets/img/meta-image.png">
<title>MetroHacks</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Icon -->
<link rel="stylesheet" href="assets/fonts/line-icons.css">
<!-- Owl carousel -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.css">
<!-- Animate -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Main Style -->
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/hero_image.css">
<link rel="stylesheet" href="assets/css/_pulse.less">
<link rel="stylesheet" href="assets/css/hover.css">
<!-- Responsive Style -->
<link rel="stylesheet" href="assets/css/responsive.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.0.2/dist/simpleParallax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js"></script>
</head>
<body class = "bg-gray">
<!-- Header Area wrapper Starts -->
<header id="header-wrap">
<!-- Navbar Start -->
<nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<a href="index.html" class="navbar-brand"><img style="width: 100px;" src="assets/img/metrohackslogo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="lni-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul style="justify-content: flex-end; padding-right: 130px; color: black;" class="navbar-nav mr-auto w-100 clearfix">
<li class="nav-item">
<a class="nav-link" href="index.html#about" style="color: black;">
About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#events" style="color: black;">
Events
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#sponsors" style="color: black;">
Sponsor
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:sponsor@metrohacks.org" style="color: black;">
Become a Sponsor
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" style="color: black;">
Contact
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="team__card-container">
<div class="row align-items-center justify-content-center">
<div class="team__card">
<img class="team__card-image" src="assets/team/shrunothra.png" width="140" height="143" alt="Shrunothra Ambati"><p class="team__card-name-text">Shrunothra Ambati</p>
<p class="team__card-title-text">Co-Founder & Chair of Board</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/shrunothra/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/sushant.png" width="140" height="143" alt="Sushant Raj"><p class="team__card-name-text">Sushant Raj</p>
<p class="team__card-title-text">Board Member</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/sushantraj99/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/heemakshi.jpeg" width="140" height="143" alt="Heemakshi Deka"><p class="team__card-name-text">Heemakshi Deka</p>
<p class="team__card-title-text">Executive Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/heemakshi-d-647b4113b/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/julia.jpeg" width="140" height="143" alt="Julia Wu"><p class="team__card-name-text">Julia Wu</p>
<p class="team__card-title-text">Executive Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/julia-wu-946b2b14a/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/sruthi.png" width="140" height="143" alt="Sruthi Kurada"><p class="team__card-name-text">Sruthi Kurada</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/sruthi-kurada/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/nidhi.jpg" width="140" height="143" alt="Nidhi Pillai"><p class="team__card-name-text">Nidhi Pillai</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/nidhi-pillai-074a27180/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/anna.png" width="140" height="143" alt="Anna Grankin"><p class="team__card-name-text">Anna Grankin</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/anna-grankin-514826198/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/serena.jpeg" width="140" height="143" alt="Jennifer Dutra"><p class="team__card-name-text">Serena Behera</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/serena-behera-1a7a4418a/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/jiyoon.png" width="140" height="143" alt="Jiyoon Choi"><p class="team__card-name-text">Jiyoon Choi</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/jiyoon-choi-15072a196/" target="_blank"></a>
</div>
<div class="team__card">
<img class="team__card-image" src="assets/team/varsha.jpg" width="140" height="143" alt="Varsha Jacob"><p class="team__card-name-text">Varsha Jacob</p>
<p class="team__card-title-text">Director</p>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/in/varsha-jacob-028102203" target="_blank"></a>
</div>
</div>
</div>
<!-- Footer Section Start-->
<section id = "contact">
<footer id="footer">
<div class="container">
<div class="row copyright justify-content-between px-3">
<span>
© MetroHacks 2019 • Made with ♥ in Boston
</span>
<span id="footer-social-links">
<a class="fab fa-facebook social-links" href="https://www.facebook.com/MetroHacks/" target="_blank"></a>
<a class="fab fa-instagram social-links" href="https://www.instagram.com/teammetrohacks/" target="_blank"></a>
<a class="fab fa-twitter social-links" href="https://twitter.com/MetroHacks" target="_blank"></a>
<a class="fab fa-medium social-links" href="https://medium.com/@MetroHacks" target="_blank"></a>
<a class="fab fa-linkedin social-links" href="https://www.linkedin.com/company/7603099" target="_blank"></a>
<a class="fas fa-at social-links" href="mailto:info@metrohacks.org"></a>
</span>
</div>
</div>
</footer>
</section>
<!-- Footer Section End -->
<!-- Go to Top Link -->
<a href="#" class="back-to-top">
<i class="lni-arrow-up"></i>
</a>
<!-- Preloader -->
<!-- End Preloader -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/jquery.nav.js"></script>
<script src="assets/js/scrolling-nav.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/form-validator.min.js"></script>
<script src="assets/js/contact-form-script.min.js"></script>
<script src="assets/js/tooltip.js"></script>
</body>
</html>