-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (96 loc) · 6.48 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
<!-- Website designed by Alvin Wan --><html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=0.85">
<title>TEDxBerkeley 2017</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Lora|Questa+Grande" rel="stylesheet">
<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="/2017/css/style.min.css" rel="stylesheet">
<script src="/2017/js/script.min.js"></script>
</head>
<body>
<header> <span class="logo col-md-3 col-xs-1">
<span class="logo-cont animate3"><a href="/2017/">*</a></span> </span>
<nav class="right col-md-9 col-xs-11">
<ul>
<!--<li><a href="https://www.eventbrite.com/e/tedxberkeley-2017-constellate-tickets-29185395303?aff=es2">Attend</a></li>-->
<li><a href="/2017/contact">Contact</a></li>
<li><a href="/2017/speakers">Speakers</a></li>
<li><a href="/2017/partners">Partners</a></li>
<li><a href="/2017/about">About</a></li>
</ul>
</nav>
</header>
<section class="darkopening wrap-container">
<div class="wrap"> <span class="number hidden-xs">2017</span>
<p class="pronounciation">/ˈkänstəlāt/</p>
<h1 class="title">con·stel·late<span>*</span></h1>
<p class="definition">1. <b>verb</b> to form or cause to form into a cluster or group; gather together</p>
<p class="definition">2. <b>noun</b> TEDxBerkeley event on <span>April 15, 2017 at Zellerbach Hall</span></p>
<!--<a href="https://www.eventbrite.com/e/tedxberkeley-2017-constellate-tickets-29185395303?aff=es2" class="button">Buy Tickets <span class="bracket">⟩</span></a>--><a href="https://www.flickr.com/photos/151734280@N02/?" class="button">See 2017 photos</a>
<p class="subtext"><a href="/2017/about/getTheMostOut">Why attend? →</a></p>
<h1 class="banner-left hidden-xs">Berkeley</h1>
</div>
<div class="playbar"> <img src="/2017/static/images/index_opening_wavy.svg"> <a href="https://www.youtube.com/watch?v=F0NEaPTu9oI&list=PLsRNoUx8w3rMXg3tXxQcS_2hmM2JHf-8i" class="play-button">▸<span>Watch 2016 Conference</span></a> </div>
</section>
<section class="dark_text_with_title wrap-container">
<div class="wrap">
<h2 class="title">What is TEDxBerkeley really<span>*</span> about?</h2>
<p class="content">On April 15, 2017 TEDxBerkeley is gathering world-leading thinkers, makers, and doers at UC Berkeley to discuss “Constellate”. The audience will be composed of a diverse mix of over 1500 students, professors, and thought leaders from Berkeley
and beyond for a stimulating day of presentations, discussions, entertainment and art that will spark new ideas and opportunities for all.</p> <a href="/2017/speakers" class="button">See 2017 Speakers <span class="bracket">⟩</span></a> </div> <span class="asterisk">*</span> </section>
<section class="mosaic ">
<div class="row">
<div class="text-cont col-md-4 t1">
<h2 class="title">For Whom</h2>
<p class="copy">Attendance at TEDxBerkeley is open to anyone who wishes to attend by purchasing a ticket here.</p>
</div>
<div class="image-cont col-md-4 m1"> <span class="image" style="background: url('static/images/index-m1.jpg'); background-size:cover"></span> </div>
<div class="text-cont col-md-4 t2">
<h2 class="title">Why</h2>
<p class="copy">The core of a TEDx event combines live speakers, performers and TEDTalks to spark deep discussions and connections.</p>
</div>
</div>
<div class="row">
<div class="image-cont col-md-4 m2"> <span class="image" style="background: url('static/images/index-m2.jpg'); background-size:cover"></span> </div>
<div class="text-cont col-md-4 t3">
<h2 class="title">Where</h2>
<p class="copy">TEDxBerkeley will take place inside Zellerbach Hall, the premiere performance venue for Cal Performance and the greater Berkeley community.</p>
</div>
<div class="image-cont col-md-4 m3 hidden-xs"> <span class="image" style="background: url('static/images/index-m3.jpg'); background-size:cover"></span> </div>
</div>
<div class="row">
<div class="image-cont col-md-4 m4 hidden-xs"> <span class="image" style="background: url('static/images/index-m4.jpg'); background-size:cover"></span> </div>
<div class="image-cont col-md-4 m5"> <span class="image" style="background: url('static/images/index-m5.jpg'); background-size:cover"></span> </div>
<div class="text-cont col-md-4 t4">
<h2 class="title">When</h2>
<p class="copy">Saturday, April 15, 2017 from 10:00AM on, with registration beginning at 8:30AM</p>
</div>
</div>
</section>
<section class="dark_text_with_title wrap-container">
<div class="wrap">
<h2 class="title">Interested in Becoming<span>*</span> a Partner?</h2>
<p class="content">TED is an annual event where the world’s leading thinkers and doers are invited to share their passions. “TED” stands for Technology, Entertainment, Design–three broad subject areas that are shaping our future. Attendees have called it “the ultimate
brain spa.” Interested?</p> <a href="/2017/partners" class="button">Learn More <span class="bracket">⟩</span></a> </div>
</section>
<footer><p>Website designed by <a href="http://alvinwan.com">Alvin Wan</a></footer>
</body>
</html>