-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (219 loc) · 10.4 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>PHP Women RJ</title>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- Css -->
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
</head>
<body>
<a href="#top" class="button-radius">
<img src="image/up-arrow.svg" alt="Seta Cima" />
</a>
<section class="hero is-primary is-medium">
<!-- Hero content: will be in the middle -->
<div class="hero-body">
<div class="container has-text-centered">
<img src="https://phpwomen.org/holdingpage/images/php-logo-white-inversed.png" alt="Logo" class="logo">
<h1 class="title is-1">Install Fest - PHP Women RJ</h1>
<h2 class="subtitle is-3"> 2 de Setembro de 2017 - Mundipagg</h2>
<a class="button is-danger space-right" disabled>Inscrição Encerradas</a>
</div>
</div>
<!-- Hero footer: will stick at the bottom -->
<div class="hero-foot">
<nav class="tabs is-boxed is-fullwidth">
<div class="container">
<ul id="menu">
<li class="is-active"><a id="btnSobre">Sobre</a></li>
<li><a id="btnLocal">Localização</a></li>
<li><a id="btnCronograma">Cronograma</a></li>
<li><a id="btnPerguntas">Perguntas Frequentes</a></li>
<li><a id="btnParceiros">Parceiros</a></li>
</ul>
</div>
</nav>
</div>
</section>
<section id="sobre" class="section is-medium">
<div class="container">
<div class="notification is-primary has-text-centered">
Ficamos muito felizes por ter nos encontrado. Esse é o um dos principais canais para promover encontros entre programadoras PHP do Rio de Janeiro.
</div>
<div class="border">
<h4 class="title is-4 is-spaced">Quem Somos</h4>
<h5 class="subtitle is-5 space-bottom">
Um grupo de mulheres desenvolvedoras, aspirantes e simpatizantes que buscam a disseminação de conhecimento e a criação de um ambiente acolhedor a todas e todos.
</h5>
<h4 class="title is-4 is-spaced">Nosso Objetivo</h4>
<h5 class="subtitle is-5 space-bottom">
Queremos reforçar a importância da integração entre todos os membros, independente de suas diferenças, mas aqui, temos como nosso principal objetivo melhorar a participação das mulheres no mercado de trabalho e ajudar todas aquelas que querem aprender PHP.
</h5>
<h4 class="title is-4 is-spaced">Onde nos encontrar</h4>
<h5 class="subtitle is-5">
Estamos presentes em eventos promovidos e apoiados pelo PHPRio, eventos associados à linguagem PHP e desenvolvimento de software. No Facebook somos encontradas como PHPWomenBR, e além disso, você pode bater um papo com a gente no telegram (@PHPWomenRJ).
</h5>
</div>
</div>
</section>
<span class="section division">
<div class="container">
<h3 class="title is-3 has-text-centered">* * *</h3>
</div>
</span>
<section id="local" class="section hero is-danger">
<div class="container">
<h4 class="title is-4 is-spaced">Localização</h4>
<h5 class="subtitle is-5">
Av. Gen. Justo, 375 - Centro, Rio de Janeiro - RJ, 20021-130 <strong>(Mundipagg)</strong>
</h5>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3675.164931788678!2d-43.170933185034364!3d-22.907286685011606!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9981e7223da871%3A0x4f382a5312ba5fe3!2sMundiPagg!5e0!3m2!1spt-BR!2sbr!4v1502342133599" width="100%" height="450" frameborder="0" style="border:5px solid #412041" allowfullscreen></iframe>
</div>
</section>
<span class="section division">
<div class="container">
<h3 class="title is-3 has-text-centered">* * *</h3>
</div>
</span>
<section id="cronograma" class="section is-medium">
<div class="container">
<h4 class="title is-4 is-spaced has-text-centered">
<img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/calendar-icon.png" alt="Calendário" class="calendar">
Cronograma
</h4>
<table class="table is-bordered">
<thead>
<tr>
<th class="has-text-centered">Horário</th>
<th>Atividade</th>
</tr>
</thead>
<tbody>
<tr>
<td class="has-text-centered">9:00h</td>
<td>Credenciamento</td>
</tr>
<tr>
<td class="has-text-centered">10:00h</td>
<td>Introdução ao Linux</td>
</tr>
<tr>
<td class="has-text-centered">10:40h</td>
<td>Introdução ao Ubuntu e suas Versões</td>
</tr>
<tr>
<td class="has-text-centered">11:20h</td>
<td>Instalação dos Sistema Operacional</td>
</tr>
<tr>
<td class="has-text-centered">12:00h</td>
<td>Almoço</td>
</tr>
<tr>
<td class="has-text-centered">13:00h</td>
<td>Comandos Básicos do Terminal</td>
</tr>
<tr>
<td class="has-text-centered">13:40h</td>
<td>Instalação de Programas e Linguagens</td>
</tr>
<tr>
<td class="has-text-centered">14:20h</td>
<td>Código Aberto x Software Livre</td>
</tr>
<tr>
<td class="has-text-centered">15:00h</td>
<td>Open Space (Conteúdo Extra dos Mentores)</td>
</tr>
<tr>
<td class="has-text-centered">16:30h</td>
<td>Sorteio</td>
</tr>
<tr>
<td class="has-text-centered">17:00h</td>
<td>Encerramento + Foto Oficial</td>
</tr>
</tbody>
</table>
</div>
</section>
<span class="section division">
<div class="container">
<h3 class="title is-3 has-text-centered">* * *</h3>
</div>
</span>
<section id="perguntas" class="section">
<div class="container">
<h4 class="title is-4 is-spaced">O que é Install Fest?</h4>
<h5 class="subtitle is-5 space-bottom">
Um Installfest é um evento, geralmente patrocinado por um Grupo de Usuários Linux ou universidade, em que pessoas se reúnem para realizar instalações em massa de sistemas operacionais de computador ou software, principalmente o sistema operacional Linux e outros softwares de código aberto. Mesmo que você não esteja pronto para instalar o Linux em sua própria máquina, você poderá participar e conhecer um pouco mais do mundo Linux.
</h5>
<h4 class="title is-4 is-spaced">O que é Linux?</h4>
<h5 class="subtitle is-5 space-bottom">
Linux é um sistema operacional alternativo ao Windows. Ele é estável, seguro e confiável. O Linux tem várias aplicações gráficas disponíveis, incluindo jogos, processadores de texto, mp3 players, editor de imagens, web browsers entre outros, podendo ser utilizados dependendo da capacidade de sua máquina. Possui também uma grande seleção de softwares para servidores, incluindo servidores web, sistemas de banco de dados, linguagens de script e ferramentas para administração remota.
</h5>
<h4 class="title is-4 is-spaced">Eu já tenho Windows/Mac instalado na minha máquina, posso ter o Linux também?</h4>
<h5 class="subtitle is-5 space-bottom">
Sim. Os dois sistemas podem ser instalados na mesma máquina, porém em partições diferentes do disco. Isso é o que chamamos de dual boot. Mas não realizaremos este tipo de processo durante o nosso install fest.
</h5>
<h4 class="title is-4 is-spaced">Quanto tempo demora a instalação?</h4>
<h5 class="subtitle is-5 space-bottom">
Isso vai depender muito do seu computador. Num computador menos potente, com certeza, irá demorar muito mais que em um computador mais potente. A instalação tanto pode durar 40 minutos como 2 horas ou mais. É muito difícil definir isso.
</h5>
<h4 class="title is-4 is-spaced">O que devo fazer para me preparar para o Install Fest?</h4>
<h5 class="subtitle is-5 space-bottom">
<strong>- Faça backup dos seus dados.</strong> Por precaução, você deve fazer uma cópia dos seus dados importantes no computador do seu amigo ou em CD-ROM, não nos responsabilizamos por dados perdidos.
</h5>
<h4 class="title is-4 is-spaced">O que devo levar para o Install Fest?</h4>
<h5 class="subtitle is-5 space-bottom">
<strong>- Seu notebook.</strong> Sem ele não será possível participar da Install Fest.
<br>
<strong>- Não esqueça o pen drive.</strong> Por precaução, leve um pen drive vazio de no mínino 8GB para qualquer imprevisto (não é obrigatório).
</h5>
<h4 class="title is-4 is-spaced">Como vão instalar o linux no meu computador?</h4>
<h5 class="subtitle is-5 space-bottom">
A partir de um CD de instalação do Linux ou Pendrives.
</h5>
<h4 class="title is-4 is-spaced">Que softwares estarão disponíveis durante o Installfest?</h4>
<h5 class="subtitle is-5 space-bottom">
Muitos iniciantes imaginam que se trata somente de instalação de softwares para Linux ou mesmo o próprio Linux, mas um Installfest possui uma extensa lista de softwares livres equivalentes aos softwares proprietários para serem utilizados no Windows que poderão ser instalados no dia.
</h5>
<h4 class="title is-4 is-spaced">Palestras, oficinas e workshop.</h4>
<h5 class="subtitle is-5 space-bottom">
Também, paralelamente, são oferecidas apresentações, palestras e oficinas, sobre temas locais, nacionais e latino-americanos sobre Software Livre, com toda sua variedade de expressões: artística, acadêmica, empresarial e social.
</h5>
<h4 class="title is-4 is-spaced">Exigências do Local</h4>
<h5 class="subtitle is-5">
Não é permitida entrada de pessoas com roupas de banho e chinelo.
</h5>
</div>
</section>
<span class="section division">
<div class="container">
<h3 class="title is-3 has-text-centered">* * *</h3>
</div>
</span>
<section id="parceiros" class="section is-medium">
<div class="container">
<h4 class="title is-4 is-spaced">Parceiros</h4>
<img src="http://blog.stone.com.br/wp-content/uploads/2016/05/logo.png" alt="Stone" class="image-medium space-right">
<img src="http://dka575ofm4ao0.cloudfront.net/pages-transactional_logos/retina/7479/uL0rtN9WTqeC1THcsfXv" alt="Mundipagg" class="image-medium space-left space-bottom-special">
</div>
</section>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
© 2017 PHPWomen - Todos os Direitos Reservados
</p>
</div>
</div>
</footer>
<!-- Script -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="script/script.js"></script>
</body>
</html>