-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (188 loc) · 9.47 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
<!DOCTYPE html>
<html class="mdc-typography">
<head>
<title>Google I/O Extended Belo Horizonte</title>
<link rel="stylesheet"
href="node_modules/material-components-web/dist/material-components-web.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<html lang=”pt-br”>
<!-- Bootstrap core CSS -->
<link href="node_modules/@material/card/dist/mdc.card.min.css" rel="stylesheet">
<meta property="og:url" content="http://gdgbh.org/ioextended17" />
<meta property="og:title" content="Google I/O Extended Belo Horizonte" />
<meta property="og:description" content="Você, desenvolvedor, que sempre quis participar da principal conferência do Google para desenvolvedores, pode fazer isso sem sair do país. Este ano, a Google I/O será “extendida” para várias cidades do mundo. Belo Horizonte será uma delas. Além de assistir às principais palestras transmitidas ao vivo pelo YouTube, você poderá participar de atividades focadas no ecossistema local de desenvolvedores." />
<meta property="og:image" content="http://gdgbh.org/ioextended17/img/cover.jpg" />
</head>
<body>
<section class="home">
<img class="logo" src="img/logo.svg">
<div class="info">
<h3>17 de Maio de 2017</h3>
<h3>Google Belo Horizonte</h3>
<a class="mdc-button mdc-button--raised inscricao" href="https://goo.gl/forms/Ewql2d3eYpXGkSIS2">
Fazer minha inscrição
</a>
</div>
</section>
<section class="text">
<div class="container">
<img src="img/googleio.png">
<div class="quote">
<h2>Você, desenvolvedor, que sempre quis participar da principal conferência do Google para desenvolvedores, pode fazer isso sem sair do país. Este ano, a Google I/O será “extendida” para várias cidades do mundo. Belo Horizonte será uma delas. Além de assistir às principais palestras transmitidas ao vivo pelo YouTube, você poderá participar de atividades focadas no ecossistema local de desenvolvedores. </h4>
</div>
<h4>O que é? </h4>
<p>O <strong>Google I/O</strong> é um festival anual de desenvolvedores realizado no Shoreline Amphitheatre Mountain View, California.</p>
<p>Os eventos <strong>I/O Extended</strong> incluem uma variedade de opções para desenvolvedores - desde sessões de streaming ao vivo até demonstrações locais, hackathons, codelabs e muito mais.</p>
<h4>Onde será?</h1>
<p>O <strong>I/O Extended Belo Horizonte</strong> será no escritório do Google, localizado no Boulevard Corporate Tower.</p>
<h4>Preciso fazer inscrição?</h4>
<p>Sim! As inscrições podem ser feitas pelo formulário. </p>
<h4>Terá número de vagas?</h4>
<p>Sim e para sermos justos, será realizado um sorteio das vagas. Lembrando que a diversidade é um tema muito importante para a nossa comunidade e para incentivá-la, vamos destinar 50% das vagas para mulheres.</p>
<h4>Quanto custa?</h4>
<p>Nadinha :) Mas caso possa ajudar, pedimos 1kg de alimento não perecível para o nosso projeto Social Impact. No fim do mês uma instituição/ong será beneficiada com a ajuda de todos!</p>
<h4>Importante!</h4>
<p>Conheça nosso <a href="https://github.com/gdg-bh/codigo-de-conduta" target="_blank">Código de Conduta</a> e nossa <a href="http://gdgbh.org/politica-de-banimento-do-gdgbh/" target="_blank">Política de Banimento</a>.</p>
<hr>
<h1>Extra</h1>
<p>Algumas outras dúvidas que surgiram.</p>
<h4>Onde consigo estacionar o carro?</h4>
<p>O escritório do Google é localizado no Boulevard Corporate Tower, integrado ao Boulevard Shopping. O local possui estacionamento próprio. Sugerirmos dar uma olhada no <a href="http://boulevardshopping.com.br/">site do shopping</a> para saber sobre tarifas.</p>
<h4>Não fui sorteado, posso ir mesmo assim?</h4>
<p>Infelizmente não conseguimos receber as pessoas que não foram sorteadas. Contamos com um número restrito de lugares. Maaaaaas, o GDG BH está sempre realizando eventos, que tal olhar o próximo em nosso <a href="https://www.meetup.com/GDG-BH">Meetup</a>? Esperamos você!</p>
<h4>Como saber se fui sorteado?</h4>
<p>Os sorteados receberam um e-mail com as infos!</p>
<h4>Dúvidas?</h4>
<p>Nos envie uma mensagem! gdgbhz@gmail.com</p>
</div>
</section>
<section class="programacao">
<div class="container">
<h1 cclass="titlesec">Programação</h1>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/credenciamento.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">13:00 Credenciamento</h1>
<h2 class="mdc-card__subtitle">Não deixe de levar o seu documento com foto! :)</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/gdgbh.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">13:40 Abertura</h1>
<h2 class="mdc-card__subtitle">GDG BH Organizers</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/live.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">14:00 I/O Keynote</h1>
<h2 class="mdc-card__subtitle">Live diretamente de Shoreline Amphitheatre Mountain View, California.</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/coffee.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">15:30 Coffeebreak</h1>
<h2 class="mdc-card__subtitle">Let's talk!</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/falando.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">16:00 Falando sobre o Keynote - o que você achou?</h1>
<h2 class="mdc-card__subtitle">Everybody</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/jeanpimentel.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">16:40 Talk: Acessibilidade no Android - 101</h1>
<h2 class="mdc-card__subtitle">Você faz apps acessíveis? Vamos ver como pensar em acessibilidade desde o início dos projetos.</h2>
<h1 class="mdc-card__title mdc-card__title--large">Jean Pimentel</h1>
<h2 class="mdc-card__subtitle">Engenheiros de Produtos na CI&T, desenvolvedor mobile Android, leitor de ficção científica e co-organizador da comunidade Android BH.</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/betomuniz.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">17:20 Talk: Progressive Web Apps in Depth</h1>
<h2 class="mdc-card__subtitle">Nesta talk irei clarificar a verdadeira proposta das Progressive Web Apps. Irei ilustrar o estado atual e futuro da web com essa realidade e também o porque devemos mudar a forma de pensar sobre desenvolvimento web daqui pra frente.</h2>
<h1 class="mdc-card__title mdc-card__title--large">Beto Muniz</h1>
<h2 class="mdc-card__subtitle">Sou Google Developer Expert de Web Technologies, Software Engineer na Toptal, Co-fundador do Minas Dev e um apaixonado por novas tecnologias e comunidades de desenvolvimento.</h2>
</div>
</section>
</div>
<div class="mdc-card card">
<section class="mdc-card__primary">
<div class="col-1">
<img class="speaker img-circle" src="img/happyhour.jpg">
</div>
<div class="col-2">
<h1 class="mdc-card__title mdc-card__title--large">18:00 Happy Hour :)</h1>
<h2 class="mdc-card__subtitle">Everybody</h2>
</div>
</section>
</div>
</div><!--./container-->
</section>
<section>
<div class="container">
<h1 cclass="titlesec">Transmissão da live</h1>
<iframe src="https://events.google.com/io/embed" style="width:100%;height:400px" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<section class="footer">
<div class="container">
<p class="nosvemos">Nos vemos lá, <strong>developers</strong>!</p>
</div>
</section>
<section class="cr">
<div class="container">
<a href="http://gdgbh.org" target="_blank"><img src="img/gdgbh.png"></a>
<p>Powered by <a href="http://gdgbh.org" target="_blank">GDG Belo Horizonte</a></p>
</div>
</section>
<script src="node_modules/material-components-web/dist/material-components-web.js"></script>
<script type="text/javascript" href="node_modules/fontawesome/index.js"></script>
<script>mdc.autoInit()</script>
<!-- smooth scrolling script -->
<script>
$('a').click(function(){
$('html, body').animate({
scrollTop: $('[id="' + $.attr(this, 'href').substr(1) + '"]').offset().top
}, 500);
return false;
});
</script>
</body>
</html>