-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
218 lines (152 loc) · 8.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="StartupStorm is a club for aspiring entrepreneurs, programmers and designers at the University of British Columbia.">
<meta name="keywords" content="StartupStorm,UBC,entrepreneurs,programmers,designers,software,technology,tech,hackathon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StartupStorm</title>
<link rel="stylesheet" type="text/css" href="css/bulma.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/aos.css">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
<link rel="manifest" href="img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="navbar" id="main-navbar">
<span class="link" onclick="window.open('index.html','_self')"><img class="logo" src="img/nav_logo.png"/></span>
<div class="align-items-right" id="link-container">
<p hidden>    </p> <!-- Unicode spaces to push first link off navbar (for formatting purposes) -->
<p hidden>    </p> <!-- Unicode spaces to push first link off navbar (for formatting purposes) -->
<a href="index.html" class="selected">Home</a>
<a href="#subscribe-jump">Subscribe</a>
<a href="contact-us.html">Contact Us</a>
<span class="link" onclick="window.open('https://www.facebook.com/StartupStorm/')"><img class="social-icon first" src="img/facebook_icon.svg"/></span>
<span class="link" onclick="window.open('https://twitter.com/UBCStartupStorm')"><img class="social-icon" src="img/twitter_icon.svg"/></span>
<span class="link" onclick="window.open('https://www.instagram.com/startupstorm/')"><img class="social-icon last" src="img/ig_icon.svg"/></span>
</div>
<a href="javascript:void(0);" class="hamburger-menu" onclick="expandMenu()"><img src="img/hamburger_menu.png"/></a>
</div>
<!-- panel1 for IE -->
<div id="panel1" style="display:none;">
<section id="container">
<img src="img/header_logo.svg" id="logo"/>
<div id="content">StartupStorm is a club for aspiring entrepreneurs, programmers, and designers at UBC. </div>
</section>
</div>
<!-- animated version of panel1 -->
<div id="outer-box">
<div id="bm"></div>
<div id="inner-box">
<section id="container">
<img src="img/header_logo.svg" id="logo"/>
<div id="content">StartupStorm is a club for aspiring entrepreneurs, programmers, and designers at UBC. </div>
</section>
</div>
</div>
<div id="panel2">
<div data-aos="fade"><h1>What we do</h1></div>
<p data-aos="fade">StartupStorm is a club for aspiring entrepreneurs, programmers and designers at the University of British Columbia.</p><br>
<p data-aos="fade">Our mission is to foster an environment that encourages innovation and creativity in the world of tech in which students can connect with like-minded and passionate individuals. By providing the right tools, resources and support, students can gain hands on experience, mentorship and learn how to use cutting-edge technology outside of the classroom setting.</p>
<br><p data-aos="fade">We’re taking UBC innovation by storm.</p>
<br><br>
</div>
<div id="blurbs">
<div class="columns is-mobile is-multiline is-centered" id="blurb" data-aos="fade-right">
<div class="column is-narrow" >
<img src="img/connect_illustration.svg"/>
</div>
<div class="column is-narrow" style="max-width:450px;background-color">
<h2>Connect with UBC’s tech community</h2>
<p>Meet other students who are passionate about the tech space through our events and workshops. </p>
</div>
</div><br>
<div class="columns is-mobile is-multiline is-centered" id="blurb" data-aos="fade-left">
<div class="column is-narrow">
<img src="img/robot_illustration.svg"/>
</div>
<div class="column is-narrow" style="max-width:450px;">
<h2>Discover cutting-edge technology</h2>
<p>Learn a new programming language or a new web framework at our hack nights and technical workshops. </p>
</div>
</div><br>
<div class="columns is-mobile is-multiline is-centered" id="blurb" data-aos="fade-right">
<div class="column is-narrow">
<img src="img/laptop_illustration.svg"/>
</div>
<div class="column is-narrow" style="max-width:450px;margin-bottom:10px;">
<h2>Build real, meaningful projects</h2>
<p>With events like nwHacks, you’ll have the opportunity to collaborate on real projects with developers, designers and entrepreneurial students with the support of industry mentors.</p>
</div>
</div>
</div>
<div id="panel3">
<div id="event-container">
<h1 data-aos="fade">Upcoming events</h1>
<div data-aos="zoom-in">
<div id="event">
<img src="img/nwhacks_thumbnail.png"/>
<p><b>nwHacks</b> is the biggest 24-hour hackathon in Western Canada hosted at the University of British Columbia. This hackathon aims to bring together the brightest talents from schools around the Pacific Northwest region.
<br><a href="https://www.nwhacks.io"><button>Learn more</button></a>
</p>
</div>
</div><br><br>
<div data-aos="zoom-in">
<div id="event-last"><div id="event">
<img src="img/hacktober.png"/>
<p>Celebrate open source this October by participating in <b>Hacktoberfest</b>, a month-long festival of code. Stay tuned for prize announcements.<br>
<a href="http://bchacktoberfest.ca"><button>Learn more</button></a>
</p>
</div></div>
<div id="subscribe-jump"></div><br>
</div>
</div>
</div>
<div id="panel4">
<div class="container" data-aos="fade"><h1 style="color: #0476F7">Stay up to date</h1></div>
<div data-aos="fade">
<div class="container"><p>Subscribe to our newsletter to stay updated about our latest events!</p></div>
<div class="container">
<a href="http://eepurl.com/c4RtWn" id="message"><button id="subscribe-button">Subscribe</button></a>
</div>
</div>
</div>
<div id="panel5">
<div class="container" data-aos="fade"><h1>Contact us</h1></div>
<div data-aos="fade">
<div class="container"><p>StartupStorm is always looking for new ventures, opportunities, and connections. If you are interested in working with us, joining us or speaking at one of our events, feel free to connect with StartupStorm today. Feel free to e-mail us at <a href="mailto:[email protected]" target="_top" id="email">[email protected]</a></p></div>
<div class="container">
<a href="contact-us.html" id="message"><button>Send a message</button></a>
<div id="icon-set"><center>
<a href="mailto:[email protected]" target="_top"><img src="img/white_mail_icon.svg"/></a>
<a href="https://www.facebook.com/StartupStorm/"><img src="img/white_facebook_icon.svg"/></a>
<a href="https://twitter.com/UBCStartupStorm"><img src="img/white_twitter_icon.svg"/></a>
<a href="https://www.instagram.com/startupstorm/"><img src="img/white_ig_icon.svg" id="last"/></a></center>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="js/aos.js"></script>
<script src="animation/bodymovin.js"></script>
<script src="js/main.js"></script>
<script src="js/index.js"></script>
<script src="js/google-analytics.js"></script>
</body>
</html>