-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
269 lines (250 loc) · 14.7 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>PyLadies</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-144x144-precomposed.png">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/vendor/jquery.hashchange.min.js"></script>
<script src="js/vendor/jquery.easytabs.min.js"></script>
<script src="js/main.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body class="bg-fixed bg-1">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="main-container">
<div class="main wrapper clearfix">
<!-- Header Start -->
<header id="header">
<div id="logo">
<img src="images/logo-sticker.svg">
</div>
</header>
<!-- Header End -->
<!-- Main Tab Container -->
<div id="tab-container" class="tab-container">
<!-- Tab List -->
<ul class='etabs'>
<li class='tab'>
<a href="#about"><i class="icon-user"></i><span> Sobre</span></a>
</li>
<li class='tab'>
<a href="#apoio"><i class="icon-heart"></i><span> Apoio</span></a>
</li>
<li class='tab'>
<a href="#contact"><i class="icon-envelope"></i><span>Fale conosco</span></a>
</li>
<li class='tab' style=" width: 170px;">
<a href="#inscricao"><i class=""></i><span>Inscrição</span></a>
</li>
</ul>
<!-- End Tab List -->
<div id="tab-data-wrap">
<!-- About Tab Data -->
<div id="about">
<section class="clearfix">
<div class="g2">
<div class="photo">
<img src="images/me.png" alt="PyLadies">
</div>
<div class="info">
<h2>
PyLadies
</h2>
<p>Somos um grupo internacional, com foco em ajudar mais mulheres a tornarem-se participantes ativas e líderes de comunidades Python de código aberto. Nossa missão é promover, educar e impulsionar a existência de uma comunidade Python diversificada através de sensibilização, educação, conferências, eventos e encontros sociais. Nosso objetivo não é segregar, mas sermos um meio de integrar as mulheres a programação.</p>
<p>O PyLadies quer fornecer uma rede de apoio amigável às mulheres e uma ponte para o Mundo Python. Qualquer pessoa com um interesse em Python é encorajada a participar - contanto que seja mulher.
</p>
</div>
</div>
<div class="g1">
<div class="main-links sidebar">
<br/>
<div class="12u">
<h4 style="text-align: center;"> PyLadies em <b>Recife</b>!</h4>
<br>
<h4 style="text-align: center;"> Já se inscreveu para o nosso evento em Recife? Dia 06/09 na Maurício de Nassau!</h4>
<a href="#inscricao" class="button form-button-submit" style="text-align: center; padding: 15px; margin-left: 30%;">Eu vou!</a>
</div>
</div>
</div>
<div class="break"></div>
<div class="contact-info">
<div class="g1">
<div class="item-box clearfix">
<i class="icon-envelope"></i>
<div class="item-data">
<h3><a href="mailto:[email protected]">[email protected]</a></h3>
<h3><a href="mailto:[email protected]">[email protected]</a></h3>
<p>Email</p>
</div>
</div>
</div>
<div class="g1">
<div class="item-box clearfix">
<i class="icon-facebook"></i>
<div class="item-data">
<h3><a href="http://www.facebook.com/pyladies.brasil">pyladies.brasil</a></h3>
<p>Facebook Profile</p>
</div>
</div>
</div>
<div class="g1">
<div class="item-box clearfix">
<i class="icon-twitter"></i>
<div class="item-data">
<h3><a href="http://twitter.com/PyLadiesBrazil">@PyLadiesBrazil</a></h3>
<p>Twitter</p>
</div>
</div>
</div>
</div>
</section><!-- content -->
</div>
<!-- End About Tab Data -->
<!-- Apoio Tab Data -->
<div id="apoio">
<section class="clearfix" class="row">
<!-- Patrocínio -->
<div class="row">
<h3> Patrocinadores </h3> <br>
<div class="row">
<!-- tw -->
<div class="col-md-4" >
<!-- Button trigger modal -->
<a data-toggle="modal" data-target="#tw">
<img src="images/tw-logo.png" style="height: 99px; width: 805px;">
</img>
</a>
<!-- Modal -->
<div class="modal fade" id="tw" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 style="text-aling: left" class="modal-title" id="myModalLabel">ThoughtWorks</h4>
</div>
<div style="text-aling: left" class="modal-body">
<p style="text-align: justify ">Uma comunidade de pessoas apaixonadas com o propósito de revolucionar o design e a criação de software, enquanto defendem uma mudança social positiva. </p>
<p style="text-align: justify">Roy Singham fundou a ThoughtWorks em Chicago há 20 anos com o objetivo de atrair e empregar os melhores profissionais do mundo - construindo uma comunidade baseada em postura, talento e integridade. </p>
<p>A ThoughtWorks cresceu de um pequeno grupo em Chicago para uma organização com mais de 2500 pessoas apaixonadas distribuídas em 29 escritórios em 12 países: Austrália, Alemanha, África do Sul, Brasil, Canadá, China, Equador, Estados Unidos, Índia, Reino Unido, Singapura e Uganda. </p>
<a href="http://www.thoughtworks.com/pt/" target="new">Leia Mais.</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
<!-- Fim tw -->
<!-- Fim patrocinio -->
</div>
<!-- Apoio -->
<div class="col-md-4">
<h3> Apoio </h3>
<div class="row">
</div>
</div>
<!-- Fim do Apoio -->
</section>
</div>
<!-- End Portfolio Data -->
<!-- Contact Tab Data -->
<div id="contact" >
<section class="clearfix">
<div>
<h2 style="text-align: center;">Fale Conosco</h2>
<p style="text-align: center; font-size: 20px;">Quer saber mais sobre nós? Deseja montar um grupo do PyLadies na sua cidade? Tem segestões ou críticas? Quer nos dar um apoio? Todas as outras opções? Nos envie um email.</p>
<div class="row" style="padding-left: 50px;">
<div class="12u">
<form method="post" action="formulario.php">
<div>
<div class="row half">
<div class="6u">
<input type="text" name="nome" id="name" placeholder="Name" />
</div>
<div class="5u">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="row half">
<div class="11u">
<input type="text" name="assunto" id="assunto" placeholder="Assunto" />
</div>
</div>
<div class="row half">
<div class="11u">
<textarea name="mensagem" id="mensagem" placeholder="Mensagem"></textarea>
</div>
</div>
<div class="row but">
<div class="11u">
<input name="enviar" type="submit" value="Enviar" class="button form-button-submit"/>
<input name="enviar" type="reset" value="Limpar" class="button form-button-reset" />
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<footer>
<ul id="copyright">
<li>© 2013 PyLadies</li>
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
</ul>
</footer>
</section>
</div>
<!-- End Contact Data -->
<!-- Resume Tab Data -->
<div id="inscricao">
<section class="clearfix">
<header>
<h4 style="text-align: center;">E então? O que está esperando?!</h4>
<p style="font-size: 20px;">Dia 06/09 temos nosso primeiro encontro marcado aqui em RECIFE! <br />
Faça sua inscrição e fique atenta para a divulgação da programação. Será um dia inteiro feito por Ladies para Ladies, reserve um horário na sua agenda apartir das 8h30 e nos encontre na Maurício de Nassau \o</p>
</header>
<div class="row">
<iframe src="https://docs.google.com/forms/d/1zMIkmJXgEEd3qjJUX1mGzH7GVJSQUOoXoHE0Sjw30wI/viewform?embedded=true" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">Carregando...</iframe>
</div>
</section>
</div>
<!-- End Resume Tab Data -->
</div>
</div>
<!-- End Tab Container
<footer>
<p>
</p>-->
</footer>
</div><!-- #main -->
</div><!-- #main-container -->
<!-- Js -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- End Js -->
</body>
</html>