-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
342 lines (319 loc) · 16.1 KB
/
about.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
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<html lang="en-us" ng-app="MB" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<!-- Meta Tags for SEO -->
<title>DiversaTech Consulting</title>
<meta name='subject' content='Consulting' />
<meta name='description' content="DiversaTech Consulting is UC Berkeley's tech consultancy. We are unique from other consulting organizations because we combine both engineering and business principles to create dynamic recommendations and strategies." />
<meta name='keywords' content='DiversaTech, DiversaTech berkeley, cal DiversaTech, consulting, diversatech consulting, berkeley' />
<meta name='url' content='http://diversatech.org' />
<meta name='copyright' content='DiversaTech' />
<meta name='robots' content='index, follow' />
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/modern-business.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!--Import Google Icon Font-->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!--Import Google Font-->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet">
<!--Import Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<!--navigation bar-->
<div id='nav-container'></div>
<body>
<!-- Page Content -->
<div class="container my-5">
<!-- First Section -->
<div class="row px-3">
<h1 class="page-title">About Us</h1>
</div>
<div class="row py-4">
<div class="col-lg-6">
<h2>Who We Are</h2>
<p class="lead">
We are the leading student-run technology consulting organization at UC Berkeley, founded in 2016 and active since.
Every academic semester, we work with 4 different clients and recruit new consultants to join our project teams.
Our projects range from strategy and research to data analysis and app development. Learn more about what we do on our <a href="clients.html">Clients</a> page.
</p>
<p class="lead">
Our consulting project teams bring an interdisciplinary approach to solving challenging industry problems.
As much of today’s workforce, especially in tech, relies on cross-team collaboration in order to successfully build and launch a product,
we feel it is important to emulate this interdisciplinary structure in our projects as well.
</p>
</div>
<div class="col-lg-6">
<img class="img-fluid rounded mb-4" src="img/social/about1.png" alt="">
</div>
</div>
<div class="row py-4">
<div class="col-lg-6">
<img class="img-fluid rounded mb-4" src="img/social/about2.png" alt="">
</div>
<div class="col-lg-6">
<h2>Mission Statement</h2>
<p class="lead">
We strongly believe that the most innovative and creative solutions arise from diversity of thought.
We encourage students of all backgrounds to connect, collaborate, and create through our consulting projects.
</p>
<p class="lead">
While other consulting organizations are composed of mostly business or economics majors, we seek to channel the many ways Cal prepares students across various majors, from humanities to STEM, to analyze and solve problems.
Our unique approach enables us to provide not only technical recommendations, but also valuable insights into marketing, sales, strategy, design, and more, ultimately bridging the quantitative with the qualitative.
</p>
</div>
</div>
<!-- /.row -->
<hr>
<!-- Second Section -->
<div class="row px-3">
<h1 class="page-title">Dedicated to Diversity</h1>
</div>
<div class="row py-4 px-3">
<p class="lead">Our diversity in thought is reflected in not only our words, but also our numbers. We value members from different backgrounds and are driven to create a welcoming atmosphere for anyone who joins our club.
We continuously look to uplift the representation of underrepresented minorities in tech and business within our club, through actively hosting diversity events throughout the semester and engaging with other diversity-focused organizations.
</p>
<p class="text-muted">*This data was collected on members in Spring 2019.</p>
</div>
<div class="row py-4">
<div class="col-lg-4">
<iframe width="365" height="227" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSnbnObvmE4YGFvo6u4JsHf3MF98WqggTCdvmWJt5X5NeUY-esBeUzOZ4BVhOYERFd9aW6AArjHx3AF/pubchart?oid=1716185206&format=interactive"></iframe>
</div>
<div class="col-lg-4">
<iframe width="365" height="227" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSnbnObvmE4YGFvo6u4JsHf3MF98WqggTCdvmWJt5X5NeUY-esBeUzOZ4BVhOYERFd9aW6AArjHx3AF/pubchart?oid=1225661407&format=interactive"></iframe>
</div>
<div class="col-lg-4">
<iframe width="365" height="227" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSnbnObvmE4YGFvo6u4JsHf3MF98WqggTCdvmWJt5X5NeUY-esBeUzOZ4BVhOYERFd9aW6AArjHx3AF/pubchart?oid=865437084&format=interactive"></iframe>
</div>
</div>
<!-- /.row -->
<hr>
<!--Leadership Section-->
<div class="row px-3">
<h1 class="page-title">Meet the Team</h1>
</div>
<!--Executive Board-->
<div class="row py-4 px-3">
<h2>Executive Board</h2>
</div>
<div class="row">
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/saralynn.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Saralynn Chick</h4>
<p class="lead profile-card-caption">Co-President</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/saralynnchick/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:saralynnchick@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/julia.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Julia Liu</h4>
<p class="lead profile-card-caption">Co-President</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/juliasliu/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:juliasliu@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/karen.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Karen Tan</h4>
<p class="lead profile-card-caption">Internal VP</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/karen-t/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:karentan@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/zihan.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Zihan Wen</h4>
<p class="lead profile-card-caption">External VP</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/zihanwen/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:zihan.wen@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/stella.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Stella Kim</h4>
<p class="lead profile-card-caption">VP of Marketing</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/stellabkim/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:stellabkim@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/mallika.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Mallika Chennupaty</h4>
<p class="lead profile-card-caption">VP of Projects</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/mallika-chennu/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:mdchennu@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!--Project Manager Board-->
<div class="row py-4 px-3">
<h2>Project Managers</h2>
</div>
<div class="row">
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/aishwarya.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Aishwarya Gunaseelan</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/aishwaryagunaseelan/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:agunaseelan@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/angela.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Angela Lee</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/angelapl/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:angela.pl@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/jonathan.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Jonathan Sham</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/jonathansham/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:jonathansham@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/patrick.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Patrick Zhu</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/patrickrzhu/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:patrickrz@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/rachael.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Rachael Deng</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/rachael-deng/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:rachael.deng74@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/rimika.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Rimika Banerjee</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/rimika-banerjee/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:rimikabanerjee@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/sri.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Sri Cherivirala</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/srinija-cherivirala/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:srinija@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card profile-card">
<img src="img/leadership/vidit.jpg" class="card-image"/>
<div class="overlay">
<h4 class="profile-card-title">Vidit Bhatwadekar</h4>
<p class="lead profile-card-caption">Project Manager</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/vidit-bhatwadekar/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:viditbhatwadekar@berkeley.edu"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</body>
<!--footer bar-->
<div id='footer-container'></div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!--Import custom.js-->
<script type="text/javascript" src="js/custom.js"></script>
</html>