-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
307 lines (286 loc) · 16.4 KB
/
contact.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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sintec - Inscrição</title>
<!-- css -->
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/commonStyle.css">
<link rel="stylesheet" href="./styles/ModalEventos.css">
<link rel="stylesheet" href="./styles/loading.css">
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- minhatura -->
<link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon">
<script src="./loading.js"></script>
</head>
<body onLoad="loading()">
<div class="loading">
<div class="box-wrap">
<div class="box one"></div>
<div class="box two"></div>
<div class="box three"></div>
<div class="box four"></div>
<div class="box five"></div>
<div class="box six"></div>
</div>
</div>
<div class="site">
<!-- Header -->
<header>
<div id="logo">
<a href="./index.html">
<img src="./img/oficial-logo.png" alt="" height="170px">
</a>
</div>
<ul class="nav" id="nav">
<ul class="navLogo">
<a href="./index.html">
<img src="./img/oficial-logo.png" alt="" height="170px">
</a>
</ul>
<li class="nav-link"><a href="./index.html">Início</a></li>
<li class="nav-link"><a href="./eventos.html">Eventos</a></li>
<li class="nav-link"><a href="./aboutus.html">Conheça</a></li>
<li class="nav-link"><a href="./contact.html">Forms</a></li>
<li class="nav-link"><a href="./convite.html">Convite</a></li>
<li class="nav-link"><a href="./quiz.html">Jogo</a></li>
<li class="sociallinkContainer">
<img class="sociallink" src="./img/fabook-icon-white.svg" alt="">
<img class="sociallink" src="./img/twitter-icon-white.svg" alt="">
<img class="sociallink" src="./img/inkedin-icon-white.svg" alt="">
<img class="sociallink" src="./img/whatsapp-icon-white.svg" alt="">
</li>
</ul>
<div id="barContainer">
<i id="bar" class="fa-solid fa-bars"></i>
</div>
</header>
<!-- Contact form -->
<section class="hero gridSection">
<div class="sectionDesc">
<h1 class="headline">
Formulários de Inscrição da <span class="cryptoText">SINTEC</span>.
</h1>
<p class="sub-headline">
A primeira turma a criar um evento de técnologia no Senac Nova Londrina o maior da região, onde profissionais da área estárão presentes.
</p>
</div>
<div class="sectionPic bouncepic" id="sectionPic">
<img src="./img/foto-tech.png" alt="">
</div>
</section>
<section>
<div class="sectionDesc processessDesc">
<h2 class="">Inscrições do Painel</h2>
<div class="formsIframe">
<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREJNTklZS1dDWEpFQThZWEpNVUcxNlVUNC4u&embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
<p>Esse formulário é apenas para segunda-feira, preencha com atenção. abaixo o regulamento.</p>
</div>
<span id="maratona"></span>
<h2 class="">Inscrições da Maratona</h2>
<div class="formsIframe">
<iframe src="https://forms.office.com/r/v1cM19ai2E?embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
<p>Esse formulário é apenas para terça-feira, preencha com atenção. abaixo o regulamento.</p>
</div>
<h2>Regulamento da Maratona</h2>
<p class="sectionPara">
Leia as regras no botão abaixo, terá todas as informações que você precisa:
</p>
<div class="regulamentoBtn">
<button class="btn carouselBtn" onclick="/*window.dialogMar.showModal();*/">Regulamento em breve</button>
</div>
<!-- segundo regulamento -->
<span id="jogos"></span>
<h2>Inscrição do Campeonato de Jogos</h2>
<div class="formsIframe">
<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7cdyatR6DidBrhoZex16cdNURjJUUlJISkJXRFI1SUJDUEZaQTFSWVRKVy4u&origin=QRCode" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen ></iframe>
<p>Esse formulário é apenas para quinta-feira, preencha com atençãoç. abaixo o regulamento.</p>
</div>
<h2>Regulamento do Campeonato de Jogos</h2>
<p class="sectionPara">
<span class="cinzaText"> Leia as regras no botão abaixo, terá todas as informações que você precisa:</span>
</p>
<div class="regulamentoBtn">
<button class="btn carouselBtn" onclick="/*window.dialogGame.showModal();*/">Regulamento em breve</button>
</div>
<h2 class="">Avalie a Sexta-feira</h2>
<div class="formsIframe">
<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREpQS0IwSk9PV1ZWR1RNUzZTQkIxUENMOC4u&embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
<p>Esse formulário é apenas para ser preenchido na sexta-feira.</p>
</div>
</section>
<h1 class="addressHeader">Local</h1>
<div class="address">
<div class="eachAddress">
<h1>Senac Nova Londrina</h1>
<p>Telefone: (44) 3432-8750</p>
<p>Endereço: Av. Fioravante José Montanher, 576 - Nova Londrina, PR, 87970-000</p>
<p>Website: <a href="https://www.pr.senac.br/" target="_blanks">https://www.pr.senac.br/</a></p>
</div>
<div class="eachAddress">
<span></span>
</div>
</div>
<!-- footer -->
<footer>
<div class="joinSection">
<div class="joinDesc">
<h1 class="sectionHeader">Avalie sua Experiência</h1>
<p class="sectionPara">
Deixe seu Feedback para os desenvolvedores, Agradecido!
</p>
</div>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdYKqUSNiXhlb1R_rwDb-14gPTeM5TWgQZ38eyReqPvOvLxOg/viewform?vc=0&c=0&w=1&flr=0" target="_blank"><button class="btn primaryBtn">Envie Feedback!</button></a>
</div>
<div class="footerlinksContainer">
<div class="footerAboutus">
<img src="./img/oficial-logo.png" alt="" height="80px">
<p class="darkPara">
A SINTEC é organizada pelo alunos e instrutores do Técnico de Informática para Internet do Senac Nova Londrina que desejam compartilhar seu conhecimento e paixão pelo mundo digital.
</p>
<div class="footersociallinkContainer">
<img class="sociallink" src="./img/fabook-icon-white.svg" alt="">
<img class="sociallink" src="./img/inkedin-icon-white.svg" alt="">
<img class="sociallink" src="./img/whatsapp-icon-white.svg" alt="">
</div>
</div>
<div class="footerlink">
<h1 class="linkTitle">Explore</h1>
<a href="./aboutus.html" class="eachLink">About us</a>
<a href="./pageError.html" class="eachLink">FAQ</a>
<a href="./pageError.html" class="eachLink">Blog</a>
<a href="./contact.html" class="eachLink">Contact</a>
</div>
<div class="footerlink">
<h1 class="linkTitle">Nav</h1>
<a href="./index.html" class="eachLink">Home</a>
<a href="./eventos.html" class="eachLink">Programação</a>
<a href="./aboutus.html" class="eachLink">Conheça</a>
<a href="./contact.html" class="eachLink">Forms</a>
</div>
<div class="footerlink">
<h1 class="linkTitle">Resource</h1>
<a href="./tecnology.html" class="eachLink">Tecnology</a>
<a href="./pageError.html" class="eachLink">Page Error</a>
<a href="./Licences.html" class="eachLink">License</a>
</div>
</div>
<div class="footerCopyright">
<p>©Direitos Reservados SINTEC 2024 desenvolvido por <a href="#
https://github.com/felipetaua" class="developedBy" target="_blank">felipetauaSystems</a>.</p>
</div>
</footer>
<div class="modal">
<!-- Modal dias da semana seg a sexta dialogGame-->
<div class="modal">
<dialog id="dialogMar">
<h2 class="carouselTitle">Maratona - 19/11/2024</h2>
<h3> 1. Objetivo</h3>
<p class="carouselPara">
A Maratona de Jogos "Passa ou Repassa" tem como objetivo promover a integração e o entretenimento entre os participantes, além de estimular o raciocínio rápido, trabalho em equipe e espírito esportivo.
</p>
<br>
<a class="btn primaryBtn" href="./archive/Regulamento-Maratona.pdf" download="Regulamento-Maratona.pdf" target="_blank">Baixe o Regulamento</a>
<br>
<br>
<br>
<br>
<h3>2. Inscrição</h3>
<p class="carouselPara">
As inscrições serão realizadas previamente, conforme o período e formas divulgadas pela organização.
Com idade mínima de 14 anos.
As vagas são limitadas e o preenchimento ocorrerá por ordem de inscrição.
</p>
<h3>3. Formato do Jogo</h3>
<p class="carouselPara">
A maratona será disputada em formato de eliminação simples, ou seja, quem perder a rodada é eliminado.
O jogo segue o formato tradicional do "Passa ou Repassa", onde perguntas são feitas às equipes, e estas devem responder ou passar a pergunta para o time adversário.
Caso a equipe não saiba a resposta, poderá optar por “Repassar” para a equipe adversária, que deverá responder. Se o adversário também não souber a pergunta é anulada.
Se a equipe errar a resposta na fase de repasse, perde pontos.
</p>
<h3>4. Pontuação</h3>
<p class="carouselPara">
<ul>
<li>Cada pergunta tem seu respectivo valor.</li>
<li>Se a equipe repassar e o adversário errar, a equipe que repassou ganha 5 pontos.</li>
<li>Se a equipe for obrigada a responder na última rodada de repasse e errar, perde 5 pontos.</li>
<li>Ao final de cada rodada, a equipe com mais pontos avança para a próxima fase.</li>
<br>
</ul>
<br>
</p>
<h3>5. Rodadas Especiais</h3>
<p class="carouselPara">
Rodada de Desafio Físico: Algumas rodadas incluirão desafios físicos, como provas de habilidade ou resistência, onde a equipe que completar o desafio corretamente ou no menor tempo ganhará 20 pontos adicionais.
Rodada Relâmpago: Perguntas feitas em sequência rápida. A equipe terá 30 segundos para responder o maior número de perguntas possível, e cada resposta correta valerá 15 pontos.
</p>
<h3>6. Desempate</h3>
<p class="carouselPara">
Em caso de empate na pontuação ao final de uma rodada, será feita uma pergunta de desempate, em que a equipe que responder corretamente primeiro avançará para a próxima fase.
</p>
<h3>7. Regras Gerais</h3>
<p class="carouselPara">
O tempo para responder a cada pergunta será de 15 segundos.
Não serão permitidos equipamentos eletrônicos, anotações ou consultas durante o jogo.
A equipe que desrespeitar as regras ou exibir comportamento antidesportivo será automaticamente desclassificada.
</p>
<h3>8. Premiação</h3>
<p class="carouselPara">
As equipes que alcançarem as primeiras colocações receberão prêmios conforme a colocação final:
<br><b> 1º lugar:</b> Troféu + Cesta.
<br><b>2º lugar:</b> Troféu + Bom-Bom.
<br><b>3º lugar:</b> Troféu + Bom-Bom.
</p>
<h3>9. Organização</h3>
<p class="carouselPara">
A organização da Maratona de Jogos "Passa ou Repassa" é responsável pela arbitragem, escolha das perguntas, desafios físicos e pela segurança do evento.
As decisões da arbitragem são finais e não cabem recursos.
</p>
<h3>10. Disposições Gerais</h3>
<p class="carouselPara">
Ao se inscrever na maratona, os participantes concordam com o regulamento e cedem à organização o direito de uso de imagem para fins de divulgação do evento.
A organização reserva-se o direito de modificar o regulamento em situações excepcionais, visando o melhor andamento da competição.
</p>
<button onclick="window.dialogMar.close();" aria-label="close" class="x">❌</button>
</dialog>
<dialog id="dialogGame">
<h2 class="carouselTitle">Campeonato de Jogos - 21/10/2024</h2>
<p class="carouselPara">
<h3> Abertura do evento</h3>
Convidados da área da tecnologia farão um bate-papo com alunos esclarecendo dúvidas mostrando como é o mercado, que erros não cometer é importante guardar as perguntas para se fazer!
</p>
<br>
<p class="carouselPara"><b><i class="fa-solid fa-location-dot"></i> Local</b>: Auditório do SENAC</p>
<p class="carouselPara"><b><i class="fa-solid fa-moon"></i> Período</b>: Noturno</p>
<p class="carouselPara"><b><i class="fa-solid fa-clock"></i> Horário</b>: Início as 00:00</p>
<button onclick="window.dialogGame.close();" aria-label="close" class="x">❌</button>
</dialog>
</div>
</div>
<script src="https://unpkg.com/scrollreveal"></script>
<script>
// Função de carregamento
function loading() {
document.getElementsByClassName('loading')[0].style.display = "none";
document.getElementsByClassName('site')[0].style.display = "block";
}
// Aguarde o carregamento completo da página para ocultar a tela de carregamento
window.onload = function() {
setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
};
</script>
<script src="./script.js"></script>
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
</body>
</html>