Este repositório contém o código-fonte do site de Saneamento Básico, que aborda temas relacionados à importância do saneamento básico, preservação ambiental e os benefícios de ter um sistema de esgoto adequado.
O tratamento adequado do esgoto é uma ação transformadora com impactos significativos no mundo. Ao tratar o esgoto, removemos contaminantes, preservando o meio ambiente, protegendo a saúde pública e impulsionando o desenvolvimento socioeconômico. O tratamento de esgoto reduz a poluição de rios e lagos, previne doenças transmitidas pela água e melhora a qualidade de vida das comunidades. É uma medida essencial para um mundo mais saudável e sustentável.
O site é organizado da seguinte maneira:
-
Inicio: Página inicial que apresenta uma introdução sobre o que será visto neste site, além de uma breve apresentação sobre o criador. Nele também há imagens que aparecerão de forma animada ao passar o mouse nas palavras grifadas, além de um lindo carrossel de imagens para melhor entendimento. -
Beneficios: Página que destaca os benefícios de ter um sistema de esgoto adequado. Nessa página, são apresentados modais para mostrar mais conteúdos. Também possui um slideshow e uma linda animação interativa sobre uma torneira. Esta animação vai demorar um pouco para aparecer, alem disso voce não podera interagir com ela a não ser que esteja com a valvula da torneira completamente azul, ao recarregar a pagina ele vira com a cor vermelha e voce deve esperar ele ficar azul para poder comecar a interagir. -
Desvantagens: Página que aborda as desvantagens de não ter um sistema de esgoto. Nela, são apresentados carrosséis de imagens com textos para um melhor entendimento do usuário. No final da página, haverá uma representação de uma fossa séptica usando HTML e CSS, além de uma descrição do que é uma fossa séptica.
O header do site é a seção superior que contém o logotipo e a navegação. Ele proporciona uma identidade visual ao site e permite que os usuários naveguem facilmente entre as páginas. O header está presente em todas as páginas do site, proporcionando consistência e facilitando a navegação para os usuários. No header, temos o botão para alternar entre o tema escuro e o tema claro, além de uma linda animação hover no local escrito "menu".
O footer é a seção inferior do site, que contém informações adicionais, links úteis e créditos. No nosso site de Saneamento Básico, o footer é apresentado em todas as páginas e inclui informações sobre o desenvolvedor do site, créditos e um link de contato para mais informações.
O site de Saneamento Básico foi projetado levando em consideração a responsividade, ou seja, ele se adapta a diferentes tamanhos de tela e dispositivos. Isso significa que o site será exibido corretamente tanto em computadores desktop quanto em tablets e smartphones.
A responsividade é alcançada utilizando práticas de design responsivo e tecnologias como CSS flexbox e media queries. Essas técnicas garantem que o conteúdo seja organizado de forma adequada, os elementos sejam redimensionados e ajustados para caber nas telas menores, e a experiência do usuário seja mantida independentemente do dispositivo utilizado para acessar o site.
Caso o usuário tenha um dispositivo com largura menor que 200px, o site mostrará uma tela dizendo: "O site não é compatível com este dispositivo" e uma carinha triste.
O Site de Saneamento Básico foi projetado e desenvolvido para funcionar na maioria dos navegadores modernos. Ele foi testado e é compatível com os seguintes navegadores:
- Google Chrome
- Opera
- Microsoft Edge
- Brave
Esses navegadores suportam as tecnologias utilizadas no site, como HTML5, CSS3, e JavaScript, garantindo uma experiência consistente e agradável para os usuários que o acessarem através deles.
Recomendamos sempre manter seu navegador atualizado para garantir o melhor desempenho e a visualização adequada de todos os recursos presentes no site.
Para visualizar o site, basta acessar o seguinte link:
O site será carregado no navegador e você poderá navegar pelas diferentes páginas e explorar o conteúdo relacionado ao saneamento básico.
Este site foi desenvolvido por Gladson Coronado estudante do Colégio Estadual Cleoracy Aparecida Gil, sob a orientação do professor Edilson Chalegre. Para mais informações, entre em contato através deste link, ou pelo número de WhatsApp: +55 (44) 99116-8932.