forked from neurotech-berkeley/neurotech-berkeley.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdivisions.html
More file actions
385 lines (347 loc) · 17.6 KB
/
divisions.html
File metadata and controls
385 lines (347 loc) · 17.6 KB
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
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!doctype html>
<html lang="en">
<head>
<title>NT@B | Divisions</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="images/WhiteLogo.png">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="fonts/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
<!-- Theme Style -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header role="banner">
<nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid">
<a class="navbar-brand " href="index.html">Neurotech@Berkeley</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05"
aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample05">
<ul class="navbar-nav pl-md-5 ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="divisions.html">Divisions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://medium.com/neurotech-berkeley">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mind.html">MIND</a>
</li>
<li class="nav-item">
<a class="nav-link" href="join.html">Join</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- END header -->
<div class="inner-page">
<div class="slider-item overlay darken" style="background-image: url('images/old_banner.jpg'); background-color: #0B2041;" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row slider-text align-items-center justify-content-center">
<div class="col-lg-9 text-center col-sm-12 element-animate">
<h1 class="mb-4" style="text-align: center">Divisions</h1>
<p class="custom-breadcrumbs"><i>Division</i> (n): a major unit or section of an organization, typically one handling a particular kind of work.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-lg-5 mr-auto mb-5">
<span class="d-block text-uppercase text-secondary">What are divisions at NT@B?</span>
<span class="divider my-4"></span>
<h2 class="mb-4 section-title">Long story short: it's where the magic happens</h2>
<p>Our four divisions are dynamic groups of ten to twenty students supported by two leads.
These are the teams that build brain-reading apps, connect with major industry powers, and write Medium's leading essays.
</p>
<p>What's more, divisions exist as much for each other as they do for themselves. Our writers inspire our coders and
our tinkerers push for outreach events. They pool their resources to teach valuable skills. Learning, building, and exploring together:
this is the heart of Neurotech@Berkeley.</p>
<!-- <p class="mb-5">To see a showcase of some of our divisions' latest magic, follow the link below:</p>
<p><a href="portfolio.html" class="btn btn-outline-black">Learn More</a></p> -->
</div>
<div class="col-lg-6">
<figure class="img-dotted-bg">
<img src="images/infosession_fa19.jpg" alt="Image" class="img-fluid">
</figure>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-lg-5 mr-auto mb-5">
<h2 class="mb-4 section-title">But we also make sure to have fun</h2>
<p>Stick around, and you'll see that our divisions are tight-knit communities. After all, each is full of people who have laughed and struggled together while writing, coding, and creating. In the course of all this,
many of us have become close friends.</p>
<p>In some ways, establishing a diverse and inclusive community is much more challenging than bringing talented people together
to create something incredible. Yet this is something that every NT@B member would say is integral to why they stay.</p>
</div>
<div class="col-lg-6">
<figure class="img-dotted-bg">
<img src="images/berkeley_project_fa19.jpg" alt="Image" class="img-fluid">
</figure>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row justify-content-center mb-5 element-animate">
<div class="col-md-8 text-center">
<h2 class="mb-4 section-title">Introducing the Divisions</h2>
</div>
</div>
</div>
</div>
<div class="section" id = "software">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Venture: Software</h3>
<p>Neurotechnology's potential to improve lives is unmatched. Neurotech@Berkeley's <strong>software division</strong> is committed to building innovative, impactful software solutions to big problems.</p>
<p>Each year, we participate in our parent organization NeurotechX's Open Challenge where we are tasked with using EEG data to build a software-based solution to a neuroscience problem. Our latest project, <i>StayWoke</i> is an Android application that alerts drivers when they are falling asleep. </p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Saarang Panchavati and Abhinav Pottabathula.
</li>
<li class="mb-3">
<strong class="d-block text-black">Profile:</strong>
A motley crew of coders and biologists trying to understand brains.
</ul>
<p style="text-align: center"><a href="https://github.com/neurotech-berkeley/muse-workshops" class="btn btn-outline-black ">Workshops</a></p>
</div>
<div class="col-lg-5">
<img src="images/division_banners/software.jpg" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="section" id = "devices">
<div class="container">
<div class="row mb-5">
<div class="col-lg-5">
<img src="images/division_banners/devices.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Venture: Devices</h3>
<p>Products for the mind, by the mind. Neurotech@Berkeley’s <strong> devices division </strong> aims to help members develop the skills to design products for the future. </p>
<p>The main focus of the club is to participate in our parent organization NeurotechX's fixed challenge, but we are open to any new and interesting hardware projects that we could enter into the open challenge as well!</p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Kevin Jung and Eliott Park.
</li>
<li class="mb-3">
<strong class="d-block text-black">Profile:</strong>
Golden bears creating hardwares.
</ul>
<!-- <p style="text-align: center"><a href="#" class="btn btn-outline-black ">Visit Website</a></p> -->
</div>
</div>
</div>
</div>
<div class="section" id = "consulting">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Consulting</h3>
<p> The <strong> consulting division </strong> delivers neurotech-reliant solutions to external partners. </p>
<p> Division leads are project managers who empower teams of five to six consultants. Division members are some of NT@B’s best developers, designers, and leaders. In the past, NT@B has built EEG-reliant education apps and worked with companies whose products have neurotech use cases. If you are interested in working with us, please shoot us an email at <a href="mailto:contact@neurotech.berkeley.edu">contact@neurotech.berkeley.edu</a>. </p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Christopher Zou.
</li>
<li class="mb-3">
<!-- <strong class="d-block text-black">Profile:</strong> -->
<!-- A motley crew of coders and biologists trying to understand brains. -->
</ul>
<!-- <p style="text-align: center"><a href="https://github.com/neurotech-berkeley/muse-workshops" class="btn btn-outline-black ">Workshops</a></p> -->
</div>
<div class="col-lg-5">
<img src="images/division_banners/consulting.jpg" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="section" id = "outreach">
<div class="container">
<div class="row mb-5">
<div class="col-lg-5">
<img src="images/division_banners/outreach.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Outreach</h3>
<p> Neurotech@Berkeley's <strong> outreach division </strong> connects our budding talent with neurotechnology's greatest minds in academia and industry. </p>
<p> We build the pathway for ideas, software, and hardware to flow between us and the outside world.</p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Aaron Ouyang and Chris Yoo.
</li>
<li class="mb-3">
<strong class="d-block text-black">Profile:</strong>
Outgoing organisms outreaching opportunistically.
</ul>
<!-- <p style="text-align: center"><a href="#" class="btn btn-outline-black ">Visit Website</a></p> -->
</div>
</div>
</div>
</div>
<div class="section" id="publications">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Publications</h3>
<p>The world of neurotechnology changes as fast as thought. Neurotech@Berkeley's <strong>publications division</strong> covers the latest in the industry, writing
on bioethics, data privacy, and technical innovations.</p>
<p>On Medium, Publications has been recognized as a Top Writer in Innovation and published on curated Neuroscience pages. Its in-house production, <i>Mind</i>,
is a collaboration between NT@B, the Helen Wills Neuroscience Institute, and various Berkeley faculty and graduate students.</p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Jwalin Joshi and Lillian Shallow.
</li>
<li class="mb-3">
<strong class="d-block text-black">Profile:</strong>
A bunch of CS/MCB majors turned newspaper nerds.
</ul>
<p style="text-align: center"><a href="#" class="btn btn-outline-black ">Medium blog</a></p>
</div>
<div class="col-lg-5">
<img src="images/division_banners/publications.jpg" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="section" id = "education">
<div class="container">
<div class="row mb-5">
<div class="col-lg-5">
<img src="images/division_banners/education.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-7 ml-auto">
<h3 class="mb-4 section-title">Education</h3>
<p> As the field of neurotechnology grows, student interest and learning opportunities increase. </p>
<p> Neurotech@Berkeley’s <strong> education division </strong> seeks to spread knowledge and passion for neurotech through a student-led DeCal, Intro to Neurotechnology. It’s currently being offered in the Spring 2020 semester. </p>
<ul class="list-unstyled mb-5">
<li class="mb-3">
<strong class="d-block text-black">Leads:</strong>
Deven Navani and Amy Wang.
</li>
<li class="mb-3">
<strong class="d-block text-black">Profile:</strong>
Nurturing neurotech newcomers.
</ul>
<!-- <p style="text-align: center"><a href="#" class="btn btn-outline-black ">Visit Website</a></p> -->
</div>
</div>
</div>
</div>
<!-- END section -->
<footer class="site-footer" role="contentinfo">
<div class="container">
<div class="row mb-5">
<div class="col-md-4 mb-5">
<h3 class="mb-4">Neurotech@Berkeley</h3>
<!-- <p class="mb-5">TBD</p> -->
<p class="mb-5">We are a student group acting independently of the University of California.
We take full responsibility for our organization and this web site.</p>
<a href="https://www.ocf.berkeley.edu">
<img src="https://www.ocf.berkeley.edu/hosting-logos/ocf-hosted-penguin.svg"
alt="Hosted by the OCF" style="border: 0;" />
</a>
</div>
<div class="col-md-5 mb-5 pl-md-5">
<div class="mb-5">
<h3 class="mb-4">Contact Info</h3>
<ul class="list-unstyled footer-link">
<li class="d-block">
<span class="d-block">Social Media</span>
<a href = "https://www.facebook.com/neurotechberkeley/">
<img src="images\facebookLogo.png" />
</a>
<a href = "https://twitter.com/calneurotech">
<img src="images\twitterLogo.png" />
</a>
<a href = "https://github.com/neurotech-berkeley">
<img src="images\githubLogo.png" />
</a>
<a href = "https://medium.com/@ucbneurotech">
<img src="images\mediumLogo.png" />
</a>
</li>
<li class="d-block">
<span class="d-block">Email</span><span class="text-white">contact@neurotech.berkeley.edu</span>
</li>
</ul>
</div>
</div>
<div class="col-md-3 mb-5">
<h3 class="mb-4">Links</h3>
<ul class="list-unstyled footer-link">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="divisions.html">Divisions</a></li>
<li><a href="https://medium.com/@ucbneurotech">Blog</a></li>
<li><a href="mind.html">MIND</a></li>
<li><a href="join.html">Join</a></li>
</ul>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-12 text-md-center text-left">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©
<script>document.write(new Date().getFullYear());</script> All Rights Reserved | This template is made with
<i class="fa fa-heart text-danger" aria-hidden="true"></i> by <a href="https://colorlib.com"
target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</footer>
<!-- END footer -->
<!-- loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#f4b214" /></svg></div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>