-
Notifications
You must be signed in to change notification settings - Fork 0
/
school.html
143 lines (127 loc) · 8.25 KB
/
school.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/svg" href="./img/icons/go-green.png"/>
<title>Home</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<header>
<div>
<img src="./img/icons/go-green.png" width="35px" alt="Logo do site">
</div>
<button class="mobile-nav-toggle" aria-controls="navegacao-primaria" aria-expended="false"></button>
<nav>
<ul id="navegacao-primaria" data-visible="false" data-visible="false" class="navegacao-primaria flex">
<li class="navegacao-item navegacao-item-acessibilidade">
<a href="#" id="configuracao-acessibilidade-btn"><img src="./img/icons/settings-accessibility.svg" alt="Ícone de configuração de acessibilidade"><img src="./img/icons/arrow-drop-down.svg" alt="Ícone seta para baixo"></a>
<div class="navegacao-acessibilidade">
<div class="accessibility-font-size">
<h2 class="subtitulo">Tamanho fonte</h2>
<button id="increase-font" class="button-font-size"><img src="./img/icons/text-increase.svg" alt="Ícone aumentar fonte"></button>
<button id="decrease-font" class="button-font-size"><img src="./img/icons/text-decrease.svg" alt="Ícone diminuir fonte"></button>
</div>
<div class="accessibility-theme">
<h2 class="subtitulo">Tema</h2>
<button class="button-theme" id="button-theme">
<div class="indicator"></div>
</button>
</div>
</div>
</li>
<li class="navegacao-item">
<a href="./home.html" class="navegacao-link">
<img src="./img/icons/home.svg" alt="Ícone home">
<p>Home</p>
</a>
</li>
<li class="navegacao-item">
<a href="./aboutMe.html" class="navegacao-link">
<img src="./img/icons/person.svg" alt="Ícone sobre mim">
<p>Sobre mim</p>
</a>
</li>
<li class="navegacao-item">
<a href="./school.html" class="navegacao-link">
<img src="./img/icons/school.svg" alt="Ícone colégio">
<p>Meu colégio</p>
</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="secao_sobre">
<h1 class="titulo">Colégio Estadual Barão do Cerro Azul</h1>
<h2 class="subtitulo">Sobre</h2>
<p class="corpo">Mantido perlo Governo do Estado do Paraná e administrado pela Secretaria do Estado da Educação, ficando aproximadamente 60 quilômetros de distância do Núcleo Regional de União da Vitoria.</p>
<p class="corpo">Atende o Ensino Fundamental nos anos finais (6° ao 9° ano), Ensino Médio Regular, Educação Especial, Educação de Jovens e Adultos (EJA) - Formação de Docentes e Educação Profissional - Técnico em Agropecuária.</p>
<p class="corpo">A Educação de Jovens e Adultos, possui sua organização por ano, avaliações trimestral e com organização curricular por área de conhecimento. As demais modalidades de ensino, possuem sua organização por ano, avalição trimestral e com organização curricular por área de conhecimento e/ou por disciplina.</p>
<img src="./img/colegio.jpeg" class="img_colegio" alt="Foto do Colégio Estadual Barão Do Cerro Azul">
</section>
<div class="container_informacoes">
<section class="secao_contato">
<h2 class="subtitulo">Contato:</h2>
<p>Telefone:<strong><a href="tel:+554235541254">(42) 3554-1254</a></strong></p>
<p>Email:<strong><a href="mailto:czcerroazul@seed.pr.gov.br">czcerroazul@seed.pr.gov.br</a></strong></p>
</section>
<section class="secao_localizacao">
<h2 class="subtitulo">Localização</h2>
<iframe class="secao_localizacao__mapa" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d316.91155177564457!2d-51.34999091666664!3d-26.018994789103417!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94e5df847a6f4d8f%3A0xbfcf4e565ab6cc01!2sCerro%20Azul%2C%20C%20E%20Bar%20Do-Ef%20M%20N%20Profis!5e0!3m2!1sen!2sbr!4v1682300213107!5m2!1sen!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
</div>
</main>
<footer>
<div class="footer-container">
<div class="credits">
<h2 class="subtitulo">Créditos</h2>
<p>Professora: <strong>Vanessa Plewka</strong></p>
<div class="credits-icons">
<a href="https://www.sistemafaep.org.br/agrinho/" target="_blank" aria-label="Sistema Faep Senar PR"><img src="./img/icons/SistemaFaepSenarPR-logo.png" alt="Logo Faep Senar PR" height="35px"></a>
<a href="https://www.alura.com.br/" target="_blank" aria-label="Alura"><img src="./img/icons/alura-logo.svg" alt="Logo Alura" height="24px"></a>
<a href="https://www.parana.pr.gov.br/" target="_blank" aria-label="Estado do Paraná"><img src="./img/icons/GovernoDoEstado-logopng.svg" alt="Logo Estado do Paraná" height="40px"></a>
</div>
<p>ícones e fonte por:</p>
<div class="credits-icons">
<a href="https://fonts.google.com/" target="_blank" aria-label="Google Fonts"><img src="./img/icons/googleFonts.svg" alt="Ícone Google Fonts" width="24px"></a>
<a href="https://www.flaticon.com/" target="_blank" aria-label="Flaticon"><img src="./img/icons/flaticon.svg" alt="Ícone Flaticon" height="24px"></a>
</div>
</div>
<div class="contact-info">
<h3 class="subtitulo">Minha escola</h3>
<p><strong>Endereço:</strong> Av. Interventor Manoel Ribas, 238 - Centro, Cruz Machado - PR, 84620-000</p>
<p><strong>Telefone:</strong> (42) 3554-1254</p>
</div>
<div class="footer-links">
<h3 class="subtitulo">Links Úteis</h3>
<ul class="footer-links-lista">
<li><a href="./school.html">Home</a></li>
<li><a href="./aboutMe.html">Sobre mim</a></li>
<li><a href="./school.html">Meu colégio</a></li>
</ul>
</div>
<div class="social-media">
<h3 class="subtitulo">Minhas redes sociais</h3>
<div class="social-media-icons">
<a href="https://www.instagram.com/juliavt00/" target="_blank" aria-label="Instagram"><img src="./img/icons/instagram.svg" alt="Instagram"></a>
<a href="https://www.linkedin.com/in/julia-vitoria-da-luz-32a16927b/" target="_blank" aria-label="LinkedIn"><img src="./img/icons/linkedin.svg" alt="LinkedIn"></a>
<a href="https://github.com/JuJuVitoria" target="_blank" aria-label="GitHub"><img src="./img/icons/github.svg" alt="GitHub"></a>
<a href="#" target="_blank" aria-label="Email"><img src="./img/icons/email.svg" alt="Instagram"></a>
</div>
</div>
<div class="legal-info">
<h3 class="subtitulo">Informações Legais</h3>
<ul>
<p>Este site possui a licença MIT <a href="https://pt.wikipedia.org/wiki/Licen%C3%A7a_MIT" target="_blank" aria-label="MIT License">para saber mais sobre.</a></p>
</ul>
</div>
<div class="copyright">
<p>© 2024 Julia Vitoria Da Luz.</p>
</div>
</div>
</footer>
<script type="module" src="./js/main.js" defer></script>
</body>
</html>