-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
171 lines (161 loc) · 7.16 KB
/
index.html
File metadata and controls
171 lines (161 loc) · 7.16 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
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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Ambientados</title>
<link rel="shortcut icon" href="img/logotrp.png">
</head>
<body>
<div id="bg-img"></div>
<!-- <audio src="audio/jigsaw-puzzle.mp3" controls loop></audio> -->
<div id="content">
<!----------------- MENU ---------------------->
<div id="card_home">
<div id="imagem">
<img src="img/logo_amb_corte.jpg" alt="Logo-Ambientados" width="100%">
<img src="img/pev-logo.png" alt="Logo-PEV" width="80%">
</div>
<div id="interface">
<h1>Bem-Vindo(a)!</h1>
<div id="btns">
<button id="jogar">JOGAR</button>
<button id="highscores" onclick="buscarConteudo()">HIGHSCORES</button>
<button id="regras">REGRAS</button>
<button id="sobre">SOBRE</button>
</div>
<h5>ISBN: 978-65-00-24607-0</h5>
</div>
</div>
<!----------------- MENU ---------------------->
<!----------------- JOGAR --------------------->
<div id="card_jogar">
<div id="modos">
<a href="classico.html">
<div id="md_class">
<div class="mid">
<h2>Modo Clássico</h2>
<h4>
Faça a maior pontuação sem se preocupar com tempo
</h4>
</div>
<div class="bottom">
<h2>JOGAR</h2>
</div>
</div>
</a>
<a href="contra_tempo.html">
<div id="md_tempo">
<div class="mid">
<h2>Modo Contra o Tempo</h2>
<h4>
Você consegue responder rápido?
</h4>
</div>
<div class="bottom">
<h2>JOGAR</h2>
</div>
</div>
</a>
</div>
<div id="btn3">
<button id="princip">MENU</button>
</div>
</div>
<!----------------- JOGAR --------------------->
<!----------------- SCORES --------------------->
<div id="card_scores">
<div id="elmts">
<h2>HIGHSCORES</h2>
<div id="tabela">
<table>
<th>NOME</th>
<th>PONTOS</th>
<th>CLASSIFICAÇÃO</th>
<tbody id="corpoTabela">
</tbody>
</table>
</div>
</div>
<div id="btn5">
<button id="schome">MENU</button>
</div>
</div>
<!----------------- SCORES --------------------->
<!---------------- REGRAS --------------------->
<div id="card_regras">
<div id="corpo">
<div id="classico">
<h2>Modo Clássico</h2>
<h4>1. Não existe período de tempo para responder a questão.</h4>
<h4>2. Só há uma alternativa correta.</h4>
<h4>3. Cada acerto gera uma pontuação de 10.</h4>
<h4>4. Ao final salve seu resultado.</h4>
</div>
<hr>
<div id="tempo">
<h2>Modo Contra o Tempo</h2>
<h4>1. Responda corretamente dentro do tempo de 20seg.</h4>
<h4>2. Só há uma alternativa correta.</h4>
<h4>3. Ao marcar uma alternativa incorreta, o jogo é encerrado.</h4>
<h4>4. Se o crônometro atingir 20seg, o jogo é encerrado.</h4>
</div>
</div>
<div id="btn">
<button id="home">MENU</button>
</div>
</div>
<!---------------- REGRAS --------------------->
<!----------------- SOBRE --------------------->
<div id="card_sobre">
<div id="info">
<h2>Sobre</h2>
<p>
Ambientados é um jogo quiz desenvolvido dentro do Núcleo Temático de Educação Ambinetal Interdisciplinar do
Projeto Escola Verde, com intuito de proporcionar o conhecimento para as crianças sobre a importância que o meio
ambiente exerce sobre a sociedade. Sabe-se que nos dias atuais a conexão entre crianças, meio ambiente e futuro
não pode ser ignorada, assim é fundamental que as crianças tenham um conhecimento sobre a sustentabilidade e a
importância de construir um futuro mais limpo para as próximas gerações, pois o futuro da sociedade são as crianças.
</p>
<h2>Créditos</h2>
<h4>Todas as questões do nosso banco foram criadas a partir das postagens feitas no instagram do PEV.</h4>
<h4>Background: Designed by pikisuperstar /Freepik </h4>
<h5>escolaverde.org</h5>
</div>
<div id="btn2">
<button id="btorg">ORGANIZAÇÃO</button>
<button id="menu">MENU</button>
</div>
</div>
<!----------------- SOBRE --------------------->
<!----------------- ORGANIZAÇÃO --------------------->
<div id="card_org">
<div id="org2">
<div id="devs">
<h2>Organização</h2>
<h4>André Golçalves - Graduando em Engenharia da Computação</h4>
<h4>Edon Brendon - Graduando em Engenharia da Computação</h4>
<h4>Jules Bomfim - Graduando em Engenharia da Computação</h4>
<h4>Marcos Felipe - Graduando em Engenharia da Computação</h4>
<h4>Paulo Lucas - Graduando em Engenharia da Computação</h4>
<h4>Paulo Roberto Ramos - Orientador</h4>
</div>
<div id="copy">
<h5>Copyright © Projeto Escola Verde - Universidade Federal do Vale do São Francisco</h5>
<h5>ISBN: 978-65-00-24607-0</h5>
</div>
</div>
<div id="btn-org">
<button id="voltar-sobre">VOLTAR</button>
</div>
</div>
<!----------------- ORGANIZAÇÃO --------------------->
</div>
<!---------------- CONTENT --------------------->
<script src="js/script.js"></script>
</body>
</html>