-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsiop.html
163 lines (134 loc) · 8.41 KB
/
siop.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
<!DOCTYPE html>
<html>
<head>
<title>UCSBVSA</title>
<meta charset="utf-8"/>
<link type= "text/css"; rel="stylesheet"; href="css/stylesheet.css"/>
<link rel="icon" type="image" href="pictures/ucseal3.gif">
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<!-- use jssor.slider.mini.js (39KB) or jssor.sliderc.mini.js (31KB, with caption, no slideshow) or jssor.sliders.mini.js (26KB, no caption, no slideshow) instead for release -->
<!-- jssor.slider.mini.js = jssor.sliderc.mini.js = jssor.sliders.mini.js = (jssor.core.js + jssor.utils.js + jssor.slider.js) -->
<script type="text/javascript" src="js/jssor.core.js"></script>
<script type="text/javascript" src="js/jssor.utils.js"></script>
<script type="text/javascript" src="js/jssor.slider.js"></script>
<script src="js/jquery-ui-1.11.1.custom/jquery-ui.js"></script>
<script src="js/jquery-ui-1.11.1.custom/jquery-ui.min.js"></script>
<script src="js/slider.js"></script>
<script src="js/menu.js"></script>
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$DragOrientation: 3 //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
var jssor_slider2 = new $JssorSlider$("slider2_container", options);
});
</script>
</head>
<body background="pictures/UCSB-from-air1.jpg">
<div id="page_wrapper">
<!--navigation panel-->
<div id="header_wrapper"><div class="nav font_style">
<ul align="center">
<li class="topic">*</li>
<li class="topic" id="button1"><a href="about">About</a>
<ul class="subtopic1">
<li class="topic "><a href="about">VSA</a></li>
<li class="topic "><a href="http://www.uvsa.org/about/">UVSA</a></li>
<li class="topic "><a href="academics">Academics</a></li>
<li class="topic "><a href="culture">Cultural</a></li>
<li class="topic "><a href="ace">ace</a></li>
</ul>
</li>
<li class="topic">*</li>
<li class="topic" id="button2"><a href="siop">SIOP</a>
<ul class="subtopic2">
<li class="topic "><a href="siop">Siop</a></li>
</ul>
</li>
<li class="topic">*</li>
<li class="topic" id="button3"><a href="images">media</a>
<ul class="subtopic3">
<li class="topic "><a href="images">images</a></li>
<li class="topic "><a href="https://www.youtube.com/user/UCSBVSA/videos">videos</a></li>
</ul>
</li>
<li class="topic">*</li>
<li class="topic" id="button"><a href="http://www.ucsbvsa.com/"><img src="pictures/vsaBanner.png" alt="VSA" width="137" height="40"></a></li>
<li class="topic">*</li>
<li class="topic" id="button4"><a href="events">Events</a>
<ul class="subtopic4">
<li class="topic "><a href="events">Calendar</a></li>
<li class="topic "><a href="vcn">vcn</a></li>
<li class="topic "><a href="activities">Activities</a></li>
<li class="topic "><a href="retreats">Retreats</a></li>
</ul>
</li>
<li class="topic">*</li>
<li class="topic" id="button5"><a href="team">Team</a>
<ul class="subtopic5">
<li class="topic "><a href="team">Staff</a></li>
<li class="topic "><a href="intern">Intern</a></li>
<li class="topic "><a href="contact">Contact</a></li>
</ul>
</li>
<li class="topic">*</li>
<li class="topic" id="button6"><a href="http://www.ucsbvsa.com/blog/">Blog</a>
<ul class="subtopic6">
<li class="topic "><a href="http://www.ucsbvsa.com/blog/">Wordpress</a></li>
<li class="topic "><a href="https://www.facebook.com/sb.vsa?fref=ts">Facebook</a></li>
<li class="topic "><a href="http://www.instagram.com/ucsbvsa">Instagram</a></li>
</ul>
</li>
<li class="topic">*</li>
</ul>
</div></div> <!--end of navigation panel-->
<div id="mid_page">
<div class="ad_left">
<img class ="ad_left2"src="pictures/clear.png" alt="VSA" width="275" height="600">
</div>
<div id="content_wrapper" class="content_bg">
<div class="socialMedia "><table cellpadding="5" width="100" cellspacing="0">
<tr>
<td><a href="https://www.facebook.com/sb.vsa?fref=ts" target="_blank"><img src="http://api.ning.com/files/yK4NcMrBlofWleqeABbNHR-JwhBMxMRlC7NRM0KCYhLk4i-pqoO0AYXzAp3bKHf0IYIP3Qjn0GVzm5V1Gv56dUqaq68hdmSW/facebooks1_60.png" alt="Join Our Facebook Fan Page" width="36" height="36" border="0"></a></td>
<td><a href="https://www.flickr.com/photos/66828351@N05/sets" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/web2badges/png/flickr.png" alt="Check Us Out On MySpace" width="40" height="40" border="0"></a></td>
<td><a href="https://www.youtube.com/user/UCSBVSA/videos" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/micon-social-pack/512/youtube-128.png" alt="Follow Us On Youtube" width="36" height="36" border="0"></a></td>
</tr>
</table>
</div> <!--end of social media panel-->
<div id="slider1_container" style="z-index:1; position: relative; top: 0px; left: 0px; width: 980px;
height: 630px;">
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height: 570px;
overflow: hidden;">
<div><img u="image" src="pictures/siop_images/1.jpg" /></div>
<div><img u="image" src="pictures/siop_images/2.jpg" /></div>
<div><img u="image" src="pictures/siop_images/3.jpg" /></div>
<div><img u="image" src="pictures/siop_images/4.jpg" /></div>
</div>
<a style="display: none" href="http://www.jssor.com">javascript slider</a>
</div>
<div class="content_box1 font_style2" align="center"><br><br><br><br>
<h2>SIOP</h2> The aim of our Student Outreach Program is to increase the college attendance rates of students of low-income background. It is to help get high school students motivated and excited about college. This past year, we brought 50 selected high school students from all throughout Orange County to UCSB; allowing them to experience the campus first hand!
</div>
<br><br><br>
<div class="siop content_box1 font_style2" align="left">
<h2 align="center">The Experience</h2><p> Volunteers from our club showed these students around our beautiful campus and held workshops and discussion groups to help answer any questions they may have had about applying for college or college life in general. Keynote speakers Jeremy Tran and Joe Charles were invited to give presentations to the students! <br><br> Jeremy Tran is considered a legend in his hometown of Westminster, CA as he was one of the contestants on the ABC reality show “The Scholar” and graduated from Harvard University on a $20,000 scholarship. He is now an attorney at the Century City office of O’Melveny & Myers, LLP. <br><br> Joe Charles is a Los Angeles based Cinematographer and is the house videographer for LA fashion week, Miss Asia Global, and has worked on Golden Bridge. We work very hard to ensure the students have a great experience with the outreach program and we keep in touch with the students in case they have any further questions regarding college.
</p></div>
</div> <!--end of content panel-->
<div class="ad_right">
<img class ="ad_left2"src="pictures/clear.png" alt="VSA" width="275" height="600">
</div>
</div>
<div id="footer_wrapper">
<div class="motto font_style3">Join the Bond. Come out to our Events.</div>
<div class="footer font_style4">
<img src="pictures/wave.png" alt="VSA" width="137" height="55">
<p>© Copyright 2014 UCSB Vietnamese Student Association.
Designed and created by Melvin Nguyen.</p>
</div>
</div>
</div>
</body>
</html>