-
Notifications
You must be signed in to change notification settings - Fork 0
/
activities.html
164 lines (138 loc) · 7.73 KB
/
activities.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
<!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/activities_images/1.jpg" /></div>
<div><img u="image" src="pictures/activities_images/2.jpg" /></div>
<div><img u="image" src="pictures/activities_images/3.jpg" /></div>
<div><img u="image" src="pictures/activities_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>
<h2>Activities</h2> As your Co-Activities Chair, Kevin and Kristen organize numerous recreational events that require day trips in order to attend events such as the annual Friendship Games and three seasonal retreats. Alongside larger events, they also organize on-campus events that include creating intramural teams and hosting Fun Fitness Friday's. We are excited to take on these responsibilities and hope that VSA members will create strong bonds as their main goal is to create a family. Look forward to these VSA events this 2014-2015 year!
</div>
<div class="title_bar2 font_style2" align="center">
<p class="font_style6">Sign up here</p>
<div class="imagelinks">
<div class="link_bar font_style2" align="center">
<a href="http://tinyurl.com/ko6qm9f" target="_blank"><h2>Friendship Squad</h2></a>
<a href="http://tinyurl.com/ko6qm9f" target="_blank">(click me!)</a>
</div>
</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>