-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
358 lines (308 loc) · 17.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
<!doctype html>
<html>
<head>
<title>Artists in Resonance</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<i class="overlay-menu-icon fa fa-bars"></i>
<div class="overlay-menu">
<div class="container h-100 d-flex flex-column justify-content-center">
<div class="p-4 overlay-menu-item">
<a href="#">Home</a>
</div>
<div class="p-4 overlay-menu-item">
<a href="#videos">Videos</a>
</div>
<div class="p-4 overlay-menu-item">
<a href="#about">About</a>
</div>
<div class="p-4 overlay-menu-item">
<a href="#members">Members</a>
</div>
<div class="p-4 overlay-menu-item">
<a href="#news">News</a>
</div>
<div class="p-4 overlay-menu-item">
<a href="#contact">Members</a>
</div>
</div>
</div>
<div class="overlay-nav-container">
<div class="overlay-nav">
<nav>
<ul class="nav-list">
<li id="nav-home" style="font-weight: bold"><a href="#">Home</a></li>
<li id="nav-videos"><a href="#videos">Videos</a></li>
<li id="nav-about"><a href="#about">About</a></li>
<li id="nav-members"><a href="#members">Members</a></li>
<li id="nav-news"><a href="#news">News</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="container-fluid">
<!-- HOME -->
<div class="row">
<div id="header">
<h1>Artists in Resonance</h1>
<img src="images/air_logo.svg" id="home-logo">
<nav>
</nav>
</div>
</div>
</div>
<div class="container video">
<!-- VIDEOS -->
<div class="row">
<h2 id="videos">Videos</h2>
</div>
<div class="row">
<a class="sublink" href="https://www.youtube.com/user/ArtistsInResonance">More on Youtube</a>
</div>
<div class="row">
<p class="youtube">
<iframe
class="youtube"
src="https://www.youtube.com/embed/451tFKpJOxk"
frameborder="0"
allow="encrypted-media"></iframe>
</p>
</div>
</div>
<div class="container-fluid about">
<!-- ABOUT -->
<div class="container">
<div class="row">
<h2 id="about">About</h2>
</div>
<div class="row">
<p>
Artists in Resonance, casually known on campus as AiR!, is the premiere independent co-ed
a cappella group based out of the University of California, Berkeley. From our humble beginnings
in 1987, We now have fourteen amazing performers, performing every Monday at noon underneath Sather
Gate on campus. Our repertoire includes self-arranged pieces, everything from alternative rock and
hip-hop to traditional fight songs and Top 40 hits.
</p>
<p>
During the school year, you can find us singing on Sproul Plaza, but don' t be surprised if you also
see us at the Telegraph Street Fair, Jack London Square, or even Santa Cruz! We also perform all over
California at numerous events. We have made appearances at the Annual Big Sing-Off (UC Berkeley/Stanford),
the California A Cappella Festival (UC Los Angeles), the West Coast A Cappella Showcase (UC Berkeley),
and the International Championship of Collegiate A Cappella.
</p>
<p>
Each semester, we hold several concerts on campus at UC Berkeley. Check our website to stay updated
with concert dates and much more.
</p>
<p>
<a href="repertoire.html">View our full repertoire</a> <!-- put link in later -->
</p>
</div>
</div>
</div>
<div class="container">
<!-- MEMBERS -->
<div class="row">
<h2 id="members">Members</h2>
</div>
<div class="row">
<a class="sublink" href="./allmems.html">View Past Members</a>
</div>
<div class="row">
<div class="members-container">
<div class="member">
<img src="./images/Brandon.jpg">
<div class="overlay">
<div class="text">
<span>Brandon Weiss</span>
Hey, I’m Brandon! I’m a Senior majoring in Integrative Biology, and when I’m not with AiR or in Moffitt, I’m most likely standing in marshes for hours becoming one with the birds of Berkeley. I work for a veterinary clinic and animals, birds included, are my passion. I love trying new things, being with friends and family, and eating good food. Hope you enjoy our show! Now, sashay away.
</div>
</div>
</div>
<div class="member">
<img src= "./images/Charlyn.jpeg">
<div class="overlay">
<div class="text">
<span>Charlyn Manuyag</span>
Hi! My name is Charlyn, but people call me Char for short! I am a 4th year Engineering Physics major. I’m from Hawaii, but no, I don’t know how to hula hoop. In my spare time, I like to eat, gym and hang out with friends. I love AiR because it’s full of kind, supportive, tall people who can reach things on high shelves for me. More than anything, it is my family fully of music memories.
</div>
</div>
</div>
<div class="member">
<img src= "./images/Cora.jpeg">
<div class="overlay">
<div class="text">
<span>Cora Fesler</span>
Hey! My name is Cora and I’m a Freshman in Political Science and Music. I am originally from Mount Shasta, California, but I’m a city girl at heart. I’m that soprano who sings notes only dogs can hear, towers over everyone, and has a bad pun for every situation (beleaf me). Outside of music, I love to hike, backpack, swim, rant about politics, do theatre, play with my dog, travel and more. I like to stay busy and work hard, and this music fAirMily is what keeps me sane amidst it all.
</div>
</div>
</div>
<div class="member">
<img src="./images/Cory.jpg">
<div class="overlay">
<div class="text">
<span>Cory McCubbrey</span>
Hi, I’m Cory! I’m now in my second year at Cal studying Music and Computer Science. I’m from Humboldt County, the REAL NorCal where there’s a bunch of redwoods and no people. I love playing piano, making all kinds of music with people and sleeping all day. AiR has great people and great music so I’m having a blast. Come here us sing!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Dani.jpg">
<div class="overlay">
<div class="text">
<span>Danielle Satin</span>
<br>
Hi, I'm Dani! I am currently a third year, studying Environmental Earth Science, Music, and Education! I love to be outside and explore nature, as I am very passionate about this earth and all it has to give to us. In my free time, I love to play the keyboard, hike, drink coffee, listen to/ write music, spend time with my incredible friends, spread love, and eat!! I’m known for singing my sentences in normal conversations with people and for having an endless tolerance to caffeine (5 cups of coffee is normal, right?). I feel so luck to be a part of a group who simply wants to bring joy to others through music! Check us out!!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Evan.jpg"><div class="overlay">
<div class="text">
<span>Evan Chang</span>
Yello! My name’s Evan and I’m a third year studying Computer Science and Integrative Biology at Cal. When I’m not studying or at rehearsal, I like playing games and being a weeabo, reading manga or watching anime. I like going to the local animal shelter, helping out the vet there and playing with doggos! Im known in AiR for telling horrible jokes no one hears and smiling even when I average 3 hours a night, but most of all, for loving the group more than air itself (HA)!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Hunter.jpg">
<div class="overlay">
<div class="text">
<span>Hunter Casperson</span>
Heyo! I’m Hunter Casperson, a third year at Cal. I love to sing but I’m mainly known as the guy who makes weird noises. I compete nationally and last year I made it to the top 8 Beatboxers in America! AiR is one of my two families next to my fraternity and it is full of countless memories and music for me. Let’s get this one!!!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Isha.jpg">
<div class="overlay">
<div class="text">
<span>Isha Mangal</span>
Hey! My name is Isha and I’m a Sophomore double majoring in Cognitive Science and Data Science. I’m a Bay Area girl who secretly wants to move to New York, and when I’m not studying till 3am in Moffitt, I can be found songwriting, playing guitar, or going to concerts. Some of my hobbies include falling over and hurting myself on flat surfaces and constantly changing my mind about being PreMed. I can be bribed to do virtually anything for watermelon cubes.
</div>
</div>
</div>
<div class="member">
<img src= "./images/Izzy.jpg">
<div class="overlay">
<div class="text">
<span>Isabelle Kimura</span>
Hello there! My name is Izzy and I am a sophomore studying Biology. I’ve been Music Manager of AiR for a year now and when I’m not learning every voice part or arranging music for the group, I like to be eating, chilling with friends, or singing songs of my own. I hope that AiR makes everyone fall in love with music as much as I have. I love being in such a wonderful group, and most of all, I love it when I blow the pitch pipe and people are still talking…
</div>
</div>
</div>
<div class="member">
<img src= "./images/Jiajie.png">
<div class="overlay">
<div class="text">
<span>Jaijie Yu</span>
Hey there! My name is JiaJie! I am currently a first year from Colorado studying MCB and music. Outside of acapella, I’m always jamming to some nice tunes, or always on the hunt for amazing boba and food. My most commonly used phrases include “YEET” and “yah chill,” and if you see me on campus, say hey, but I probably won’t hear you because I wear Beats 16 hours out of the day. I love hanging out with friends and if there’s anything you should know about me, it’s that you’ll always catch me with positive vibes wherever.
</div>
</div>
</div>
<div class="member">
<img src= "./images/Joie.png">
<div class="overlay">
<div class="text">
<span>Joie Zhou</span>
Hey! I’m Joie! I’m a Freshman and as of now I’m PreMed, Computer Science, and currently losing my mind. When I’m not studying around the clock, I love to dance in AFX, play piano, hang out with friends, and watch Miyazaki films. I’m always busy, but I always make time for AiR, and I can’t wait to share all the craziness and love with everyone who comes to hear us.
</div>
</div>
</div>
<div class="member"
><img src= "./images/Kevin.jpg">
<div class="overlay">
<div class="text">
<span>Kevin Wang</span>
<br>
Hi everyone! My name is Kevin and I’m a Sophomore studying Computer Science. I’m also a brother at TKE and enjoy swimming, hiking, and watching TV shows. I like to help arrange or come up with cool ideas for our songs and I take great pride in having the talent to say puns which have the power to annoy anyone. AiR is my second family and I hope you enjoy our music as much as I do!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Rachel.jpg">
<div class="overlay">
<div class="text">
<span>Anastasha Rachel Gunawan</span>
Hola! I’m Rachel! I’m studying Economics and Data Science and I love peanut butta c: Besides constantly laughing and smiling over everything, my main hobbies are thinking about snacking, snacking, snacking again, and feeling bad about snacking. I wear nice clothes sometimes because my actual fashion preference consists of oversized t-shirts and sweatpants, so my mom does all my shopping. I love being around good people, going to concerts, trying new foods, and joking around with my FrAiRnds
</div>
</div>
</div>
<div class="member">
<img src= "./images/Reed.jpg">
<div class="overlay">
<div class="text">
<span>Reed Lievers</span>
Hello! My name is Reed and I am a sophomore from San Diego studying Society and Environment/Geography. I am interested in environmental public policy and politics and enjoy being outdoors and feeling guilty about climate change. Enjoy the show!
</div>
</div>
</div>
<div class="member">
<img src= "./images/Robbie.jpg">
<div class="overlay">
<div class="text">
<span>Robbie Li</span>
Hey I just met you, and this is crazy, but here’s my bio, so call me Robbie ≧◡≦ Hi! I am a Sophomore double majoring in Political Economy and Statistics. Instead of boba, I drink a lot of tea and coffee. Rather than staying up late, I wake up before 7am every day of the week. Besides singing with the amazing AiR, what I enjoy the most during my free time is napping in the afternoon, napping in a hammock, napping in front of a TV, and… well, you get the idea. I love the botanical garden and as an international student from China, I especially appreciate Berkeley and AiR, for making me feel at home and part of the fAiRmily. Hope to see you at one of our performances!
</div>
</div>
</div>
</div>
</div>
<!-- NEWS -->
<div class="news-container row container">
<h2 id="news">News</h2>
<div class="row">
<div class="news col-md-4">
<p class="news-date">Mar 09, 2018</p>
<h3 class="news-title">Fall 2016 Audition Results</h3>
<p>
Check out our new recruits in the members section!
</p>
</div>
<div class="news col-sm-12 col-md-4" >
<p class="news-date">Feb 23, 2018</p>
<h3 class="news-title">Weekly Sproul Performance</h3>
<p>
Come see and hear us perform a selection of songs from our
current repertoire every week by beautiful Sather Gate on the
UC Berkeley campus. Songs rotate from week to week, so don't
miss out!
</p>
</div>
<div class="news col-md-4">
<p class="news-date">Jan 1, 2018</p>
<h3 class="news-title">Fall 2018 Auditions!</h3>
<p>
Come to our auditions on Sproul!
</p>
</div>
</div>
</div>
<!-- CONTACT -->
<div class="footer row">
<div class="footer-col col-md-6 col-lg-4">
<img height="100" align="left" src="./images/air_logo_complete.svg">
</div>
<div class="footer-col col-md-6 col-lg-4">
<h4>Contact</h4>
<ul>
<li>[email protected]</li>
<li>[email protected] </li>
<li>[email protected] </li>
</ul>
</div>
<div class="footer-col col-md-12 col-lg-4" id="follow">
<h4>Follow</h4>
<a href="https://www.facebook.com/artistsinresonanceacappella/"><i class="fab fa-facebook"></i></a>
<a href="https://www.youtube.com/user/ArtistsInResonance"><i class="fab fa-youtube-square"></i></a>
</div>
</div>
</div>
<script src="nav.js"></script>
</body>
</html>