-
Notifications
You must be signed in to change notification settings - Fork 0
/
ace.html
168 lines (141 loc) · 8.08 KB
/
ace.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
<!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/ace_images/1.jpg" /></div>
<div><img u="image" src="pictures/ace_images/2.jpg" /></div>
<div><img u="image" src="pictures/ace_images/3.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>Anh Chi Em</h2> Our Anh Chi Em program is also known as our Big/Little Sibling program. This wonderful program demonstrates SB VSA’s central theme of family. This program is generally designed to help first year or transfer students transition to life at UCSB. A Big’s responsibility is to provide both academic and social support for their Little(s), just like an older sibling would. We carefully pair up members with either a Big or a Little(s), and hold bonding events to provide chances for the pairs to get to know each other. The more time spent together outside and inside of VSA, the greater and closer the relationship! The pairs are chosen based off of personalized and common interests. This program is never selective and is open to all interested.
</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/n5z6tkl" target="_blank"><h2>Big Application</h2></a>
<a href="http://tinyurl.com/n5z6tkl" target="_blank">(click me!)</a>
</div>
<div class="link_bar font_style2" align="center">
<a href="http://tinyurl.com/mar2g49" target="_blank"><h2>Little Application</h2></a>
<a href="http://tinyurl.com/mar2g49" 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>