-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
307 lines (299 loc) · 12.6 KB
/
home.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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- Website created by Wonjun Jeong, Jodi So, Nikhil Narayen, and Vincent Tian-->
<!-- Blueprint <3-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The Berkeley Group</title>
<link rel="stylesheet" href="css/fabrica-font.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/top-bar.css" />
<link rel="stylesheet" href="css/footer.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/about.css" />
<script src="js/modernizr.js"></script>
</head>
<body>
<!-- Top Bar-->
<div class="header">
<div class="fixed">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<a href="home.html"><img src="img/logo-blue.png"/></a>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="nav-about has-dropdown"><a href="home.html">about</a></li>
<li class="nav-clients has-dropdown"><a href="clients.html">clients</a></li>
<li class="nav-consultants has-dropdown"><a href="consultants.html">consultants</a></li>
<li class="nav-partners has-dropdown"><a href="partners.html">partners</a></li>
<li><a href="partners.html#donate_today">donate</a></li>
<li> <a href="contact.html">contact us</a></li>
</ul>
</section>
</nav>
<div class="has-dropdown sub-bar">
<div class="nav-about sub-about">
<ul class="inline-list">
<li class="sub"><a href="#about_us" class="smooth_scroll">about us</a></li>
<li class="sub sub-last"><a href="#executive_committee" class="smooth_scroll">executive committee</a></li>
</ul>
</div>
<div class="nav-clients sub-clients">
<ul class="inline-list">
<li class="sub"><a href="clients.html#our_services" class="smooth_scroll">our services</a></li>
<li class="sub"><a href="clients.html#faq" class="smooth_scroll">FAQ</a></li>
<li class="sub"><a href="clients.html#social_impact" class="smooth_scroll">social impact</a></li>
<li class="sub"><a href="clients.html#application_process" class="smooth_scroll">application process</a></li>
<li class="sub sub-last"><a href="clients.html#client_application" class="smooth_scroll">client application</a></li>
</ul>
</div>
<div class="nav-consultants sub-consultants">
<ul class="inline-list">
<li class="sub"><a href="consultants.html#who_we_are" class="smooth_scroll">who we are</a></li>
<li class="sub"><a href="consultants.html#why_TBG" class="smooth_scroll">why TBG?</a></li>
<li class="sub"><a href="consultants.html#recruitment_timeline" class="smooth_scroll">recruitment timeline</a></li>
<li class="sub sub-last"><a href="consultants.html#consultant_application" class="smooth_scroll">consultant application</a></li>
</ul>
</div>
<div class="nav-partners sub-partners">
<ul class="inline-list">
<li class="sub"><a href="partners.html#why_partner" class="smooth_scroll">why partner?</a></li>
<li class="sub"><a href="partners.html#sponsors" class="smooth_scroll">sponsors</a></li>
<li class="sub"><a href="partners.html#partners" class="smooth_scroll">partners</a></li>
<li class="sub"><a href="partners.html#individual_donors" class="smooth_scroll">individual donors</a></li>
<li class="sub sub-last"><a href="partners.html#donate_today" class="smooth_scroll">donate today</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Picture Slider-->
<ul data-orbit>
<li>
<!--Optimal Image sizes are 1440x625 -->
<div class="orbit-image">
<img src="img/slider1.png" alt="slide 1" />
</div>
</li>
<li class="active">
<div class="orbit-image">
<img src="img/slider2.png" alt="slide 2" />
</div>
</li>
<li>
<div class="orbit-image">
<img src="img/slider3.png" alt="slide 3" />
</div>
</li>
</ul>
<!-- Beginning of About Section-->
<div class="basic-panel">
<div class="row">
<div class="small-12 columns">
<div class="mission-statement">
The Berkeley Group is a student organization at UC Berkeley that provides pro bono consulting services for non-profits and social enterprises in the Bay Area.
</div>
<hr>
</div>
</div>
<a name="about_us" class="anchor-link"></a>
<div class="row">
<h2>about us</h2>
<div class="medium-11 medium-centered columns">
<div class="row panel-row">
<div class="medium-4 columns">
<div class="panel-img">
<img src="img/cog.png"/>
</div>
<div class="panel-text">
<h4>what we do</h4>
The Berkeley Group provides pro bono consulting services for nonprofit organizations and social enterprises throughout the San Francisco Bay Area.
<br><br>
As a leading on-campus organization, The Berkeley Group also provides UC Berkeley students with an opportunity to help create a better world while growing professionally and personally through hands-on experience on high-impact projects.
</div>
</div>
<div class="medium-4 columns">
<div class="panel-img">
<img src="img/heart.png"/>
</div>
<div class="panel-text">
<h4>our mission</h4>
The Berkeley Group believes that helping social sector organizations with their business challenges is a unique way to create sustainable change in our community. <br><br>
We strive to provide the highest quality services to our clients in order to maximize their capacity for social impact.
</div>
</div>
<div class="medium-4 columns">
<div class="panel-img">
<img src="img/newspaper.png"/>
</div>
<div class="panel-text">
<h4>history</h4>
The Berkeley Group was founded in 2003 by four UC Berkeley students who were inspired by Professor Alan Ross's class "The Social, Political, and Ethical Environment of Business," at the Haas School of Business. They hoped to provide an opportunity for students to grow professionally and personally, as well as contribute to the growing social sector. <br><br>
Since its founding, The Berkeley Group has assisted over 100 social sector organizations in the San Francisco Bay Area.
</div>
</div>
</div>
</div>
</div>
</div>
<!--Testimony-->
<div class="testimony-panel">
<div class="row">
<div class="small-1 columns">
<div class="quote-left">
<img src="img/gray-left.png"/>
</div>
</div>
<div class="small-10 columns">
<div class="testimony-text">
The Berkeley Group provides outstanding service to the non profit sector through their work. Their methodology combines sound research and thorough analysis to deliver actionable strategies. Their recommendations have helped focus our organization on the right path.
</div>
</div>
<div class="small-1 columns right">
<div class="quote-right">
<img src="img/gray-right.png"/>
</div>
</div>
</div>
<div class="row">
<div class="testimony-by">
Kathleen Cody, Executive Director<br>
American Bone Health
</div>
</div>
</div>
<!-- Beginning of Executive Section-->
<div class="exec-panel">
<div class="row">
<div class="large-12 columns">
<h2>
<div class="exec-title">
<a name="executive_committee" class="anchor-link"></a>
executive committee
</div>
</h2>
</div>
</div>
<div class="row">
<div class="medium-11 medium-offset-1 columns">
<div class="row">
<div class="medium-4 columns">
<div class="exec-member">
<h5>Jonathan Wang</h5>
<div class="exec-description">
Vice President of Projects<br>
Economics and Statistics
</div>
</div>
</div>
<div class="medium-4 columns">
<div class="exec-member">
<h5>Nitika Daga</h5>
<div class="exec-description">
President<br>
Cognitive Science and Computer Science
</div>
</div>
</div>
<div class="medium-4 columns">
<div class="exec-member">
<h5>Ashwini Bhide</h5>
<div class="exec-description">
Vice President of External Affairs<br>
Economics and Cognitive Science
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="medium-11 medium-offset-1 columns">
<div class="row">
<div class="medium-4 medium-offset-2 columns">
<div class="exec-member">
<h5>Carl Moos</h5>
<div class="exec-description">
Vice President of Internal Affairs<br>
Economics and Statistics
</div>
</div>
</div>
<div class="medium-6 columns">
<div class="exec-member">
<h5>Judy Kim</h5>
<div class="exec-description">
Vice President of Development<br>
Business Administration
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Beginning of Footer-->
<div class="footer">
<div class="row">
<div class="medium-3 columns">
<div class="footer-title">
CONTACT US
</div>
<div class="row">
<div class="small-1 columns">
<ul class="footer-list">
<li class="footer-item">
<img src="img/mail.png"/></li>
<li class="footer-item">
<img src="img/facebook.png"/></li>
<li class="footer-item">
<img src="img/twitter.png"/></li>
<li class="footer-item">
<img src="img/linkedin.png"/></li>
</ul>
</div>
<div class="small-10 columns">
<ul class="footer-list2">
<li class="footer-item">
<a href="mailto:[email protected]">[email protected]</a></li>
<li class="footer-item">
<a href="http://facebook.com/theberkeleygroup">Facebook</a></li>
<li class="footer-item">
<a href="http://twitter.com/theberkeleygrp">Twitter</a></li>
<li class="footer-item">
<a href="http://linkedin.com/company/the-berkeley-group">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
<div class="medium-3 medium-offset-1 columns">
<div class="footer-title2">
WORK WITH US
</div>
<ul class="footer-list">
<li class="footer-item"><a href="clients.html">Clients</a></li>
<li class="footer-item"><a href="consultants.html"> Consultants</a></li>
<li class="footer-item"><a href="partners.html"> Partners</a></li>
</ul>
</div>
<div class="medium-2 large-offset-3 columns">
<div class="footer-logo center">
<img src="img/footer-logo.png"/>
</div>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<script src="js/app.js"></script>
</body>
</html>