forked from gdgvaledoparaiba/gdgvaledoparaiba.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (113 loc) · 7.41 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="O GDG (Google Developers Group) Vale do Paraíba é uma comunidade de desenvolvedores interessados em aprender e ensinar mais sobre tecnologia. Junte-se a nós, temos encontros mensais ;D">
<title>GDG Vale do Paraíba | Google Developers Group Vale do Paraíba</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.light_blue-pink.min.css" />
<link rel="stylesheet" href="css/style.css" />
<script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout-title"><img src="images/logo.svg" alt="Logo GDG Vale do Paraíba"></span>
<div class="mdl-layout-spacer mdl-layout--large-screen-only"></div>
<nav class="mdl-navigation mdl-layout--large-screen-only">
<a class="mdl-navigation__link" href="#proximos-eventos"><span class="mdl-badge" data-badge="1">Próximos Eventos</span></a>
<a class="mdl-navigation__link" href="#host">Seja um Host</a>
<a class="mdl-navigation__link" href="#organizadores">Organizadores</a>
</nav>
</div>
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="#proximos-eventos"><span class="mdl-badge" data-badge="1">Próximos Eventos</span></a>
<a class="mdl-navigation__link" href="#host">Seja um Host</a>
<a class="mdl-navigation__link" href="#organizadores">Organizadores</a>
</nav>
</div>
<main class="mdl-layout__content">
<div class="mdl-grid gdg-header">
<div class="mdl-cell mdl-cell--12-col">
<h1>Grupo de desenvolvedores do Vale do Paraíba</h1>
<p>O GDG (Google Developers Group) Vale do Paraíba é uma comunidade de desenvolvedores interessados em aprender e ensinar mais sobre tecnologia. Junte-se a nós, temos encontros mensais ;D</p>
<a href="http://www.meetup.com/pt-BR/gdgvaledoparaiba/" target="_blank" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">Inscreva-se</a>
</div>
</div>
<div class="mdl-grid" id="proximos-eventos">
<div class="mdl-cell mdl-cell--1-col mdl-layout--large-screen-only"></div>
<div class="mdl-cell mdl-cell--5-col mdl-cell--12-col-tablet mdl-cell--12-col-phone gdg-centered">
<img src="images/logo-meetup.png" alt="Próximos Eventos no Meetup">
</div>
<div class="mdl-cell mdl-cell--5-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<h2>Próximos Eventos</h2>
<p><strong>18/02/2016 - Meetup #02 - Material Design e MDL</strong></p>
<p>Neste segundo meetup de 2016 vamos falar sobre os conceitos de Material Design e vamos colocar a mão na massa utilizando o MDL (Material Design Lite) que é o "framework" CSS do Google que implementa os conceitos de Material Design. Como terá sessão mão na massa... traga seu notebook. Teremos wi-fi disponível no local.</p>
<a href="http://www.meetup.com/pt-BR/gdgvaledoparaiba/events/228508121/" target="_blank" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">Inscreva-se</a>
<a href="http://www.meetup.com/pt-BR/gdgvaledoparaiba/#past" target="_blank" class="mdl-button mdl-js-button mdl-button--accent mdl-js-ripple-effect">Eventos anteriores</a>
</div>
</div>
<div class="mdl-grid gdg-host" id="host">
<div class="mdl-cell mdl-cell--1-col mdl-layout--large-screen-only"></div>
<div class="mdl-cell mdl-cell--5-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<h2>Deseja hospedar o próximo encontro?</h2>
<p><strong>O que precisamos?</strong><br>
De um lugar de fácil acesso, com internet, que comporte pelo menos 30 pessoas e um coffee break para os participantes! (-;</p>
<p><strong>Entre em contato:</strong><br>
<a href="mailto:gdgvaledoparaiba@gmail.com">gdgvaledoparaiba@gmail.com</a></p>
</div>
<div class="mdl-cell mdl-cell--5-col mdl-cell--12-col-tablet mdl-cell--12-col-phone gdg-centered">
<img src="images/gdgicon.svg" alt="GDG Icon">
</div>
</div>
<div class="mdl-grid gdg-organizadores" id="organizadores">
<div class="mdl-cell mdl-cell--12-col">
<h2>Organizadores</h2>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-layout--large-screen-only"></div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img src="images/organizadores/michel-amaral.png" alt="Michel Amaral"><br>
Michel Amaral
<p class="gdg-organizadores--social">
<a href="https://github.com/michelamaral" target="_blank"><img src="images/icons/github.svg" alt="Github"></a>
<a href="mailto:michel.amaral@gmail.com"><img src="images/icons/email.svg" alt="Email"></a>
<a href="https://plus.google.com/+MichelAmaral" target="_blank"><img src="images/icons/googleplus.svg" alt="Google Plus"></a>
</p>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img src="images/organizadores/mariana-rondino.png" alt="Mariana Rondino"><br>
Mariana Rondino
<p class="gdg-organizadores--social">
<a href="mailto:mariana.rondino@gmail.com"><img src="images/icons/email.svg" alt="Email"></a>
<a href="https://plus.google.com/103899288407005292486" target="_blank"><img src="images/icons/googleplus.svg" alt="Google Plus"></a>
</p>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img src="images/organizadores/joao-mateus-scarpa.png" alt="João Mateus Scarpa"><br>
João Mateus Scarpa
<p class="gdg-organizadores--social">
<a href="http://github.com/jmscarpa" target="_blank"><img src="images/icons/github.svg" alt="Github"></a>
<a href="mailto:joao.scarpa@gmail.com"><img src="images/icons/email.svg" alt="Email"></a>
<a href="plus.google.com/u/+JoãoMateusScarpa" target="_blank"><img src="images/icons/googleplus.svg" alt="Google Plus"></a>
</p>
</div>
<div class="mdl-cell mdl-cell--2-col mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<img src="images/organizadores/reuel-lopes.png" alt="Reuel Lopes"><br>
Reuel Lopes
<p class="gdg-organizadores--social">
<a href="https://github.com/reuellopes" target="_blank"><img src="images/icons/github.svg" alt="Github"></a>
<a href="mailto:reuellopes@gmail.com"><img src="images/icons/email.svg" alt="Email"></a>
<a href="https://plus.google.com/+ReuelAdimarLopes" target="_blank"><img src="images/icons/googleplus.svg" alt="Google Plus"></a>
</p>
</div>
</div>
</main>
</div>
</body>
</html>