-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (250 loc) · 16.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024"> <!-- see ref.less for default content width -->
<title>Spark SC · Student Innovation at USC</title>
<meta name="description" content="Spark SC empowers students to develop their entrepreneurial potential by fostering collaboration and igniting innovation. We provide both new and current innovators with industry mentorship, and connect them with like-minded individuals in the community.">
<link rel="icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script data-main="js/app.js" src="js/libs/require.js"></script>
<style>
/* Prevent the slideshow from flashing on load */
#slides {
display: none
}
/* Center the slideshow */
.container {
margin: 0 auto
}
/* Show active item in the pagination */
.slidesjs-pagination .active {
color:red;
}
</style>
<!-- TODO: highlight navbar to show current section of the page -->
</head>
<body>
<section class="splash" id="splash">
<section>
<h1>Spark SC</h1> <!-- for metadata purposes. removed using display: none; -->
<img class="letterhead" id="letterhead" src="img/letterhead-full.svg" alt="Spark SC">
</section>
</section>
<nav class="navigation" id="navigation">
<section>
<ul id="navigation-list">
<img id="navigation-logo" src="
img/logo.svg" alt="Spark SC">
<li id="ourmission-link" class="link-left">Our Mission</li>
<li id="events-link">Events</li>
<li id="ourteam-link">Our Team</li>
<li id="techla-link">TechLA</li>
<li id="contact-link">Contact</li>
</ul>
</section>
</nav>
<section class="ourmission" id="ourmission">
<section>
<div><h2>Our mission</h2><p> is to inspire a culture of innovation, expose students to hands-on experiences, support current innovators with mentorship, and connect like-minded individuals within the community.</p></div>
</section>
<section>
<!-- <section id="slides">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
</section> -->
</section>
</section>
<section class="events" id="events">
<section>
<div id="date">Spring 2015</div>
<h2>Events</h2>
<ul id="events-list">
<li><div class="event-title"><a href="http://startupcareerfair.sparksc.org/" style="color: inherit; text-decoration: none">Startup Career Fair</a></div><div class="event-description">Small Companies, Big Opportunities</div></li>
<li><div class="event-title"><a href="https://www.facebook.com/groups/uschacknights/" style="color: inherit; text-decoration: none">Hack Nights</a></div><div class="event-description">Weekly Maker Meetup</div></li>
<li><div class="event-title">Arts, Grooves, and Foods</div><div class="event-description">Interdisciplinary Entrepreneurship</div></li>
<li><div class="event-title">Design Workshops</div><div class="event-description">Empowering Creative Thinking</div></li>
</ul>
<section id="events-content">
<div id="highlight"><iframe src="https://www.youtube.com/embed/7H0_H_-PTUg" width="100%" height="346" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</section>
</section>
</section>
<section class="blurb" id="sparkscis">
<section>
<p>Spark SC is a council of 16 student leaders and 9 student organizations seeking to provide students of all disciplines with the resources and environment needed to achieve their innovative ideas.</p>
</section>
</section>
<section class="ourteam" id="ourteam">
<section>
<h2>Our Team</h2>
<section id="sparkleaders">
<div class="grid">
<div class="profile"><img src="img/coreteam/NeelBhoopalam.jpg" alt="Neel Bhoopalam">
<div class="profile-info">
<!--<div class="profile-name">Neel Bhoopalam</div>-->
<div class="profile-title">President</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>neel</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Neel Bhoopalam</div></div>
</div>
<div class="profile"><img src="img/coreteam/StephenChen.jpg" alt="Stephen Chen">
<div class="profile-info">
<!--<div class="profile-name">Stephen Chen</div>-->
<div class="profile-title">Director of Technology</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>stephen</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Stephen Chen</div></div>
</div>
<div class="profile"><img src="
img/coreteam/CalvinLegassick.jpg" alt="Calvin Legassick">
<div class="profile-info">
<!--<div class="profile-name">Calvin Legassick</div>-->
<div class="profile-title">Director of Development</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>calvin</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Calvin Legassick</div></div>
</div>
<div class="profile"><img src="img/coreteam/AdenaBauer.jpg" alt="Adena Bauer">
<div class="profile-info">
<!--<div class="profile-name">Adena Bauer</div>-->
<div class="profile-title">Director of Operations</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>adena</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Adena Bauer</div></div>
</div>
<div class="profile"><img src="
img/coreteam/MeganPark.jpg" alt="Megan Park">
<div class="profile-info">
<!--<div class="profile-name">Megan Park</div>-->
<div class="profile-title">Director of Branding</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>megan</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Megan Park</div></div>
</div>
<div class="profile"><img src="img/coreteam/MichaelChang.jpg" alt="Michael Chang">
<div class="profile-info">
<!--<div class="profile-name">Michael Chang</div>-->
<div class="profile-title">Director of Special Projects</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>michael</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Michael Chang</div></div>
</div>
<div class="profile"><img src="img/coreteam/EricWang.jpg" alt="Eric Wang">
<div class="profile-info">
<!--<div class="profile-name">Matias Franco</div>-->
<div class="profile-title">Director of Community</div>
<div class="profile-email"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org"><strong>eric</strong>@sparksc.org</a></div>
</div>
<div class="profile-subtitle"><div>Eric Wang</div></div>
</div>
<div class="profile-block">
<div class="interested">
<div id="interested-leader">Interested? Reach out to us: <a href="mailto:[email protected]?Subject=Hello From SparkSC.org">[email protected]</a></div>
</div>
</div>
</div>
</section>
</section>
</section>
<section class="howdowework blurb" id="howdowework">
<section>
<h3>How do we work?</h3>
<p>Spark SC is led by a team of diverse students who oversee the events, contacts, and professional platforms centered in the organization. This team is advised by and communicates with a variety of established student organizations within Spark SC to more fully understand the various interests in USC’s innovative community of students.</p>
</section>
</section>
<section class="ourteam" id="ourteam2">
<section>
<h3>Spark Council</h3>
<section id="sparkcouncil">
<div class="grid">
<div class="profile"><a href="https://www.facebook.com/usccorpuscallosum" target="_blank"><img src="img/orgs/corpuscallosum.jpg" alt="Corpus Callosum"></a></div>
<div class="profile"><a href="http://usclavalab.org/" target="_blank"><img src="img/orgs/LavaLab.png" alt="LavaLab"></a></div>
<div class="profile"><a href="http://www.uscgirlsintech.org/" target="_blank"><img src="img/orgs/GIT.png" alt="Girls In Tech"></a></div>
<div class="profile"><a href="http://www.nobenational.org/usc/home.php" target="_blank"><img src="img/orgs/NOBE.png" alt="NOBE"></a></div>
<div class="profile"><a href="http://uscacm.org/" target="_blank"><img src="img/orgs/ACM.jpg" alt="Association of Computing Machinery"></a></div>
<div class="profile"><a href="http://startupequinox.com/" target="_blank"><img src="img/orgs/StartupEquinox.jpg" alt="Startup Equinox"></a></div>
<div class="profile"><a href="http://www.designforamericausc.com" target="_blank"><img src="img/orgs/DFA.png" alt="Design For America"></a></div>
<div class="profile"><a href="http://tommytalks.org/" target="_blank"><img src="img/orgs/TommyTalks.png" alt="Tommy Talks"></a></div>
<div class="profile"><a href="http://usc3d4e.com/" target="_blank"><img src="img/orgs/3D4E.jpg" alt="3D4E"></a></div>
<div class="profile"><a href="http://hacksc.com/" target="_blank"><img src="img/orgs/HackSC.jpg" alt="HackSC"></a></div>
<div class="profile"><a href="http://www.usceclub.org/" target="_blank"><img src="img/orgs/eclub.jpg" alt="eClub"></a></div>
</div>
</section>
<h3>We Are Supported By</h3>
<ul id="partner-list">
<li><a href="http://upfront.com/" target="_blank">Upfront Ventures</a></li>
<li><a href="http://www.incubatrix.org/" target="_blank">IncubatriX</a></li>
<li><a href="http://www.blackstone.com/citizenship/the-blackstone-charitable-foundation/entrepreneurship-initiative/blackstone-launchpad" target="_blank">Blackstone Launchpad</a></li>
<li><a href="http://www.annenberglab.com/" target="_blank">Annenberg Innovation Lab</a></li>
<li><a href="http://vsi2.usc.edu/" target="_blank">Viterbi Student Innovation Institute</a></li>
<li><a href="http://www.marshall.usc.edu/faculty/centers/greif" target="_blank">Lloyd Greif Center for Entrepreneurial Studies</a></li>
<li><a href="https://iovine-young.usc.edu/" target="_blank">Jimmy Iovine & Andre Young Academy</a></li>
<li><a href="http://sendgrid.com/" target="_blank">SendGrid</a></li>
<li><a href="http://www.amplify.la/" target="_blank">Amplify.LA</a></li>
</ul>
</section>
</section>
<section class="techla" id="techla">
<img class="skyline" src="img/techla/skyline.png" alt="TechLA Internships"/>
<section>
<h2>We run TechLA Internships.</h2>
<p>Intern at a startup or tech company in LA! This fall, technical, creative and business minded students will be matched with internships at companies in LA's booming startup and technology community.</p>
<a href="http://techla.internships.com/join">Join TechLA</a>
</section>
</section>
<section class="contact" id="contact">
<section>
<div><img id="icon-location" src="img/location.svg" alt="Talk To Us"></div>
<div id="talktous">Talk To Us</div>
<div id="hello"><a href="mailto:[email protected]?Subject=Hello From SparkSC.org">[email protected]</a></div>
<div id="wantupdates">Want Updates?</div>
<div id="email">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//sparksc.us8.list-manage.com/subscribe/post?u=47878de9dedbf41fa376d8845&id=e61e10c909" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email email-form" id="mce-EMAIL" placeholder="EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_d98a5191107d20ee669820e76_9f62096558" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button email-submit"></div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<div>
<a href="https://www.facebook.com/GoSparkSC" target="_blank"><img id="icon-facebook" class="socialmedia" src="img/socialmedia/facebook.svg" alt="Facebook"></a>
<a href="https://twitter.com/GoSparkSC" target="_blank"><img id="icon-twitter" class="socialmedia" src="
img/socialmedia/twitter.svg" alt="Twitter"></a>
<a href="http://instagram.com/GoSparkSC" target="_blank"><img id="icon-instagram" class="socialmedia" src="img/socialmedia/instagram.svg" alt="Instagram"></a>
</div>
</section>
</section>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48870049-1', 'sparksc.org');
ga('send', 'pageview');
</script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/libs/jquery.slides.min.js"></script>
<script>
$(function(){
$("#slides").slidesjs({
width: 960,
height: 120
});
});
</script>
</body>
</html>