-
Notifications
You must be signed in to change notification settings - Fork 0
/
dicadeest.html
177 lines (145 loc) · 6.25 KB
/
dicadeest.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
<!DOCTYPE html>
<!-- saved from url=(0088)file:///D:/ETEC/1_ANO/DS/PW1/pagina's/Proj.%20Site%20de%20Matem%C3%A1tica/dicadeest.html -->
<html lang="pt-br"><!--CONFIG--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--ler tds os caracteres-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../CSS/estilo.css">
<!-- Titulo da pg-->
<title>Dicas de Estudo</title>
<style>
body{
background-image: url(./img/mat\ \(1\).gif);
background-repeat: no-repeat;
background-size: contain;
}
fieldset{
border: 3px solid purple;
border-radius: 7px;
}
.botao{
border-radius: 7px;
}
#textbox{
border-radius: 7px;
border: none;
position: absolute;
top:123%;
left:18%;
transform: translate(-50%,-50%);
outline: none;
background-color: rgb(255, 255, 255);
}
.placeholder{
color: white;
top: 500%;
}
.botao{
border-radius: 7px;
border: none;
position: absolute;
top:123%;
left:30%;
transform: translate(-50%,-50%);
}
.texto{
left: 50;
}
.conteudo.princ{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.textos{
text-align: center;
}
</style>
</head>
<body>
<!-- CABEÇALHO = header -->
<!--PARA NÃO FICAR UMA "POLUIÇÃO" VISUAL, DPS Q TERMINA O HEADER(CABEÇALHO), É BOM FECHAR ELE-->
<header class="cabeçalho">
<!--IMG LOGO = figure-->
<!--ESSE "HIDDEN" SERVE PARA OCULTAR A LEGENDA-->
<!--MENU DE NAVEGAÇÃO-->
<img src="./dicadeest_files/mat (3).gif" width="100%">
<nav class="cabeçalho__menu.nav">
<!--LISTA DE LINKS-->
<ul class="cabeçalho__menu.nav__menu.lista">
<li class="cabeçalho__menu.nav__menu.item"><!--SE VC DEIXAR SÓ O "UL" e "LI" vira topicos-->
<!--"A" é de "ancora", para abrir um link ;)--> <!--IMG P LOGO DA BARRA DO MENU E O NOME DA BARRA-->
<center><h1 alight="center">
<p> <img scr="img/image-removebg-preview" alt=""></p>
<a href="../Proj. Site de Matemática/novo.html"> PÁGINA INICIAL</a>
<img src="" alt="">
<a href="../Proj. Site de Matemática/atv.html"> ATIVIDADES</a>
<img scr="" alt="">
<ui><a href="../Proj. Site de Matemática/cadastro.html"> PERFIL</a></ui>
<img scr="" alt="">
<a href="../Proj. Site de Matemática/anotaçãoes.html"> NOTAS</a>
<img scr="" alt="">
<a href="../Proj. Site de Matemática/dicadeest.html"> DICAS DE ESTUDO</a>
</h1></center>
</li>
</ul>
</nav>
</header>
<!--CONTEÚDO PRINCIPAL= tag MAIN -->
<main class="textos">
<br>
<center><pre><h1><i><font face="cooper black" size="15" color="purple">Dica de estudo</font></i></h1></pre></center><br>
<p class="textinho">Olá caro <b>aluno/estudante</b>,você chegou em uma parte da nossa página, aonde você poderá receber <i>dicas</i>,</p><p>mas não só isso, como também dar <i>dicas</i> para os outros <u> estudantes</u>, se ajude e ajude a nossa comunidade,</p><p>dando uma <i>dica</i> de estudo para nossos queridos <u>estudantes</u>!</p>
<br><br>
</main>
<p><input type="text" name="comentário" size="30" placeholder="Dê sua dica de estudo!" id="textbox" class="placeholder">
<input type="text" name="comentario" size="30" placeholder="Dê sua dica de estudo!" id="textbox" class="placeholder">
</p>
<button class="botao">Dar dica</button>
<br><br><br>
<ul class="conteúdo.princ__lista.coments"><center>
<li>
<fieldset>
<div class="rebeka">
<img class="conteúdo.princ__coments" src="./dicadeest_files/Rebeka.png" alt="erro" width="70">
<!--O "DIV" e o "SPAN" n relevam em nada, mas deixam pg XUXU-->
<h4>Rebeka</h4>
<span<i>@beka9102 <b>16s</b>
<p>Ouça música enquanto estuda, ajuda na concentração (pelo menos me ajuda kk)
<b> #rocknaveia </b>
</p>
</span<i></div></fieldset></li></center>
<br><br> <li class="cabeçalho__menu.nav__menu.item"><center>
<fieldset>
<div class="bruno">
<img src="./dicadeest_files/Bruno.png" alt="erro" width="70">
<!--O "DIV" e o "SPAN" n relevam em nada, mas deixam pg XUXU-->
<h4>Bruno</h4>
<span><i>@bruninho.cria</i> <b>10min</b></span>
<p>Estudem pelo menos 2h por dia, para que o conteúdo "entre" na cabeça de vcs, sem aquele ngc de "DECOREBA".
<b> #nunkfuitriste</b>
</p>
</div></fieldset></center>
</li>
<li class="cabeçalho__menu.nav__menu.item"><center><br><br>
<fieldset> <img src="./dicadeest_files/Lucas.png" alt="tanta perfeição q a imagem nem carrega" width="70">
<!--O "DIV" e o "SPAN" n relevam em nada, mas deixam pg XUXU-->
<div class="lucas">
<h4>Lucas</h4>
<span><i>@t3dyyyyyyyy</i> <b>1h</b></span>
<p>FamiL, lembrem-se que numa fração, o numerador é o número acima e o denominador, o de baixo.
<b> #LanHouseMiranha</b>
</p>
</div></fieldset></center>
</li>
<li class="cabeçalho__menu.nav__menu.item"><center><br><br>
<fieldset> <img src="./dicadeest_files/Joaquina.png" alt="erro" width="70">
<!--O "DIV" e o "SPAN" n relevam em nada, mas deixam pg XUXU-->
<div class="joaquina">
<h4>Joaquina</h4>
<span><i>@JoDoFusca</i> <b>1sem</b></span>
<p>UAAAAAAAAAU QUE SITE BOOOOOOOOOOM APRENDI MUITOOOOOOOOOO
<b>#amooh</b>
</p>
</div></fieldset></center>
</li>
</ul>
</body></html>