-
Notifications
You must be signed in to change notification settings - Fork 1
/
team.html
170 lines (153 loc) · 6.22 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
<!DOCTYPE html>
<html>
<head>
<title>SwampHacks - Team</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/create-account.css">
<link rel="stylesheet" type="text/css" href="css/resume.css">
<link rel="stylesheet" type="text/css" href="css/team.css">
</head>
<body>
<div class="container">
<section id="image-header">
<a href="http://swamphacks.com">
<img class="back" src="img/back-arrow.png" class="logo" />
<img class="logo" src="img/logo.png" class="logo" />
</a>
</section>
<section id="thankyou-header">
<h2 class="our-team">#SWAMPHACKSFAM</h2>
<h4 class="our-team">SwampHacks is organized and run completely by students, for students. These are the ones that made it happen in 2017.</h2>
<!-- team gif -->
<div class="gif">
<img src="img/gifs/stills/group.jpg" class="giffy group" />
</div>
</section>
<!-- members -->
<section id="team-members">
<div class="row organizers">
<div class="col-md-4">
<div class="gif">
<p class = "name">Austin Brown</p>
<img src="img/gifs/stills/austin.jpg" alt="Austin" class="individual austin">
<p class="role">Web Developer</p>
<p class="description">Loves JavaScript, photography, and a toasted everything bagel. <span>👀</span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class = "name">Susanne Chan</p>
<img src="img/gifs/stills/susanne.jpg" alt="susanne" class="individual susanne">
<p class="role">Activities Coordinator</p>
<p class="description">I code, spew fun facts, and survive on sweets. Cooler than the other side of the pillow. <span>☯</span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class="name">Alexa Cook</p>
<img src="img/gifs/stills/alexa.jpg" alt="Alexa" class="individual alexa">
<p class="role">Director of Marketing</p>
<p class="description">Addicted to adventures and sushi. <span>🍣</span></p>
</div>
</div>
</div>
<div class="row organizers">
<!-- <h3 style="text-align: center;">Organizers</h3> -->
<div class="col-md-4">
<div class="gif">
<p class = "name">Gianne Flores</p>
<img src="img/gifs/stills/gianne.jpg" alt="Gianne" class="individual gianne">
<p class="role">Travel Coordinator</p>
<p class="description">Small girl who likes food, dogs and coding.</p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class="name">Killian McCoy</p>
<img src="img/gifs/stills/Killian.jpg" alt="Killian" class="individual killian">
<p class="role">Co-Organizer</p>
<p class="description">Just keep swimming! <span>🐟 🐠 💁</span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class = "name">Gonzalo Nunez</p>
<img src="img/gifs/stills/Gonzi.jpg" alt="Gonzi" class="individual Gonzi">
<p class="role">Mobile Developer</p>
<p class="description">Likes to make apps and read books when he's not sleeping.</p>
</div>
</div>
</div>
<div class = "row organizers">
<div class="col-md-4">
<div class="gif">
<p class = "name">Javier Ramirez</p>
<img src="img/gifs/stills/javier.jpg" alt="Javier" class="individual javier">
<p class="role">Sponsorship Coordinator</p>
<p class="description">Senior. Big fan of traveling and finding cool new places to eat.</p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class="name">Caleb Robey</p>
<img src="img/gifs/stills/caleb.jpg" alt="Caleb" class="individual caleb">
<p class="role">Treasurer</p>
<p class="description">Doesn't believe Shakespeare actually existed. Loves riding horses into sunsets. <span>🛁</span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class = "name">Jeffrey Shao</p>
<img src="img/gifs/stills/jeff.jpg" alt="Jeff" class="individual jeff">
<p class="role">Operations Coordinator</p>
<p class="description">My friends are my power. <span>👑 🔑</span></p>
</div>
</div>
</div>
<div class="row organizers">
<div class="col-md-4">
<div class="gif">
<p class="name">Sam Soto</p>
<img src="img/gifs/stills/sam.jpg" alt="sam" class="individual sam">
<p class="role">Director of Logistics</p>
<p class="description">Electrical Engineering & Logistics are my thing. Food, Puns, & Jimmy Fallon keep me going. <span>❤ </span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class="name">Nikhil Thota</p>
<img src="img/gifs/stills/nikhil.jpg" alt="Nikhil" class="individual nikhil">
<p class="role">Director of Tech</p>
<p class="description">Is a fan of tea, handshakes, and the brain. Is actually a zombie. <span>💀</span></p>
</div>
</div>
<div class="col-md-4">
<div class="gif">
<p class="name">Takashi Wickes</p>
<img src="img/gifs/stills/takashi.jpg" alt="takashi" class="individual takashi">
<p class="role">Co-Organizer</p>
<p class="description">Likes lavenders. Loves ice cream. Is himself a lavender ice cream with a side of waffle cone.</p>
</div>
</div>
</div>
<div class="row organizers">
<div class="col-md-4">
<div class="gif">
<p class="name">Andrew Zhang</p>
<img src="img/gifs/stills/andrew.jpg" alt="Andrew" class="individual andrew">
<p class="role">Sponsorship Coordinator</p>
<p class="description">Aspiring software engineer, professional coffee drinker.</p>
</div>
</div>
</div>
</div>
</section>
<!-- scriptz -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?2.2.2"></script>
<script src="js/gifs.js"></script>
</body>
</html>