-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjoin.html
206 lines (175 loc) · 7.57 KB
/
join.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
<!--DONE W NAVBAR EDITS - MEEJIN-->
<html>
<head>
<title>Cal Actuarial League</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<style>
#join {
border-style: solid;
border-color: white;
}
#join:link, #join:visited {
border: 2px solid white;
color: black;
padding: 10px 30px 8px 30px ;
text-align: center;
background-color: white;
text-decoration: none;
display: inline-block;
}
#join:hover, #join:active {
background-color: white;
color: black;
}
#pic {
width: 80%;
display: block;
margin:auto;
border: 15px solid white;
}
a#tabs{
position: relative;
color: white;
text-decoration: none;
}
a#tabs:hover {
color: white;
}
a#tabs:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a#tabs:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
color: white;
}
</style>
</head>
<body>
<div class="hk" style="background-color:#262626; margin:20px; height:55%; width:calc(100% - 40px);">
<!-- NAVBAR -->
<nav class="db dt-l w-100 border-box pa4 ph5-l">
<a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="index.html" title="Home">
<img src="img/logo_cropped_tp_whiteyellow.png" width="21%" alt="Site Name">
</a>
<div class="db dtc-l v-mid w-100 w-75-l tc tr-l">
<a id = "tabs" class="white f6 f5-l dib mr3 mr4-l" href="resources/whyactuary.html" title="Resources">RESOURCES</a>
<a id = "tabs" class="white f6 f5-l dib mr3 mr4-l" href="oc2017.html" title="Careers">CAREERS</a>
<a id = "tabs" class="white f6 f5-l dib mr3 mr4-l" href="sponsors.html" title="Sponsors">SPONSORS</a>
<a id="join" href="join.html" title="Join">JOIN</a>
</div>
</nav>
<!-- HEADER -->
<header class="">
<div class="cover bg-left bg-center-l">
<div class="pb5 pb6-m pb7-l">
<div class="tl-l mt4 mt5-m mt6-l ph3 w-70 center">
<h1 class="athelas white" style="font-size: 80px">Join Us</h1>
<!-- <h2 class="fw1 f3 white-80 mt3 mb4">UC Berkeley’s Premier Resource for Aspiring Actuaries</h2> -->
</div>
</div>
</div>
</header>
</div>
<!-- CONTENT -->
<div class="mw9 center ph3-ns" style="margin:20px;">
<div class="cf ph2-ns pv5 w-70 center">
<div class="fl f3 w-30 pa2">
<span class="dib bt bw2 pv3 hk-bold">How can Cal Actuarial League help me?</span>
</div>
<div class="fl f3 w-70 pa2 hk-light">
<div class="content">
<p style='font-size:18px'>
<span class = "hk-bold">1. Exam 1/P and Exam 2/FM DeCals</span> <br/><br/>
<span class = "hk-bold">2. Access to Exam Study Guides</span> <br/>
<span class = "hk-bold" >+</span> Speak to the DeCal Coordinators and assistants for more information<br/><br>
<span class = "hk-bold">3. Leadership Opportunities</span> <br/>
<span class = "hk-bold" >+</span> Become an officer, where you will have opportunities to present at workshops and lead club events<br /><br />
<span class = "hk-bold">4. Numerous Events</span> <br />
<span class = "hk-bold" >+</span> First General Meeting<br>
<span class = "hk-bold" >+</span> Annual Actuarial Career Fair (Fall)<br>
<span class = "hk-bold" >+</span> Annual Actuarial Case Competition (Spring)<br>
<span class = "hk-bold" >+</span> Company Info Sessions<br>
<span class = "hk-bold" >+</span> Basic and Advanced Excel Workshop (member-exclusive)<br>
<span class = "hk-bold" >+</span> Resume Workshop (member-exclusive)<br>
<span class = "hk-bold" >+</span> Internship Experience Talk (member-exclusive)<br>
<span class = "hk-bold" >+</span> Member Social (member-exclusive)
</p>
</div>
</div>
</div>
</div>
<div class="white mw9 center ph3-ns" style="background-color:#262626; margin:20px;">
<div class="cf ph2-ns pv6 w-70 center">
<div class="fl f3 w-30 pa2">
<span class="dib bt bw2 pv3 hk-bold">How can I get involved?</span>
</div>
<div class="fl f3 w-70 pa2 hk-light">
<div class="content">
<p style='font-size:18px'>
<span class = "hk-bold">1. Become a member of CAL by emailing</span> [email protected] or by finding our Internal Vice President
at the next event and paying $15 for a semester membership and a CAL pin! <br /><br />
<span class = "hk-bold">2. Attend CAL's events</span> by looking out for event details sent through the mailing list <br /><br />
<span class = "hk-bold">3. Join our mailing list</span> by signing up here or at one of our events<br /><br />
<span class = "hk-bold">4. Join our Facebook and LinkedIn group</span> by requesting to join the Cal Actuarial League
group on Facebook and LinkedIn, where you will have the opportunity to connect with other CAL members and alumnus!
</p>
</div>
</div>
</div>
</div>
<div class="mw9 center ph3-ns" style="margin:20px;">
<div class="cf ph2-ns pv6 w-70 center">
<div class="fl f3 w-30 pa2">
<span class="dib bt bw2 pv3 hk-bold">Membership Benefits</span>
</div>
<div class="fl f3 w-70 pa2 hk-light">
<div class="content">
<p style='font-size:18px'>
1. Internship / full-time job information through our member-exclusive mailing list <br /><br />
2. Access to CAL's member-exclusive events
</p>
</div>
</div>
</div>
</div>
<div class="white mw9 center ph3-ns" style="background-color:#262626; margin:20px;">
<div class="cf ph2-ns pv6 w-70 center">
<div class="fl f3 w-30 pa2">
<span class="dib bt bw2 pv3 hk-bold">Dues</span>
</div>
<div class="fl f3 w-70 pa2 hk-light">
<div class="content">
<p style='font-size:18px'>
Dues for members are $20 for lifetime membership. Become a member and receive all the member-exclusive benefits
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeQg1HaxEx-NTFvTYp0gHFCPAtZsM7SDPForKquY0LyXfR8ug/viewform" target = "_blank" style="color:white">HERE!</a>
</p>
</div>
</div>
</div>
<div class="" style="background-color:#262626; height: 10rem; position: relative; margin:20px">
<a href = "https://www.linkedin.com/company/california-actuarial-league">
<img style="height: 50px; position:absolute; bottom: 50px; right: 270px;" src="./img/in.png" />
</a>
<a href = "https://www.facebook.com/groups/2225382920/about/">
<img style="height: 50px; position:absolute; bottom: 50px; right: 200px;" src="./img/flogo1.png" />
<a href = "https://www.ocf.berkeley.edu/">
<img style="height: 50px; position:absolute; bottom: 50px; right: 50px;"src="./img/ocf.png"/>
</a>
</div>
</div>
</div>
</body>