-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
515 lines (455 loc) · 29.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
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>ROHP 2024</title>
<!-- favicon -->
<link href="img/favicon.jpg" rel="icon">
<!-- web-fonts -->
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400&display=swap"
rel="stylesheet" type="text/css">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS -->
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/accordion.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar">
<div id="overlay"></div>
<div id="main-wrapper">
<!-- Page Preloader -->
<div id="preloader">
<div id="status">
<div class="status-mes"></div>
</div>
</div>
<header class="header">
<!-- Navigation -->
<nav class="navbar main-menu" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-main-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand page-scroll" href="#page-top"><img src="img/logo.png" alt=""></a> -->
</div>
<a class="navbar-brand" href="index.html">
<img src="img/logo.png" width="144" height="60" alt="">
</a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse"
style="padding-top: 15px">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"><a href="#page-top"></a></li>
<li><a href="index.html" class="btn-selected">Home</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
role="button" aria-haspopup="true"
aria-expanded="false">Agenda</a>
<div class="dropdown-menu">
<a class="dropdown-item darkcolor"
href="agenda_virtual.html">Virtual</a>
<a class="dropdown-item darkcolor"
href="agenda_overnight.html">Overnight</a>
</div>
</li>
<li><a href="registration.html">Registration</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
role="button" aria-haspopup="true"
aria-expanded="false">Resources</a>
<div class="dropdown-menu">
<a class="dropdown-item darkcolor" href="faq.html">FAQ</a>
<a class="dropdown-item darkcolor" href="housing.html">Housing
Tours</a>
</div>
</li>
<!-- <li><a class="page-scroll" href="#section-partner">Registration Form</a></li> -->
<li><a href="committee.html">Committee</a></li>
<!-- <li><a class="page-scroll" href="#section-venue">FAQs</a></li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- .nav -->
</header>
<div class="jumbotron text-center">
<div class="content">
<h1>Regents' Overnight Host Program</h1>
<p class="lead">Welcome to the Golden Bear family</p>
</div>
</div>
<!-- .Jumbotron-->
<section id="section-intro" class="section-wrapper about-event">
<div class="container">
<div class="row">
<div class="col-md-4 img-div">
<img src="img/rohplogo.png" class="custom-img"
style="max-width: 80% !important; padding-bottom: 25px;">
</div>
<div class="col-md-8" style="padding-left: 40px">
<p class="lead darkcolor">The Regents’ Overnight Host Program (ROHP) is a
student-run program within the Regents’
and Chancellor's Scholars Association, an organization for current
recipients of the most
prestigious scholarship at the University of California, Berkeley
(top 1.5% of undergraduate students). Each
year, the ROHP
Committee holds multiple two-part, overnight programs for candidates of the
Regents’ and
Chancellor's Scholarship, to provide them with a true sense of what it
is like to be a
Regents’ Scholar at Berkeley. Prospective Scholars will have
the chance to:</p>
<ul>
<li class="darkcolor">
<strong>Experience</strong> - <em>Experience Berkeley's campus
culture and learn more about the benefits of the prestigious
scholarship</em>
</li>
<li class="darkcolor">
<strong>Interact</strong> - <em>Meet with other highly-accomplished
students from all over the country, mingle with current
scholars, listen to keynote faculty speakers, and view student
performances</em>
</li>
<li class="darkcolor">
<strong>Discover</strong> - <em>Embark on tours, including
majors-focused tours and our world-famous nighttime campus
tour</em>
</li>
</ul>
<p class="lead"></p>
<p class="lead darkcolor">
<!-- ROHP is completely free of charge; however, guests are responsible for obtaining their own transportation to and from the program. -->For
more information on ROHP, including itineraries and how to register,
please explore the rest of the site. Space is limited and spots
are filled on a first-come, first-served basis! Please note: you must
register through Typeform to be considered fully registered for ROHP.
</p>
</div>
</div>
</div>
</section>
<!-- .team -->
<!-- .team -->
<!-- <section id="section-venue" class="section-wrapper">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h1>FAQs</h1>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="accordion">
<div class="accordion-section">
<a class="accordion-section-title" href="#accordion-1">What should I bring?</a>
<div id="accordion-1" class="accordion-section-content">
<p>
1. A fully charged phone and a cell phone charger.
<br>
2. Photo Identification (A school ID will suffice).
<br>
3. A sleeping bag and a pillow.
<br>
4. Sleeping mat if not ok with floor.
<br>
5. Toiletries and a towel.
<br>
6. Slippers for the showers.
<br>
7. Money for personal use.
</p>
</div>
<a class="accordion-section-title" href="#accordion-2">Will I get off the waitlist?</a>
<div id="accordion-2" class="accordion-section-content">
<p>If you are not within the first 10 to 15 on the waitlist, it is <strong>unlikely that you will be given a spot.</strong> Due to high demand, spaces fill up very quickly and priority will be given to those who are first on the waitlist, have majors that match the available hosts, and respond promptly to our invitation. We encourage you to look at other ROHP dates if your top choice is full.</p>
</div>
<a class="accordion-section-title" href="#accordion-3">What should my parents do?</a>
<div id="accordion-3" class="accordion-section-content">
<p>If you and your parents arrive before ROHP begins, there are campus tours or classes that you can audit. During the 1st night of ROHP, parents are encouraged to explore the city and campus. During the morning of the 2nd day of ROHP, <strong>parents/guardians are welcome to join their student after breakfast by participating in the major-specific focus tours, a trip to the student store, and more fun activities. If you are a guardian/parent or have a parent/guardian who would like to participate in the morning program, please meet us at the designated classroom at 10 AM.</strong>. After the program ends, students can also visit both the UC Berkeley Botanical Gardens and BAMPFA (The Berkeley Art Museum and Pacific Film Archive). Unfortunately, we are unable to provide any housing or additional programming for parents.</p>
</div>
<a class="accordion-section-title" href="#accordion-4">If I’m not a Regents’ Scholarship candidate, can I still register?</a>
<div id="accordion-4" class="accordion-section-content">
<p>Unfortunately, ROHP is available only to prospective scholars, as we are directly funded by the Regents’ and Chancellor’s Scholars Association and the Scholarship Office. If you are not a candidate, there are other overnight programs like OSP that are put on by different student groups at UC Berkeley.</p>
</div>
<a class="accordion-section-title" href="#accordion-5">How much does ROHP cost?</a>
<div id="accordion-5" class="accordion-section-content">
<p>ROHP is free of charge to all of our attendees, and we work hard to keep it this way! We still do recommend that students bring a small amount of cash in case they want to purchase some souvenirs or try some local eats.</p>
</div>
<a class="accordion-section-title" href="#accordion-6">Are all of the offered ROHP dates the same?</a>
<div id="accordion-6" class="accordion-section-content">
<p>Yes, essentially. They will all follow a similar format and feature the same amount of activities. However, these will vary day by day, depending on speaker/performer availability. No program will be significantly different from another so you will not be missing out! Please check out the specific itinerary for each date if you are interested in the activities that day.</p>
</div>
<a class="accordion-section-title" href="#accordion-7">Will my transportation (plane, car, train, etc.) to Berkeley be provided?</a>
<div id="accordion-7" class="accordion-section-content">
<p>No, we are a completely student-run program and unfortunately cannot accommodate your transportation costs.</p>
</div>
<a class="accordion-section-title" href="#accordion-8">I no longer want to/am able to attend ROHP but I have already registered on Typeform. What should I do?</a>
<div id="accordion-8" class="accordion-section-content">
<p>Please email us at contact@rohp.berkeley.edu ASAP so we can let others who want to attend off the waitlist.</p>
</div>
<a class="accordion-section-title" href="#accordion-9">ROHP is full! Is there any way I can still visit Berkeley?</a>
<div id="accordion-9" class="accordion-section-content">
<p>Of course! You are welcome to come to Berkeley during the day, speak to the scholarship office, and take a guided campus tour. Additionally, Cal has a number of other overnight host programs, including the Overnight Stay Program (OSP), which may be able to accommodate you.</p>
</div>
<a class="accordion-section-title" href="#accordion-10">I really can't find the answer to my question on this website or the FAQs…</a>
<div id="accordion-10" class="accordion-section-content">
<p>Email us at contact@rohp.berkeley.edu. We may take a few business days to reply (we’re students too!)</p>
</div>end .accordion-section-content-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-covid" class="section-wrapper about-event">
<div id="housing" class="container">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<div class="row">
<div class="col-xs-12 text-center">
<h1 class="darkcolor">The ROHP Experience</h1>
<p class="darkcolor"> We've created the following short video as
a way to see what the ROHP Experience looks like.
We hope you enjoy it!</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<h1>Homepage Youtube Carousel</h1>
<p>Replace the IDs of the carousel items with the IDs of the
youtube videos you want to display</p>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div id="random_number1"
class="carousel slide youtube-carousel"
data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="video-container item active">
<div class="youtube-video" id='M5bPQNFYbm8'>
</div>
</div>
<div class="video-container item">
<div class="youtube-video" id='K48TEIDrJ9E'>
</div>
</div>
</div>
<div class="controls">
<a class="left carousel-control"
href="#random_number1" data-slide="prev">
<div class="left-button">
<div
class="glyphicon glyphicon-chevron-left">
</div>
</div>
</a>
<a class="right carousel-control"
href="#random_number1" data-slide="next">
<div class="right-button">
<div
class="glyphicon glyphicon-chevron-right">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<h1 class="darkcolor">See What We're Up To!</h1>
<!-- <p class="darkcolor"> We've created the following short video as
a way to see what the ROHP Experience (normally) looks like.
We hope you enjoy it!</p> -->
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- Place <div> tag where you want the feed to appear -->
<div id="curator-feed-default-feed-layout"><a href="https://curator.io"
target="_blank" class="crt-logo crt-tag">Powered by Curator.io</a></div>
<!-- The Javascript can be moved to the end of the html page before the </body> tag -->
<script type="text/javascript">
/* curator-feed-default-feed-layout */
(function () {
var i, e, d = document, s = "script"; i = d.createElement("script"); i.async = 1; i.charset = "UTF-8";
i.src = "https://cdn.curator.io/published/0116d9ef-9daf-48a0-bc23-0d91b1024c2f.js";
e = d.getElementsByTagName(s)[0]; e.parentNode.insertBefore(i, e);
})();
</script>
</div>
</div>
</div>
</section>
<!-- /.row-->
<!-- <div class="row">
<div class="col-md-12">
<div id="googleMap"></div>
</div>
</div> -->
<!-- .row-->
<div id="section-contact"></div>
<section class="section-wrapper gray-bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h1>Contact Us</h1>
</div>
<p class="center">Email us at <a target="_blank"
href="mailto:contact@rohp.berkeley.edu">contact@rohp.berkeley.edu</a>
</p>
<p class="center">Follow us on Facebook <a target="_blank"
href="https://www.facebook.com/rohpberkeley">@rohpberkeley</a></p>
<p class="center">Follow us on Instagram <a target="_blank"
href="https://www.instagram.com/berkeleyrohp/">@berkeleyrohp</a></p>
<p class="center">Follow us on TikTok <a target="_blank"
href="https://vm.tiktok.com/ZMe1jKwFd/">@berkeleyrohp</a></p>
<!-- <form id="contactForm" class="subscribe-form form-inline" action="sendemail.php" method="POST">
<div class="form-group">
<label for="emailTwo" class="sr-only">Email</label>
<input type="email" class="form-control input-lg" required="" id="emailTwo" name="email" placeholder="Enter your email address">
</div>
<button type="submit" class="btn btn-primary btn-lg">SUBSCRIBE</button>
</form> -->
</div>
</div>
</div>
</section>
<!-- contact-section -->
<!-- <section id="section-sponsors" class="section-wrapper">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<div id = sponsor-container>
<div class="section-title center">
<h2 class="darkcolor">Special thanks to:</h2>
</div>
<div id="sponsors" class="center">
<div class="sponsor-button"><a target="_blank"
href="https://reslife.berkeley.edu/opportunities/rha"><img
src="img/rha.jpg" class="rha"></a></div>
<div class = "sponsor-button"><a target = "_blank" href="https://ethicalapparel.org/"><img src="img/ethical.png" class = "rha"></a></div>
<div class="sponsor-button"><a target="_blank"
href="https://calstudentstore.berkeley.edu/"><img
src="img/studentstore.png" class="rha"></a></div>
</div>
</div>
</div>
</div>
</section> -->
<footer class="footer">
<div class="copytext text-center darkcolor">
<div class="copyright-section">
<div class="container">
<div class="col-md-12">
<div class="copytext text-center darkcolor"
style="padding-left: 95px !important; padding-top: 30px; padding-bottom: 30px">
COPYRIGHT © ROHP 2024. ALL RIGHTS RESERVED.
<a target="_blank" href="https://www.ocf.berkeley.edu"><img
src="https://www.ocf.berkeley.edu/hosting-logos/ocfbadge_mini8darkglow.png"
alt="Hosted by the OCF" style="border: 0;" id="ocf" /></a>
</div>
</div>
</div>
</div>
</div>
<!-- .container -->
</div>
<!-- .copyright-section -->
</footer>
<!-- .footer -->
<!-- #main-wrapper -->
<!-- <div id = "typeform"></div>
<section id="section-partner" class="section-wrapper client-logo">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h1>REGISTRATION FORM</h1>
<ul>
<li>Below are the dates to each ROHP night. Each date links to an Typeform that will allow you to register for the night of your choosing. Please only register for one night; <strong> if we see you have registered for more than one, we will cancel all of your registrations.</strong> The April 17 night link will be available once scholarship decisions are released. All other dates are open if you were nominated for the scholarship and received an interview, but the last date is only for students who actually receive the scholarship. <b>If a form is closed, that means we have filled up all of the guest spots for that program and you may register for the waitlist</b> <a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt">here</a>.
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt"><img src="img/feb21.png" alt="Image"></a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt"><img src="img/march6.png" alt="Image"></a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt"><img src="img/march7.png" alt="Image"></a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt"><img src="img/march13.png" alt="Image"></a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a target="_blank" href="https://rohp1.typeform.com/to/uFsFlt"><img src="img/march14.png" alt="Image"></a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 section-margin">
<a><img src="img/april17.png" alt="Image"></a>
</div>
</div>
</div> -->
<!--end of .container -->
<!-- </section> -->
<!-- <p>If you are an out of state scholar, you will receive a separate email regarding how to register for that special ROHP date. In addition, the April 13 night link will be available once scholarship decisions are released. All other dates are open if you were nominated for the scholarship and received an interview, but the last date is only for students who actually receive the scholarship. If the typeform for the date you want to register for is closed, please sign up to be put on the waitlist here.</p> -->
<!-- <div class = "date-full">This night is full!</div> -->
<!-- .client-logo -->
<!-- jquery -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<!--<script src="js/one-page-nav.js"></script>-->
<script src="js/scripts.js"></script>
<script src="js/youtube.js"></script>
<script src="js/accordion.js"></script>
<script src="js/agenda.js"></script>
</body>
</html>