-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinicio.html
183 lines (172 loc) · 7.95 KB
/
inicio.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Página inicial | Reforço+</title>
<link rel="stylesheet" href="css/inicial1.css">
<link rel="stylesheet" href="css/inicio.css">
<script src="https://kit.fontawesome.com/a68f3df9e0.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Kosugi" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Quicksand&family=Roboto:wght@500&family=Slabo+27px&display=swap" rel="stylesheet">
</head>
<body>
<input type="checkbox" id="check">
<!--header area start-->
<header>
<a href="inicio.html"><img style="float:left; margin-left:52px; margin-top: 0px; margin-bottom: 1px; padding-top: 0px; border: 0;" src="imagens/inicial/logo3.png"> </a>
<label for="check">
<i class="fas fa-align-justify" id="menu_btn"></i>
</label>
<div class="direita">
<a href="php/sair.php" class="sair">Sair</a>
</div>
</header>
<!--header area end-->
<!--mobile navigation bar start
<div class="mobile_nav">
<div class="nav_bar">
<i class="fa fa-bars nav_btn"></i>
</div>
<div class="mobile_nav_items">
<a href="#"><i class="fas fa-home"></i><span>Início</span></a>
<a href="#"><i class="fas fa-book-open"></i><span>Conteúdos</span></a>
<a href="#"><i class="fas fa-file-alt"></i><span>Simulados</span></a>
<a href="#"><i class="fas fa-chart-line"></i><span>Desempenho</span></a>
<a href="#"><i class="fas fa-user-alt"></i><span>Conta</span></a>
</div>
</div>
mobile navigation bar end-->
<!--sidebar start-->
<div class="menu">
<center>
<h4>MENU</h4>
</center>
<a href="inicio.html"><i class="fas fa-home"></i><span>Início</span></a>
<a href="php/conteudos.php"><i class="fas fa-book-open"></i><span>Conteúdos</span></a>
<a href="php/testeniveis.php"><i class="fas fa-file-alt"></i><span>Testes de Nível</span></a>
<a href="php/desempenho.php"><i class="fas fa-chart-line"></i><span>Desempenho</span></a>
<a href="php/indicacoes.php"><i class="fas fa-film"></i><span>Indicações</span></a>
<a href="php/conta.php"><i class="fas fa-user-alt"></i><span>Conta</span></a>
</div>
<!--sidebar end-->
<div class="conteudo1">
<!--Carousel(Slides) de notícias-->
<div id="slider">
<input type="radio" name="slider" id="slide1" checked>
<input type="radio" name="slider" id="slide2" checked>
<input type="radio" name="slider" id="slide3" checked>
<input type="radio" name="slider" id="slide4" checked>
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide=content">
<h2 class="titulo_slide"> </h2>
<p class="texto_slide"> </p>
</div>
</div>
<div class="slide slide_2">
<div class="slide=content">
<h2 class="titulo_slide"> </h2>
<p class="texto_slide"> </p>
</div>
</div>
<div class="slide slide_3">
<div class="slide=content">
<h2 class="titulo_slide"> </h2>
<p class="texto_slide"> </p>
</div>
</div>
<div class="slide slide_4">
<div class="slide=content">
<h2 class="titulo_slide"> </h2>
<p class="texto_slide"> </p>
</div>
</div>
</div>
</div>
</div>
<div id="controls_1">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="controls_2">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets" class="conteudo_">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
<div id="artigo">
<!--<span class="negrito">negrito</span>-->
<!--Aqui está o artigo-->
<h1 class="titulo">Guia de como navegar pelo site!</h1>
<p class="texto">Se você é novo no site e gostaria de entender como o nosso site funciona, continue lendo até o final.
</p>
<!--Nesta seção está os comentários de Conteúdos-->
<h1 class="subtitulo">Conteúdos</h1>
<p class="texto">
Nesta seção você encontrará matérias<span class="negrito"> com seus devidos assuntos</span>, tendo uma explicação apurada dos elementos.
</p>
<center>
<img src="imagens/inicial/img_guia_conteúdo.png">
</center>
<br><br>
<!--Nesta seção está os comentários de Teste de Nível-->
<h1 class="subtitulo">Testes de Nível</h1>
<p class="texto">
Em Testes de nível você poderá realizar provas dos assuntos contidos em<span class="negrito"> conteúdos</span> que possuem exercícios de grau<span class="negrito"> (fácil, moderado e difícil)</span>. Servindo para que você se situe no
quão apto você está naquele assunto.
</p>
<center>
<img src="imagens/inicial/img_guia_teste_de_nivel.png">
</center>
<br><br>
<!--Nesta seção está os comentários de Desempenho-->
<h1 class="subtitulo">Desempenho</h1>
<p class="texto">
Aqui você poderá analisar o seu desempenho em todas as matérias e conteúdos, assim, você conseguirá enxergar seu pontos fortes e os que ainda podem ser melhorados.
</p>
<center>
<img src="imagens/inicial/img_guia_desempenho.png">
</center>
<!--Nesta seção está os comentários de Indicações-->
<br><br>
<h1 class="subtitulo">Indicações</h1>
<p class="texto">
A página de indicações servirá para você conhecer alguma obra, <span class="negrito"> conteúdos
literários ou audiovisuais</span> que complementem o assunto o qual estiver estudando.
</p>
<center>
<img src="imagens/inicial/img_guia_indicacoes.png">
</center>
<!--Nesta seção está os comentários de Conta-->
<br><br>
<h1 class="subtitulo">Conta</h1>
<p class="texto">
Por fim, em conta podemos podemos nos conectar e desconetar do login afim de<span class="negrito">
sincronizar</span> o progresso já obtido. Além disso, é aqui que você verifica seus dados e os altera se precisar.
</p>
<center>
<img src="imagens/inicial/img_guia_conta.png">
</center>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.nav_btn').click(function() {
$('.mobile_nav_items').toggleClass('active');
});
});
</script>
<script type="text/javascript" src="js/slide.js"></script>
</body>
</html>