-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
114 lines (95 loc) · 7.23 KB
/
Copy pathindex.html
File metadata and controls
114 lines (95 loc) · 7.23 KB
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
<html>
<head>
<title>Pyladies Campinas</title>
<meta charset="utf-8">
<meta name="description" content="Site oficial do Pyladies Campinas">
<meta name="keywords" content="python, pyladies, code, programação, mulheres, computação, campinas, aprender, código">
<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
</head>
<body>
<div class="header">
<div>
<img class="header-logo" src="img/pyladies_head.png">
</div>
<h1>Pyladies Campinas</h1>
<h2>O PyLadies é uma comunidade mundial que foi trazida ao Brasil com o propósito de instigar mais mulheres a entrarem na área tecnológica. Queremos mudar essa realidade de poucas garotas em uma área tão rica e fantástica como a computação. <br>
E olha que temos muita história nesse campo viu?! <br>
Nosso propósito não é segregar, pelo contrário, queremos criar o ambiente para que mais meninas sejam atraídas pela tecnologia. Nosso desejo é fazer com que elas nos vejam e pensem "Eu quero estar ai também!".</h2>
<ul class="inline-menu">
<li><a href="#">INÍCIO</a></li>
<li><a href="#">EVENTOS</a></li>
<li><a href="#">EQUIPE</a></li>
<li><a href="#">CONTATO</a></li>
</ul>
</div>
<div class="wrapper">
<div class="motivation">
<div class="motivation-item">
<h1>Por que codar?</h1>
<p>Codando você pode automatizar tarefas, transferindo parte do seu trabalho manual e repetitivo para a máquina. Ou solucionar problemas matemáticos e poupar o tempo que seria gasto realizando cálculos gigantescos. É possível fazer análises de dados. Ou seja, codando você vai economizar tempo para fazer o que realmente gosta, isso não é ótimo? Além disso tudo, codar pode ser um hobbie. Você pode programar jogos, ou até fazer uma nova versão Flappy Bird substituindo o pássaro por uma foto sua (ou de algum amigo), alterar o som, ou o background para tornar o jogo mais divertido.</p>
</div>
<div class="motivation-item">
<h1>Por que Python?</h1>
<p>Python é uma linguagem fácil de aprender, com uma sintaxe bem simples, com códigos bem bonitos e legíveis. E, é claro, com Python você consegue codar uma variedade de coisas. E como é uma linguagem simnples, você se torna produtivo em pouco tempo. Com dois ou três meses de prática contínua de Python, você conseguirá solucionar problemas matemáticos, fazer análises de dados simples, e programar jogos como Flappy Bird. Aprofundando-se um pouco mais em alguma área, você se tornará capaz de atingir níveis mais complexos.</p>
</div>
</div>
<div class="events">
<div class="gallery autoplay items-2">
<div id="item-1" class="control-operator"></div>
<div id="item-2" class="control-operator"></div>
<figure class="item">
<div class="bg_img_main">
<img src="img/cp_pyladiesbr.jpg" width=100%>
</div>
<div class="bg_img_secondary">
<img src="img/pyladiess.jpg" height=100%>
</div>
<div class="bg_img_secondary">
<img src="img/cp_geral.jpg" height=100%>
</div>
<div class="bg_img_secondary">
<img src="img/cp_pyladiesbr2.jpg" height=100%>
</div>
<div class="news">
<h2>Pyladies Campinas na Campus Party Brasil 9</h2>
<p> O Pyladies Campinas esteve presente na Campus Party Brasil 9 - um dos principais eventos de tecnologia do Brasil. </p>
<p> A pylady Daniela Palumbo participou da mesa redonda do Pyladies Brasil nos representando. A presença do Pyladies Brasil resultou em um troféu de Melhor Comunidade do evento. </p>
</div>
</figure>
<figure class="item">
<h1>Item 2</h1>
</figure>
<div class="controls">
<a href="#item-1" class="control-button">•</a>
<a href="#item-2" class="control-button">•</a>
</div>
</div>
</div>
<div class="about">
<h1>Quem somos?</h1>
<p>Lorem ipsum convallis amet lobortis blandit turpis purus, vehicula nulla habitant potenti venenatis consequat litora ad, faucibus nostra consequat ut purus dui. augue nostra est urna phasellus ultrices nisi justo lacinia venenatis, tristique netus molestie amet interdum aliquam mattis. mi integer mi vestibulum augue nibh hac molestie ligula nulla vivamus tempus semper netus rutrum aptent, dictumst interdum consectetur nisi et quis himenaeos massa maecenas lobortis dapibus porttitor fames. mollis pulvinar egestas non vehicula donec duis massa, cursus malesuada scelerisque faucibus nulla turpis vehicula, sociosqu cras habitasse elementum sodales fusce. feugiat lectus accumsan velit dictumst tristique maecenas, est sed volutpat sagittis.</p>
<p>Lorem ipsum convallis amet lobortis blandit turpis purus, vehicula nulla habitant potenti venenatis consequat litora ad, faucibus nostra consequat ut purus dui. augue nostra est urna phasellus ultrices nisi justo lacinia venenatis, tristique netus molestie amet interdum aliquam mattis. mi integer mi vestibulum augue nibh hac molestie ligula nulla vivamus tempus semper netus rutrum aptent, dictumst interdum consectetur nisi et quis himenaeos massa maecenas lobortis dapibus porttitor fames. mollis pulvinar egestas non vehicula donec duis massa, cursus malesuada scelerisque faucibus nulla turpis vehicula, sociosqu cras habitasse elementum sodales fusce. feugiat lectus accumsan velit dictumst tristique maecenas, est sed volutpat sagittis.</p>
<h2>Organizadores</h2>
<img src="img/members/barbara.jpg" width="50" height="50">
<img src="img/members/pj.jpg" width="50" height="50">
<img src="img/members/felipe_rodrigues.jpg" width="50" height="50">
<img src="img/members/maria.jpg" width="50" height="50">
<img src="img/members/natalia_cruz.jpg" width="50" height="50">
<img src="img/members/raphael_tacla.jpg" width="50" height="50">
</div>
</div>
<div class="footer">
<h3>Contato | Fale Conosco</h3>
<div class="ico">
<a href="https://fb.com/pyladiescps"><i class="fa fa-facebook"></i></a>
<a href="mailto:campinas@pyladies.com"><i class="fa fa-envelope"></i></a>
<a href="https://twitter.com/pyladiescps"><i class="fa fa-twitter"></i></a>
</div>
</div>
<link rel="stylesheet" href="css/vendor/gallery.min.css" />
<link rel="stylesheet" href="css/vendor/gallery.theme.css" />
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</body>
</html>