-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsponsors.html
177 lines (149 loc) · 6.55 KB
/
sponsors.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
<!--DONE W NAVBAR EDITS - MEEJIN-->
<html>
<head>
<title>Cal Actuarial League</title>
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<style>
#join {
border-style: solid;
border-color: white;
}
#join:link, #join:visited {
border: 2px solid white;
color: white;
padding: 10px 30px 8px 30px;
text-align: center;
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>
<body>
<div class="hk" style="background-color:#262626; margin:20px; height:65%; width: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 class="white f6 f5-l dib mr3 mr4-l" href="sponsors.html" title="Sponsors" style="text-decoration: none; border-bottom: 2px solid white; padding-bottom: 4px;">SPONSORS</a>
<a id="join" href="join.html" title="Join">JOIN</a>
</div>
</nav>
<!-- HEADER -->
<header class="db">
<div class="cover bg-left bg-center-l">
<div class="pb3 pb4-m pb5-l">
<div class="tl-l mt4 mt5-m mt6-l ph3 w-70 center">
<h1 class="athelas f-headline fw2 white mb0 lh-title" style="font-size: 80px">Sponsors</h1>
<h2 class="fw1 f3 white-90 mt3 mb4" style="font-size: 25px">Corporate Sponsorships</h2>
</div>
</div>
</div>
</header>
<!-- CONTENT -->
</div>
<div class="hk tl-l mt3 mt5-l ph3 w-70 pt2 center">
<h2 class="fw1 f3 black-80 mt2 mb4">We gratefully acknowledge the support from our generous sponsors!</h2>
</div>
<article class="w-70 center mb5-l">
<div class="cf pa2">
<div class="fl w-third-ns ph4 pa">
<a href="http://www.aon.com/default.jsp" target="_blank" class="db link dim tc">
<img src="img/aon.png" class="w-100 db outline black-10"/>
</a>
</div>
<div class="fl w-third-ns ph4 pa">
<a href="https://calstate.aaa.com/?zip=94720&stateprov=ca&city=berkeley&devicecd=PC" target="_blank" class="db link dim tc">
<img src="img/aaa.png" class="w-100 db outline black-10"/>
</a>
</div>
<div class="fl w-third-ns ph4 pa">
<a href="https://www.mercer.com/" target="_blank" class="db link dim tc">
<img src="img/mercer.png" class="w-100 db outline black-10"/>
</a>
</div>
<div class="fl w-third-ns ph4 pa4">
<a href="https://www.fidelity.com/" target="_blank" class="db link dim tc">
<img src="img/fidelity.png" class="w-100 db outline black-10"/>
</a>
</div>
<div class="fl w-third-ns ph4 pa4">
<a href="https://www.esurance.com/" target="_blank" class="db link dim tc">
<img src="img/esurance.png" class="w-100 db outline black-10"/>
</a>
</div>
<div class="fl w-third-ns ph4 pa4">
<a href="http://www.oliverwyman.com/index.html" target="_blank" class="db link dim tc">
<img src="img/oliverwyman.png" class="w-100 db outline black-10"/>
</a>
</div>
</div>
</article>
<div class="white center ph3-ns" style="background-color:#262626; margin:10px;">
<div class="cf ph2-ns pv6 w-70 center">
<div class="fl f3 w-100 pa2 hk">
<div class="content" style='font-size:20px'>
<p>Thank you for your interest in establishing and/or strengthening your partnership with Cal Actuarial League, a professional student organization for aspiring actuaries at University of California, Berkeley. As the only actuarial student organization on campus, Cal Actuarial League is increasingly recognized as the ultimate resource for students interested in the actuarial profession at UC Berkeley. Year after year, our students remain highly desired by various firms across the nation for their strong command in data analysis, research, and communication.<br /><br/>
As our corporate sponsor, we make it our top priority to connect you with UC Berkeley students. Your relationship with us could start with displaying your company logo and link on our website, and it could also be as large as being a major sponsor of our events, such as our annual Actuarial Case Competition. To request a copy of our Corporate Sponsorship Package or to direct any other inquiries, please feel free to contact our External Vice President at externalvp@actuary.berkeley.edu, or President at president@actuary.berkeley.edu.<br/><br/>
Sincerely,<br/>
Cal Actuarial League
</p>
</div>
</div>
</div>
<!-- FOOTER -->
<div class="" style="background-color:#262626; height: 10rem; position: relative;">
<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>
</body>
</html>