-
Notifications
You must be signed in to change notification settings - Fork 18
/
getinvolved.html
258 lines (228 loc) · 15.8 KB
/
getinvolved.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta property="og:site_name" content="OHI/O @ The Ohio State University">
<meta property="og:type" content="website">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OHI/O: Fostering a Tech Culture at Ohio State">
<meta name="keywords" content="Hackathon, OHIO, Hack, OSU, tech">
<meta name="author" content="OHI/O">
<title>OHI/O @ The Ohio State University</title>
<link rel="icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/font-awesome-4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.osu.edu/assets/fonts/webfonts.css">
<link rel="stylesheet" href="assets/css/redesign-main.css" type="text/css">
<link rel="stylesheet" href="assets/css/nav.css" type="text/css">
<link rel="stylesheet" href="assets/css/photon.css" type="text/css">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-51284668-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-51284668-6');
</script>
<script src="https://use.typekit.net/fov5wnm.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
</head>
<body class="is-preload">
<!-- Navigation bar -->
<div class="navbar navbar-expand-lg navbar-dark navbar-get-involved">
<a class="navbar-brand ml-auto mr-auto"href="/"><img id="ohio-logo" src="assets/img/OHIO-subtitle.png"/></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="/" class="nav-link">HOME</a>
</li>
<li class="nav-item">
<a href="events.html" class="nav-link">EVENTS</a>
</li>
<li class="nav-item">
<a href="leadership.html" class="nav-link">LEADERSHIP</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">ABOUT</a>
</li>
<li class="nav-item">
<a href="getinvolved.html" class="nav-link">GET INVOLVED</a>
</li>
</ul>
</div>
</div>
<!-- <body class="is-preload"> -->
<!-- Header -->
<section id="header">
<div class="inner">
<span class="fa fa-cloud"></span>
<h1><strong>GET INVOLVED</strong></h1>
<ul class="actions special">
<li><a href="#one" class="button scrolly">Students</a></li>
<li><a href="#two" class="button scrolly">Sponsors</a></li>
<li><a href="#three" class="button scrolly">Volunteers</a></li>
<li><a href="https://hack.osu.edu/alumni/" class="button scrolly">Alumni</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<header class="major">
<h2>STUDENTS</h2>
</header>
<p>All Ohio State students, regardless of major, are encouraged to register for any of our workshops or competitive events. All events are free of cost thanks to our generous sponsors and donors! Join our mailing list here to get alerted of our events and other opportunities. </p>
</div>
<div class="col-6 col-12-medium imp-medium">
<span class="image fit"><img src="assets/img/students1.png" alt="" /></span>
</div>
</div>
<div class="row gtr-150">
<div class="col-6 col-12-medium imp-medium">
<span class="image fit"><img src="assets/img/students2.png" alt="" /></span>
</div>
<div class="col-6 col-12-medium">
<p>If you’d like to help create these experiences for other students, please consider joining the OHI/O Student Organization. Membership is open to any Ohio State student. If you are interested in joining the org, please email us at <a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="main style2">
<div class="container">
<div class="row gtr-150">
<div class="col-12 col-12-medium">
<header class="major">
<h2>SPONSORS</h2>
</header>
<p>If our student organizers are the lifeblood, our sponsors are the fuel that power
everything we do. Consider sponsoring to a specific event that aligns with your
company, become a program sponsor, or donate to our outreach programs.</p>
<ul>
<li>View our <a href="assets/pdf/Sponsorship-prospectus-2023-24.pdf" target="_blank"
rel="noopener nonreferrer">Sponsorship Prospectus</a></li>
<li><a href="https://www.giveto.osu.edu/makeagift/?fund=314817" target="_blank" rel="noopener nonreferrer">
Donate to the OHI/O Fund</a> through the Ohio State Foundation</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<header class="major">
<h2>VOLUNTEERS</h2>
</header>
<p>Our alumni and industry connections are the secret sauce. Please consider volunteering as a mentor or as a judge at one of our events, or contact us to lead a workshop on campus or online. Please sign up for our Friends of OHI/O Mailing List below.</p>
<!-- <div class="reg-button" style="padding: 5%;"><a id="apply" href="http://go.osu.edu/helphack2020" target="_blank" rel="noopener nonreferrer">Mentor/Judge at HackOHIO!</a></div> -->
</div>
<div class="col-6 col-12-medium imp-medium">
<span class="image fit"><img src="assets/img/volunteers.png" alt="" /></span>
</div>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="main style2 special">
<div class="container">
<header class="major">
<h2>Friends of OHI/O Newsletter</h2>
</header>
<p><i>For alerts about upcoming sponsorship and volunteer opportunities, as well as quick wrap up news on what we’re doing. We anticipate this will be sent about 10-12 times per year - not trying to spam your inbox! </i></p>
<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:transparent; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://osu.us14.list-manage.com/subscribe/post?u=b44e960a081f2a8439329c856&id=c2948e0417" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL" style="color: white;">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME" style="color: white;">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME" style="color: white;">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div class="mc-field-group">
<label for="mce-COMPANY" style="color: white;">Company </label>
<input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
</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;" aria-hidden="true"><input type="text" name="b_b44e960a081f2a8439329c856_c2948e0417" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='COMPANY';ftypes[5]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- Footer -->
<footer style="padding-top: 20px;">
<table id="socialmedia-table">
<tr>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.facebook.com/hackohio" target="_blank" rel="noopener nonreferrer">
<i class="fa fa-facebook fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://twitter.com/hackohio" target="_blank" rel="noopener nonreferrer">
<i class="fa fa-twitter fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.instagram.com/hackohio/" target="_blank" rel="noopener nonreferrer">
<i class="fa fa-instagram fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://www.youtube.com/channel/UCJJzEGEjQrpVTY3zEQS0BpA" target="_blank"
rel="noopener nonreferrer"><i class="fa fa-youtube fa-2x"></i></a>
</td>
<td style="text-align: center;">
<a class="social-media-image" href="https://medium.com/@hackohio" target="_blank" rel="noopener nonreferrer">
<i class="fa fa-medium fa-2x"></i></a>
</td>
</tr>
</table>
<br/>
<span>Interested in joining our team or learning about our events? <a
href="https://lists.osu.edu/mailman/listinfo/osuhackathons" style="text-decoration: underline;"
target="_blank" rel="noopener nonreferrer">Join our mailing list!</a></span>
<br/><br/><p>Design: <a href="http://html5up.net" target="_blank" rel="noopener nonreferrer">HTML5 UP</a></p>
<span>© 2017 OHI/O <a href="privacy.html" target="_blank" rel="noopener nonreferrer">Privacy Policy</a></span>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>