-
Notifications
You must be signed in to change notification settings - Fork 0
/
opinioes.html
195 lines (185 loc) · 10.5 KB
/
opinioes.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
<!DOCTYPE html>
<html lang="port-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Agrinho 2022</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="css/inscricao/formulario.css" rel="stylesheet">
<link href="css/rodape.css" rel="stylesheet">
<link
href="https: //fonts.googleapis.com/css2? family = Alegreya & family = MonteCarlo & family = Pacifico & display = swap "
rel=" stylesheet ">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Agrinho 2022 </title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/cabecalho.css" rel="stylesheet">
<link href="css/inicio/introducao.css" rel="stylesheet">
<link href="css/inicio/agrinho.css" rel="stylesheet">
<link href="css/inicio/agrinho__oferece.css" rel="stylesheet">
<link href="css/inicio/ef.css" rel="stylesheet">
<link href="css/rodape.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="Loop Nerd" content="Códigos Pronto" />
<meta name="description" content="Loop Nerd Códigos e sites pronto para você utilizar no seu negócio." />
<meta name="keywords" content="Html, Css, Jquery, Wordpress, Sites Grátis, Tema para Wordpress, Site Responsivo" />
<meta name="author" content="Loop Nerd" />
<meta name="URL" content="https://www.www.loopnerd.com" />
<meta http-equiv="content-language" content="pt-br" />
<meta name="robots" content="index, follow" />
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/fonts-icones.css">
<link rel="shortcut icon" href="https://www.loopnerd.com.br/img/favicon.png" type="image/ico" />
<link
href="https: //fonts.googleapis.com/css2? family = Alegreya & family = MonteCarlo & family = Pacifico & display = swap "
rel=" stylesheet ">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<header>
<!-- Navbar- Boostrap, inicio -->
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<div class="container-fluid bg-success ">
<a class="nav-link active" aria-current="page" href="#">
<img src="./img/inicio-logo.png" alt="Logo-inicio">
</a>
<section class="section-seu-codigo container">
<div class="tituloprincipal">
<section class="tituloprincipal">
<h2 class="titulo1">Educação</h2>
<h1 class="titulo2">Financeira</h1>
</section>
</div>
</section>
<section class="agrinho">
<h4 class="titulo__agrinho">Minhas Redes Sociais</h4>
<div class="content">
<div class="box-artigo">
<nav class="btn_social">
<ul>
<li class="redes"><a href="https://www.facebook.com/joaocarlosdemelo.inferdes.31" target="_blank"
title="facebook"><i class="icon icon-facebook"></i></a></li>
<li class="redes"><a href="https://www.instagram.com/jao._.carlos/" target="_blank"
title="instagram"><i class="icon icon-instagram"></i></a></li>
<li class="redes"><a href="https://www.youtube.com/channel/UCkL_asvccqpOi7DQjZB89pQ" target="_blank"
title="youtube"><i class="icon icon-youtube"></i></a></li>
<li class="redes"><a href="https://web.whatsapp.com/" target="_blank" title="youtube"><i
class="icon icon-whatsapp"></i></a></li>
<li><a href="#" target="_blank" title="linkdin"><i class="icon icon-linkedin"></i></a></li>
</ul>
<!--Btn Social-->
</nav>
</div>
<!--Box Artigo-->
<div class="clear"></div>
</div>
</section>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end " id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><button class="botao"><a class="nav-link link__navegacao"
href="index.html">Início</a></button></li>
<li class="nav-item"><button class="botao"><a class="nav-link link__navegacao"
href="turmas.html">Turmas</a></button></li>
<li class="nav-item"><button class="botao"><a class="nav-link link__navegacao" href="opinioes.html">Você
Opina</a></button></li>
</ul>
</div>
</div>
</nav>
</header>
<main class="conteudo__principal">
<!-- Formulário realizado com auxílio do boostrap -->
<div>
<h2>
<h4 class="titulo__agrinho">Prencha o formulário abaixo para ajudar o Site a crescer a ajudar mais alunos:</h4>
</div>
<form class="formulario">
<div class="mb-3"><label for="exampleInputEmail1" class="form-label nome__formulario">Seu nome:</label><input
type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="digite aqui seu nome completo"></div>
<div class="mb-3"><label for="exampleInputPassword1" class="form-label nome__formulario">Sua idade:</label><input
type="text" class="form-control" id="exampleInputPassword1"
placeholder="digite aqui sua idade completa-só números"></div>
<div class="mb-3"><label for="exampleInputPassword1"
class="form-label nome__formulario">Cidade/Estado:</label><input type="text" class="form-control"
id="exampleInputPassword1" placeholder="digite aqui a Cidade/Estado que mora atualmente"></div>
<div class="mb-3"><label for="exampleInputPassword1" class="form-label nome__formulario">CEP:</label><input
type="text" class="form-control" id="exampleInputPassword1" placeholder="xx.xxx-xxx"></div>
<div class="mb-3"><label for="exampleInputPassword1" class="form-label nome__formulario">Seu
telefone:</label><input type="text" class="form-control" id="exampleInputPassword1"
placeholder="(xx)xxxxx-xxxx"></div>
<div class="mb-3"><label for="exampleInputPassword1" class="form-label nome__formulario">Série
escolar:</label><input type="text" class="form-control" id="exampleInputPassword1"
placeholder="digite sua série/ano escolar"></div>
<div class="mb-3 form-check"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label
class="form-check-label" for="exampleCheck1">Não estou estudando atualmente.</label></div>
<div class="mb-3"><label for="exampleInputPassword1" class="form-label nome__formulario">Gostou do
Site?:</label>
<div class="mb-3 form-check"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label
class="form-check-label" for="exampleCheck1">Sim</label></div>
<div class="mb-3 form-check"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label
class="form-check-label" for="exampleCheck1">Não</label></div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label nome__formulario">Pontos Positivos:</label>
<input type="text" class="form-control" id="exampleInputPassword1"
placeholder="digite aqui os pontos positivos">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label nome__formulario">Pontos Negativos:</label>
<input type="text" class="form-control" id="exampleInputPassword1"
placeholder="digite aqui os pontos negativos">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label nome__formulario">E-mail:</label>
<input type="email" class="form-control" id="exampleInputPassword1" placeholder="nome@escola.pr.gov.br">
</div>
<div class="mb-3">
<div class="mb-3 form-check"><input type="checkbox" class="form-check-input" id="exampleCheck1"><label
class="form-check-label" for="exampleCheck1">Quer receber novidades?</label></div>
<div class="mb-3"><button type="submit" class="btn__enviar botao__enviar">Enviar</button></div>
<h4 class="titulo__agrinho2">Contatos</h4>
</form>
<button id="back-to-top">Voltar ao topo</button>
</main>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
crossorigin="anonymous"></script>
<script>
alert("Bem-vindo à página Você Opina. Deixe aqui sua opinião. Obrigado!");
</script>
<section class="agrinho">
<h4 class="titulo__agrinho">Quem sou eu?</h4>
<img src="img/joao.jpg" alt="joao" class="creditos">
<h1 class="autor">João Carlos de Melo Inferdes</h1>
<h2 class="autor">Aluno do 1º Ano C do Colégio Maria Dalila Pinto, C E-Ef M</h2>
<h3 class="autor"> Santo Antônio da Platina - Estado do Paraná</h3>
</section>
<footer class="rodape">
<p class="texto__rodape">Agrinho 2022</p>
<p class="texto__rodape copyright"> ©Secretaria de Estado da Educação e do Esporte - SEED - Estado do Paraná
</p>
</footer>
</body>
</html>