forked from ROHP/ROHP.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1086 lines (985 loc) · 63.2 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
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ROHP 2016</title>
<meta name="description" content="Spirit8 is a Digital agency one page template built based on bootstrap framework. This template is design by Robert Berki and coded by Jenn Pereira. It is simple, mobile responsive, perfect for portfolio and agency websites. Get this for free exclusively at ThemeForces.com">
<meta name="keywords" content="bootstrap theme, portfolio template, digital agency, onepage, mobile responsive, spirit8, free website, free theme, themeforces themes, themeforces wordpress themes, themeforces bootstrap theme">
<meta name="author" content="ThemeForces.com">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.jpg" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<!-- SweetAlert -->
<script src="bower_components/sweetalert/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="bower_components/sweetalert/dist/sweetalert2.css">
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- 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>
<!-- Navigation
==========================================-->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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" href="index.html">ROHP</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#tf-home" class="page-scroll">Home</a></li>
<li><a href="#tf-about" class="page-scroll">About</a></li>
<li><a href="#tf-team" class="page-scroll">Committee</a></li>
<li><a href="#tf-services" class="page-scroll">Registration</a></li>
<li><a href="#tf-works" class="page-scroll">ROHP Dates</a></li>
<li><a href="#tf-testimonials" class="page-scroll">FAQ</a></li>
<li><a href="#tf-contact" class="page-scroll">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Home Page
==========================================-->
<div id="tf-home" class="text-center">
<div class="overlay">
<div class="content">
<h1>Regents' Overnight <strong><span class="color">Host Program</span></strong></h1>
<p class="lead">Welcome to the <strong>Golden Bear</strong> family</p>
<a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
</div>
</div>
</div>
<!-- About Us Page
==========================================-->
<div id="tf-about">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="img/rohplogo.png" class="img-responsive">
</div>
<div class="col-md-6">
<div class="about-text">
<div class="section-title">
<h4>About Us</h4>
<h2>What is <strong>ROHP?</strong></h2>
<hr>
<div class="clearfix"></div>
</div>
<p class="intro">ROHP (Regents' Overnight Host Program) is a program put on by the Regents' and Chancellor's Scholars Association (RCSA) at the University of California, Berkeley. Every year, the ROHP committee works to put on multiple overnight host visits for prospective Regents' Scholar interviewees. Prospective scholars have the opportunity to:</p>
<ul class="about-list">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Visit</strong> - <em>Tour the beautiful Berkeley campus</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Overnight</strong> - <em>Stay overnight in the dormitories with a current scholar</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Discover</strong> - <em>Explore one of the nation's best college towns </em>
</li>
</ul>
<p class = "intro"> ROHP is an excellent program that plays a crucial role in many students' decisions to enroll at UC Berkeley. We hope that you will consider joining us at one of our Spring dates.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Team Page
==========================================-->
<div id="tf-team" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2>Meet <strong>the committee</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<p style="font-size:15px"><em>Click on each committee member below to learn more about them!</em></p>
</div>
<div id="team" class="owl-carousel owl-theme row">
<button7><div class="item">
<div class="thumbnail">
<img src="img/team/Aditya.jpg" alt="..."class="img-circle team-img">
<div class="caption">
<h3>Aditya Nandy</h3>
<p>Co-coordinator</p>
<p>Major: Chemical Engineering. Minor: Electrical Engineering and Computer Science. Class: 2017</p>
</div>
</div>
</div></button7>
<button8><div class="item">
</button8><div class="thumbnail">
<img src="img/team/Michelle.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Michelle Ma</h3>
<p>Co-coordinator</p>
<p>Major: Molecular and Cell Biology. Minor: Bioengineering. Class: 2018</p>
</div>
</div>
</div></button8>
<button9><div class="item">
<div class="thumbnail">
<img src="img/team/Mudit.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Mudit Mittal</h3>
<p>Committee Member</p>
<p>Major: Computer Science. Class: 2019</p>
</div>
</div>
</div></button9>
<button10><div class="item">
<div class="thumbnail">
<img src="img/team/Rochelle.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Rochelle Shen</h3>
<p>Committee Member</p>
<p>Major: Computer Science. Class: 2019</p>
</div>
</div>
</div></button10>
<button11><div class="item">
<div class="thumbnail">
<img src="img/team/Alex K.png" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Alex Krentsel</h3>
<p>Committee Member</p>
<p>Major: Electrical Engineering and Computer Science & Music. Class: 2019</p>
</div>
</div>
</div></button11>
<button12><div class="item">
<div class="thumbnail">
<img src="img/team/Sabrina.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Sabrina Van Zuiden</h3>
<p>Committee Member</p>
<p>Major: Sociology and Social Welfare. Minor: Spanish. Class: 2018</p>
</div>
</div>
</div></button12>
<button13><div class="item">
<div class="thumbnail">
<img src="img/team/AlexP.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Alex Pao</h3>
<p>Committee Member</p>
<p>Major: Economics. Class 2019.</p>
</div>
</div>
</div></button13>
<button14><div class="item">
<div class="thumbnail">
<img src="img/team/Shayda.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Shayda Abazari</h3>
<p>Committee Member</p>
<p>Major: Molecular Cell Biology. Class: 2018</p>
</div>
</div>
</div></button14>
<button15><div class="item">
<div class="thumbnail">
<img src="img/team/Marnie.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Marnie Lowe</h3>
<p>Committee Member</p>
<p>Major: Legal Studies. Minor: Public Policy. Class: 2018</p>
</div>
</div>
</div></button15>
<button16><div class="item">
<div class="thumbnail">
<img src="img/team/Param.png" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Param Singh</h3>
<p>Committee Member</p>
<p>Major: Biochemistry & Molecular Biology. Class: 2019</p>
</div>
</div>
</div></button16>
<button17><div class="item">
<div class="thumbnail">
<img src="img/team/Victoria.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Victoria Yim</h3>
<p>Committee Member</p>
<p>Major: Mechanical Engineering. Minor: Public Policy. Class: 2019</p>
</div>
</div>
</div></button17>
<button18><div class="item">
<div class="thumbnail">
<img src="img/team/Danny.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Danny Yang</h3>
<p>Committee Member</p>
<p>Major: Mechanical Engineering. Class: 2018</p>
</div>
</div>
</div></button18>
<button19><div class="item">
<div class="thumbnail">
<img src="img/team/Colin.png" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Colin Smith</h3>
<p>Committee Member</p>
<p>Major: Bioengineering. Class: 2018</p>
</div>
</div>
</div></button19>
<button20><div class="item">
<div class="thumbnail">
<img src="img/team/Mai.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Mai Nojima</h3>
<p>Committee Member</p>
<p>Major: Molecular Cell Biology. Class: 2019</p>
</div>
</div>
</div></button20>
</div>
</div>
</div>
</div>
<!-- Registration Section
==========================================-->
<div id="tf-services" class="text-center">
<div class="container">
<div class="section-title center">
<h2>How to <strong>register</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<p style="font-size:20px"><em>To register for ROHP, you must have been invited for a Regents' and Chancellor's Scholarship interview. After you apply, we will cross-check your name with a list. You must submit both the liability and medical waivers, and register yourself on eventbrite. Failure to complete the waivers will result in rejection from ROHP. Please note that March 3 is only for out-of-state scholarship candidates, and April 15 will be opened after scholarship decisions are released.</em></p>
</div>
<div class="space"></div>
<div class="row">
<div class="col-md-3 col-sm-6 service">
<a href = 'https://www.eventbrite.com/e/regents-overnight-host-program-rohp-registration-21184606729'><i class="fa fa-desktop" ></i></a>
<h4><strong>EventBrite</strong></h4>
<p>Register below on the EventBrite for a ROHP date. Out-of-state scholars do not have to register.</p>
</div>
<div class="col-md-3 col-sm-6 service">
<a href="pdf/waiver.pdf"><i class="fa fa-gavel"></i></a>
<h4><strong>Waivers</strong></h4>
<p>Click on the above icon to obtain the waivers necessary for attendance. E-mail BOTH waivers to [email protected] AND [email protected]. Out-of-state scholars must also fill this out!</p>
</div>
<div class="col-md-3 col-sm-6 service">
<a href="http://rcsa.berkeley.edu/scholarconnect/"><i class="fa fa-database"></i></a>
<h4><strong>ScholarConnect</strong></h4>
<p>Click the above icon to go to our ScholarConnect database, where you can look up potential scholars to contact.</p>
</div>
<div class="col-md-3 col-sm-6 service">
<a href="#tf-contact" class="page-scroll"><i class="fa fa-envelope"></i></a>
<h4><strong>E-mail us</strong></h4>
<p>Click on the above icon to e-mail the ROHP committee about concerns.</p>
</div>
</div>
</div>
</div>
<!-- ???? (sponsor section w/o tab) Section
==========================================-->
<div id="tf-clients" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2>Register on the <strong>Eventbrite</strong></h2>
<div class="line">
<hr>
</div>
</div>
<div style="width:100%; text-align:left;" >
<iframe src="https://www.eventbrite.com/e/regents-overnight-host-program-rohp-registration-21184606729?ref=eweb" frameborder="0" height="1000" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
<div style="font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;" >
<a class="powered-by-eb" style="color: #dddddd; text-decoration: none;" target="_blank" href="http://www.eventbrite.com/r/eweb">Powered by Eventbrite</a>
</div>
</div>
</div>
</div>
</div>
<!-- ROHP Days Section
==========================================-->
<div id="tf-works">
<div class="container"> <!-- Container -->
<div class="section-title text-center center">
<h2>The day of <strong>ROHP</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<p style="font-size:20px"><em><b>Select a date from the tabs below</b> to see specific details about the scheduled events, speakers, and performances per night.</em></p>
</div>
<div class="categories">
<ul class="cat">
<li class="pull-left"><h4>Filter by Date:</h4></li>
<li class="pull-right">
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".march3">March 3</a></li>
<li><a href="#" data-filter=".march4">March 4</a></li>
<li><a href="#" data-filter=".march5">March 5</a></li>
<li><a href="#" data-filter=".march12" >March 12</a></li>
<li><a href="#" data-filter=".april8" >April 8</a></li>
<li><a href="#" data-filter=".april15">April 15</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 march3 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button1><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for March 3</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button1>
<img src="img/march3.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march3 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="https://mcb.berkeley.edu/faculty/CDB/schekmanr.html">
<div class="hover-text portfolio-item">
<h4>Randy Schekman</h4>
<small>Speaker & Nobel Laureate (March 3)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/randyschekman.jpeg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march4 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button2><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for March 4</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button2>
<img src="img/march4.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march4 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://www.terrydjohnson.com">
<div class="hover-text portfolio-item">
<h4>Terry Johnson</h4>
<small>Speaker (March 4)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/terryjohnson.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march5 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button3><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for March 5</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button3>
<img src="img/march5.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march5 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://chemistry.berkeley.edu/faculty/chem/lecturers/douskey">
<div class="hover-text portfolio-item">
<h4>Michelle Douskey</h4>
<small>Speaker (March 5)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/michelledousky.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march12 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button4><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for March 12</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button4>
<img src="img/march12.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march12 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<div class="hover-text portfolio-item">
<h4>TBA</h4>
<small>Speaker (March 12)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/speakertba.png" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 april8 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button5><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for April 8</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button5>
<img src="img/april8.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 april8 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://www.denero.org">
<div class="hover-text portfolio-item">
<h4>John DeNero</h4>
<small>Speaker (April 8)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/denero.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 april15 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="#">
<button6><div class="hover-text">
<h4>Schedule of Events</h4>
<small>for April 15</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div></button6>
<img src="img/april15.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 april15 top">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://astro.berkeley.edu/faculty-profile/alex-filippenko">
<div class="hover-text portfolio-item">
<h4>Alex Filippenko</h4>
<small>Speaker (April 15)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/alexfilipenko.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march3 march5">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://jerichocomedy.tumblr.com">
<div class="hover-text portfolio-item">
<h4>Jericho</h4>
<small>Performance Group (March 3, March 5)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/jericho.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march3">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://www.magicalnathaniel.com">
<div class="hover-text portfolio-item">
<h4>Magical Nathaniel</h4>
<small>Performer (March 3)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/nathaniel.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march5 march12 april15">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://tbdcomedy.tumblr.com">
<div class="hover-text portfolio-item">
<h4>TBD Comedy</h4>
<small>Performance Group (March 5, March 12, April 15)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/tbdcomedy.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://www.artistsinresonance.com">
<div class="hover-text portfolio-item">
<h4>Artists in Resonance</h4>
<small>Performance Group (March 4)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/artistsinresonance.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 march4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://mensoctet.berkeley.edu/">
<div class="hover-text portfolio-item">
<h4>Men's Octet</h4>
<small>Performance Group (March 4)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/ucmensoctet.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 april15">
<div class="portfolio-item">
<div class="hover-bg">
<a href="http://decadence.berkeley.edu/">
<div class="hover-text portfolio-item">
<h4>Decadence</h4>
<small>Performance Group (April 15)</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/decadence.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FAQ Section
==========================================-->
<div id="tf-testimonials" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2><strong>Frequently Asked</strong> Questions</h2>
<div class="line">
<hr>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div id="testimonial" class="owl-carousel owl-theme">
<div class="item">
<h5>Will I get off the waitlist?</h5>
<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>
<div class="item">
<h5>What should my parents do?</h5>
<p>While ROHP is a program specifically for high school students, parents often accompany their children to Berkeley. If you and your parents arrive before ROHP begins, there are campus tours or classes that you can audit. A list of those classes can be found here. During ROHP, parents are encouraged to explore the city and campus. Unfortunately, we are unable to provide programming or housing for them.</p>
</div>
<div class="item">
<h5>If I’m not a Regents’ Scholarship candidate, can I still register?</h5>
<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 still many overnight programs put on by other student groups at UC Berkeley, such as OSP.</p>
</div>
<div class="item">
<h5>How much does ROHP cost?</h5>
<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>
<div class="item">
<h5>Are all of the offered ROHP dates the same?</h5>
<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>
<div class="item">
<h5>Will my transportation (plane, car, train, etc.) to Berkeley be provided?</h5>
<p>No, we are a completely student-run program and unfortunately cannot accommodate your transportation costs. If you are OUT OF STATE, you should contact Beth Berends at the scholarship office.</p>
</div>
<div class="item">
<h5>Is my space in ROHP guaranteed after I receive my confirmation email from Eventbrite?</h5>
<p>No, you are required to submit two waivers electronically or faxed to us before we will officially match you with your host. If you do not do so before registration closes (1 week prior to the date), your space will be dropped and given to someone on the waitlist.</p>
</div>
<div class="item">
<h5>I no longer want to/am able to attend ROHP but I have already registered on Eventbrite. What should I do?</h5>
<p>You can cancel your registration following instructions found in your confirmation email from Eventbrite. Once you have done that, you will be dropped from our registration list.</p>
</div>
<div class="item">
<h5>ROHP is full! Is there any way I can still visit Berkeley?</h5>
<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>
<div class="item">
<h5>I really can't find the answer to my question on this website or the FAQs…</h5>
<p>Email us at [email protected]. We may take a few business days to reply (we’re students too!)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Section
==========================================-->
<div id="tf-contact" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="section-title center">
<h2>Feel free to <strong>contact us</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<!--<small><em>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</em></small> -->
</div>
<form action="//formspree.io/[email protected]" method="POST">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input name="email" type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputName1">Full Name</label>
<input name="realname" type="name" class="form-control" id="exampleInputPassword1" placeholder="John Doe">
</div>
</div>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Subject</label>
<input name="subject" class="form-control" rows="3"></input>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Message</label>
<textarea name="body" class="form-control" rows="3"></textarea>
</div>
<button type="submit" name="send" class="btn tf-btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="pull-left fnav">
<p>ALL RIGHTS RESERVED. COPYRIGHT © ROHP 2016. Designed by <a href="https://dribbble.com/shots/1817781--FREEBIE-Spirit8-Digital-agency-one-page-template">Robert Berki</a> and Coded by <a href="https://dribbble.com/jennpereira">Jenn Pereira</a>, Rochelle Shen, Mudit Mittal, and <a href="http://www.adityanandy.com">Aditya Nandy</a>.</p>
</div>
<div class="pull-right fnav">
<ul class="footer-social">
<li><a 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;" /></a></li>
</ul>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>
<script>
$('button1').click(function(e) {
e.preventDefault();
warnBeforeRedirect1();
});
function warnBeforeRedirect1() {
swal({
html: "<h3>Schedule: March 3</h3><h4>(Out-of-State Program)</h4><h5>Program planned by Sabrina Z. and Alex K.</h5><h3>Day 1 - </h3><p><ul style='list-style-type:none'><li>5:45 PM - Check in at <a href = 'http://www.berkeley.edu/map?unit1'>Unit 1 Deutsch Hall</a></li><li>6:10 - Dinner</li><li>6:30 - Keynote Speaker: Randy Schekman</li><li>7:05 - Student Panel</li><li>7:35 - Performance: Magical Nathaniel</li><li>7:50 - Performance: Jericho!</li><li>8:20 - Guests dismissed with hosts</li><li>9:00 - Campus night tour</li><li>9:45 - Optional Nighttime Activities</li></ul><h3>Day 2 - </h3><ul style='list-style-type:none'><li>8:00 AM - Breakfast</li><li>9AM - 5PM - Interviews</li><li>6:00 - Scholarship Office Program</li><li>9:00 - End of Program</li></ul></p>",
});
}
</script>
<script>
$('button2').click(function(e) {
e.preventDefault();
warnBeforeRedirect2();
});
function warnBeforeRedirect2() {
swal({
html: "<h3>Schedule: March 4</h3><h5>Program planned by Victoria Y. and Danny Y.</h5><h3>Day 1 - </h3><p><ul style = 'list-style-type:none'><li>5:30 PM - Check in at <a href = 'http://www.berkeley.edu/map?unit1'>Unit 1 Deutsch Hall</a></li><li>6:00 - Icebreakers and Introduction to ROHP </li><li>6:30 - Performance: UC Men’s Octet</li><li>6:45 - Keynote Speaker: Terry Johnson</li><li>7:00 - Dinner</li><li>7:35 - Student Panel </li><li>7:45 - Performance: Artists in Resonance</li><li>8:00 - Guests dismissed with hosts</li><li>8:30 - Campus Night Tour</li><li>9:30 - Meet at Sproul for Optional Nighttime Activities</li></ul><h3>Day 2 -</h3><ul style = 'list-style-type:none'><li>10:00 AM - Brunch at dining halls</li><li>12:00 PM - Closing Remarks and End of Program</li></ul></p>",
});
}
</script>
<script>
$('button3').click(function(e) {
e.preventDefault();
warnBeforeRedirect3();
});
function warnBeforeRedirect3() {
swal({
html: "<h3>Schedule: March 5</h3><h5>Program planned by Marnie L. and Param S.</h5><h3>Day 1 - </h3><p><ul style = 'list-style-type:none'><li>5:30 PM - Check in at <a href = 'http://www.berkeley.edu/map?unit1'>Unit 1 Deutsch Hall</a></li><li>6:00 - Icebreakers and Introduction to ROHP </li><li>6:30 - Performance: Jericho!</li><li>6:45 - Keynote Speaker: Michelle Douskey</li><li>7:00 - Dinner</li><li>7:30 - Performance: TBD Comedy</li><li>7:45 - Student Panel</li><li>8:15 - Guests dismissed with hosts</li><li>8:45 - Campus Night Tour</li><li>9:45 - Meet at Sproul for Optional Nighttime Activities</li></ul><h3>Day 2 -</h3><ul style = 'list-style-type:none'><li>10:00 AM - Brunch at dining halls</li><li>12:00 PM - Closing Remarks and End of Program</li></ul></p>",
});
}
</script>
<script>
$('button4').click(function(e) {
e.preventDefault();
warnBeforeRedirect4();
});
function warnBeforeRedirect4() {
swal({
html: "<h3>Schedule: March 12</h3><h5>Program planned by Alex P. and Shayda A.</h5><h3>Day 1 - </h3><p><ul style = 'list-style-type:none'><li>5:30 PM - Check in at <a href = 'http://www.berkeley.edu/map?unit1'>Unit 1 All-Purpose Room (APR)</a></li><li>6:15 - Keynote Speaker: TBA</li><li>6:35 - Dinner</li><li>6:45 - Performance: TBD Comedy</li><li>7:00 - Student Panel</li><li>7:45 - Performance: TBA</li><li>8:00 - Guests dismissed with hosts</li><li>9:00 - Campus night tour</li><li>10:00 - Optional Nighttime Activities</li></ul><h3>Day 2 -</h3><ul style = 'list-style-type:none'><li>10:00 AM - Brunch at dining halls</li><li>12:00 PM - Closing Remarks and End of Program</li></ul></p>",
});
}
</script>
<script>
$('button5').click(function(e) {
e.preventDefault();
warnBeforeRedirect5();
});
function warnBeforeRedirect5() {
swal({
html: "<h3>Schedule: April 8</h3><h5>Program planned by Mudit M. and Rochelle S.</h5><h3>Day 1 - </h3><p><ul style = 'list-style-type:none'><li>5:30 PM - Check in at <a href = 'http://www.berkeley.edu/map?annahead'>Anna Head Alumnae Hall</a></li><li>6:15 - Performance: TBA</li><li>6:30 - Keynote Speaker: John DeNero</li><li>6:45 - Dinner</li><li>7:15 - Performance: TBA</li><li>7:30 - Student Panel</li><li>8:15 - Guests dismissed with hosts</li><li>9:00 - Campus night tour</li><li>10:00 - Optional Nighttime Activities</li><h3>Day 2 -</h3><ul style = 'list-style-type:none'><li>10:00 AM - Brunch at dining halls</li><li>12:00 PM - Closing Remarks and End of Program</li></ul></p>",
});
}
</script>
<script>
$('button6').click(function(e) {
e.preventDefault();
warnBeforeRedirect6();
});
function warnBeforeRedirect6() {
swal({
html: "<h3>Schedule: April 15</h3><h4>(Scholarship Recipients Only)</h4><h5>Program planned by Colin S. and Mai N.</h5><h3>Day 1 - </h3><p><ul style = 'list-style-type:none'><li>5:30 PM - Check in at <a href = 'http://www.berkeley.edu/map?annahead'>Anna Head Alumnae Hall</a></li><li>6:10 - Keynote Speaker: Alex Filippenko</li><li>6:30 - Dinner</li><li>6:40 - Performance: Decadence</li><li>6:50 - Performance: TBD Comedy</li><li>7:00 - Student Panel</li><li>8:00 - Guests dismissed with hosts</li><li>8:30 - Campus night tour</li><li>9:30 - Optional Nighttime Activities</li></ul><h3>Day 2 -</h3><ul style = 'list-style-type:none'><li>8:00 AM - End of Program. Participants are encouraged to attend <a href = 'http://calday.berkeley.edu/'>Cal Day</a> activities.</li><li>**NOTE** <a href = 'http://calday.berkeley.edu/'>Cal Day</a> is independent of ROHP.</li></ul></p>",
});
}
</script>
<script>
$('button7').click(function(e) {
e.preventDefault();
warnBeforeRedirect7();
});
function warnBeforeRedirect7() {
swal({
html: "<h3>Aditya Nandy</h3><p>I'm a Chemical Engineering nerd. Seriously. I love math, physics, and chemistry, and you can catch me spending more time than necessary with the Reimer group, conducting research in carbon capture and sequestration! I also figure skate and help lead ROHP. Come talk to me, whether its about sports or science!</p>",
});
}
</script>
<script>
$('button8').click(function(e) {
e.preventDefault();
warnBeforeRedirect8();
});
function warnBeforeRedirect8() {
swal({
html: "<h3>Michelle Ma</h3><p>On a typical day, you can find me spending hours in lab pursuing my passion for biomedical research, studying in Main Stacks, exploring Berkeley with friends, planning MCBcDNA events...oh, and making sure ROHP is an amazing experience for you! My favorite thing about Berkeley is how I get to meet so many talented and amazing people who never cease to inspire me, so please come and say hi!</p>",
});
}
</script>
<script>
$('button9').click(function(e) {
e.preventDefault();
warnBeforeRedirect9();
});
function warnBeforeRedirect9() {
swal({
html: "<h3>Mudit Mittal</h3><p>Hi everyone! My name is Mudit and I am a freshman currently intended to major in Computer Science. I grew up in nearby Fremont, California, and have been living in the Bay Area for most of my life. When I’m not studying, you can find me discovering new food places, playing basketball at the RSF, listening to loud music in my dorm, or watching NBA games online. My favorite aspect about Cal is its diversity, so feel free to talk to me if you see me on campus!</p>",
});
}
</script>
<script>
$('button10').click(function(e) {
e.preventDefault();
warnBeforeRedirect10();
});
function warnBeforeRedirect10() {
swal({
html: "<h3>Rochelle Shen</h3><p>Hi there! :) I am a first year Computer Science major, also looking in Cognitive Science or Econ as well, from Cerritos, CA (hey to all of you from SoCal). Besides creating the website for ROHP, I love to make DIY crafts and learn all sorts about web and graphic design. You may also find me trying all the great food around here, being the foodie that I am. I'm definitely loving it here at Cal, and I am sure you will too. We're ready to make this the best ROHP ever, and I'm so pumped to meet you all. GO BEARS!</p>",
});
}
</script>
<script>
$('button11').click(function(e) {
e.preventDefault();
warnBeforeRedirect11();
});
function warnBeforeRedirect11() {
swal({
html: "<h3>Alex Krentsel</h3><p>I’m a first-year EECS (Electrical Engineering and Computer Science) and Music double-major. I grew up in upstate New York, and finished my last two years of high school in Louisville, Kentucky. Outside of RCSA, I play in the UC Berkeley Symphony Orchestra, and like to play soccer and tennis. If you go skiing, you might catch me on the slopes. I love meeting new people, so feel free to say hi if you see me! I look forward to meeting as many of you as possible. Go Bears!</p>",
});
}
</script>
<script>
$('button12').click(function(e) {
e.preventDefault();
warnBeforeRedirect12();
});
function warnBeforeRedirect12() {
swal({
html: "<h3>Sabrina Van Zuiden</h3><p>I'm a second year Sociology major (intending to double in Social Welfare and minor in Spanish). I was born and raised in Chula Vista, a city in the South Bay of San Diego. I'm really passionate about anti-human trafficking/ social services work, and (when I grow up) I want to be a social worker (or a pop star… we’ll see). I have a slight obsession with Disney movies and the Harry Potter series. I like long walks on the beach, candle lit dinners, colorful sunsets, and napping. But most importantly, I am incredibly, absotively, posilutely, supercalifragilisticexpialidociously excited to be on the 2015-2016 ROHP Committee!</p>",
});
}
</script>
<script>
$('button13').click(function(e) {
e.preventDefault();
warnBeforeRedirect13();
});
function warnBeforeRedirect13() {
swal({
html: "<h3>Alex Pao</h3><p> I am a first year planning on majoring in Economics and Applied Math from Hermosa Beach, CA. Sometimes you’ll find me doing research on modern stock trading practices, and I plan on going into the investment industry in the future. When I’m not, I enjoy playing classical piano, going to the golf course, or hanging out in the dorm and playing video games. Even though I miss the surf and beaches of SoCal, I’ve really enjoyed my time at Cal and I hope you do too!</p>",
});
}
</script>