-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
300 lines (278 loc) · 15.5 KB
/
index.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
<html>
<head>
<meta name="viewpoart" content="width=device-width, initial-scale=0.85">
<meta charset="utf-8"/>
<title>TEDxBerkeley 2018 </title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script>
(function(i, s, o, g, r, a, m)
{
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function()
{
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-97404598-1', 'auto');
ga('send', 'pageview');
</script>
<link href="/2012/css/style.min.css" rel="stylesheet">
<script src="/2012/js/script.min.js"></script>
</head>
<body>
<header>
<span class="logo col-md-3 col-xs-1">
<span class="logo-cont animate3"><a href="/"><img src="/2012/static/images/logo.png"><span class="logo-text">TEDxBerkeley</span></a></span>
</span>
<nav class="right col-md-9 col-xs-11">
<ul>
<li><a href="/contact">Contact</a></li>
<li><a href="/speakers">Speakers</a></li>
<li><a href="/partners">Partners</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
</header>
<section class="basic-text wrap-container profile">
<div class="wrap col-md-8 col-sm-10 col-xs-10">
<h2 class="name">TEDxBerkeley 2012</h2>
<div class="multicol-2">
</div>
</div>
<div class="background">
<img src="/2012/static/images/burn_right.svg" class="burn-right">
</div>
</section>
<section class="people wrap-container">
<div class="wrap col-md-10 col-sm-10">
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Carl Bass.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Carl Bass</h2>
<p class="profile-byline">Carl Bass is president an...</p>
<p class="profile-copy">Carl Bass is president and chief executive officer of Autodesk, Inc. Autodesk is...</i>
</b>
</p>
<p><a href="/2012/speakers/Carl-Bass" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/DeCadence.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">DeCadence</h2>
<p class="profile-byline">UC Berkeleyäó»s DeCad...</p>
<p class="profile-copy">UC BerkeleyÍs DeCadence (pronounced dee-KAY-dence, with a capital ïCÍ), is best ...</i>
</b>
</p>
<p><a href="/2012/speakers/DeCadence" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Connie Duckworth.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Connie Duckworth</h2>
<p class="profile-byline">Connie Duckworth founded ...</p>
<p class="profile-copy">Connie Duckworth founded ARZU, Inc., a 501 (c) (3) non-profit organization, in 2...</i>
</b>
</p>
<p><a href="/2012/speakers/Connie-Duckworth" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/David Duncan.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">David Duncan</h2>
<p class="profile-byline">David Ewing Duncan is an ...</p>
<p class="profile-copy">David Ewing Duncan is an award-winning, best-selling author of seven books publi...</i>
</b>
</p>
<p><a href="/2012/speakers/David-Duncan" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Dr. Maria Fadiman.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Dr. Maria Fadiman</h2>
<p class="profile-byline">Dr. Maria Fadiman works w...</p>
<p class="profile-copy">Dr. Maria Fadiman works with the human/environmental aspect of conservation. She...</i>
</b>
</p>
<p><a href="/2012/speakers/Dr.-Maria-Fadiman" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Ken Goldberg.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Ken Goldberg</h2>
<p class="profile-byline">Ken Goldberg is an invent...</p>
<p class="profile-copy">Ken Goldberg is an inventor working at the intersection of art, robotics, and so...</i>
</b>
</p>
<p><a href="/2012/speakers/Ken-Goldberg" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Charles Holt.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Charles Holt</h2>
<p class="profile-byline">I Am by Charles Holt: Bio...</p>
<p class="profile-copy">Bio:<br/><br/>Music and storytelling have always been a vital part of CharlesÍ l...</i>
</b>
</p>
<p><a href="/2012/speakers/Charles-Holt" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Gopi Kallayil.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Gopi Kallayil</h2>
<p class="profile-byline">Gopi Kallayil works at Go...</p>
<p class="profile-copy">Gopi Kallayil works at Google on the marketing of Google Plus and is based out o...</i>
</b>
</p>
<p><a href="/2012/speakers/Gopi-Kallayil" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Jodi Lomask/Capacitor.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Jodi Lomask/Capacitor</h2>
<p class="profile-byline">Jodi Lomask has been comm...</p>
<p class="profile-copy">Jodi Lomask has been commissioned to create original works for NASA, TED, SFO, C...</i>
</b>
</p>
<p><a href="/2012/speakers/Jodi-Lomask/Capacitor" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Nipun Mehta.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Nipun Mehta</h2>
<p class="profile-byline">Nipun Mehta is the founde...</p>
<p class="profile-copy">Nipun Mehta is the founder of ServiceSpace (formerly ServiceSpace), an incubator...</i>
</b>
</p>
<p><a href="/2012/speakers/Nipun-Mehta" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Tapan Parikh.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Tapan Parikh</h2>
<p class="profile-byline">Tapan Parikh is an Assist...</p>
<p class="profile-copy">Tapan Parikh is an Assistant Professor at the School of Information at the Unive...</i>
</b>
</p>
<p><a href="/2012/speakers/Tapan-Parikh" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Neha Sangwan.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Neha Sangwan</h2>
<p class="profile-byline">CEO and founder of Intuit...</p>
<p class="profile-copy">CEO and founder of Intuitive Intelligence, is an Internal Medicine physician and...</i>
</b>
</p>
<p><a href="/2012/speakers/Neha-Sangwan" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Tiffany Shlain.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Tiffany Shlain</h2>
<p class="profile-byline">Honored by Newsweek as on...</p>
<p class="profile-copy">Honored by Newsweek as one of the ñWomen Shaping the 21st Century,î Tiffany Shla...</i>
</b>
</p>
<p><a href="/2012/speakers/Tiffany-Shlain" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Lindsey Stirling.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Lindsey Stirling</h2>
<p class="profile-byline">Lindsey Stirling has been...</p>
<p class="profile-copy">Lindsey Stirling has been playing the violin for 19 years with a range that exte...</i>
</b>
</p>
<p><a href="/2012/speakers/Lindsey-Stirling" class="button small">View More</a>
</p>
</div>
<div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
<span class="profile-pic"
style="background:url('/2012/static/images/speakerPics/Robert Strong.jpg'); background-size:cover; background-position:center;"></span> </span>
<h2 class="profile-name">Robert Strong</h2>
<p class="profile-byline">Robert Strong, The Comedy...</p>
<p class="profile-copy">Robert Strong, The Comedy Magician has been crisscrossing the world since 1985 e...</i>
</b>
</p>
<p><a href="/2012/speakers/Robert-Strong" class="button small">View More</a>
</p>
</div>
</div>
<div class="background">
<img src="/2012/static/images/burn_left.svg" class="burn-left">
<img src="/2012/static/images/burn_left.svg" class="flipped burn-right bottom">
<div class="col-md-6 col-sm-6">
<span class="col-md-3 col-sm-3"></span>
<img src="/2012/static/images/piece3.svg" class="col-md-6 col-sm-6 p3">
</div>
<div class="col-md-6 col-sm-6">
<img src="/2012/static/images/piece2.svg">
<img src="/2012/static/images/piece5.svg" class="col-md-8 col-sm-8 p5">
</div>
</div>
</section>
<footer>
<div class="col-md-3 col-sm-3 col-xs-12 logo-container">
<span class="col-md-4 col-sm-2 col-xs-4"></span>
<img src="/2012/static/images/logo.png" class="logo col-md-4 col-sm-8 col-xs-4">
<div class="button-cont">
<a href="https://www.eventbrite.com/e/tedxberkeley-2018-you-are-here-tickets-39787788346" class="button small black">Order Tickets</a>
</div>
</div>
<span class="col-xs-1 hidden-md hidden-sm hidden-lg"></span>
<div class="col-md-2 col-sm-2 col-xs-5">
<h2>About</h2>
<ul>
<li><a href="/about">Meet the Team</a></li>
<li><a href="/about/#numbers">Numbers</a></li>
<li><a href="/about/#theme-tedx-ted">Theme, TEDx, TED</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2 col-xs-5">
<h2>Event</h2>
<ul>
<li><a href="/speakers">Speakers</a></li>
<li><a href="/speakers#get-the-most-out">Get the Most Out</a></li>
<li><a href="/partners">Partners</a></li>
</ul>
</div>
<span class="col-xs-1 hidden-sm hidden-md hidden-lg"></span>
<div class="col-md-2 col-sm-2 col-xs-5 spec">
<h2>Contact</h2>
<ul>
<li><a href="/contact">Contact Us</a></li>
<li><a href="/contact#faqs">FAQs</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-2 col-xs-5">
<h2>Links</h2>
<ul>
<li><a href="https://www.facebook.com/TEDxBerkeley/">Facebook</a></li>
<li><a href="http://twitter.com/tedxberkeley">Twitter</a></li>
<li><a href="https://www.eventbrite.com/e/tedxberkeley-2018-you-are-here-tickets-39787788346">EventBrite</a></li>
</ul>
</div>
<p><a href="/2017">2017</a> · <a href="/2016">2016</a> · <a href="/2015">2015</a> · <a href="/2014">2014</a> · <a href="/2013">2013</a> · <a href="/2012">2012</a> · <a href="/2011">2011</a> · <a href="/2010">2010</a><br/>Website designed by <a href="http://alvinwan.com">Alvin Wan</a>. Logo and banner designed by Alyssa Plese. Photos by Halina Veratsennik.</p>
</footer>
</body>
</html>