Este repositório contém o código-fonte do site AgroFuturo, dedicado à evolução da tecnologia no campo. O site explora como a tecnologia tem transformado a agricultura ao longo dos anos, oferecendo uma visão geral das inovações, uma animação interativa, uma galeria de imagens, depoimentos, uma tabela de evolução tecnológica e uma seção de perguntas frequentes.
A evolução tecnológica no campo é fundamental para aumentar a produtividade, melhorar a sustentabilidade e transformar a agricultura. Com o uso de tecnologias avançadas como sensores, drones e big data, a agricultura se tornou mais eficiente e precisa. Este site destaca as principais inovações e suas contribuições para a evolução agrícola.
O site é organizado da seguinte maneira:
-
Inicio: Página inicial que apresenta uma introdução sobre a evolução da tecnologia no campo. Inclui um título principal e um parágrafo de introdução.
-
História: Página que detalha a evolução tecnológica agrícola ao longo dos anos. Apresenta uma visão geral das principais inovações, como a Revolução Agrícola, Mecanização e Era Digital, em uma grid de conteúdo.
-
Animação: Seção interativa que permite aos usuários experimentar uma animação de plantio. Inclui um checkbox para iniciar a animação e efeitos visuais representando chuva e crescimento de plantas.
-
Galeria de Imagens: Seção que exibe uma galeria de imagens com um carrossel interativo. Inclui modais para visualização ampliada das imagens. Para trocar entre as imagens, clique nos botões abaixo da imagem.
-
Depoimentos: Seção que apresenta depoimentos de usuários sobre como a tecnologia transformou suas práticas agrícolas. Inclui uma grid de depoimentos com feedback positivo.
-
Dados sobre a Evolução: Tabela que apresenta uma visão geral das principais inovações tecnológicas na agricultura e seu impacto.
-
Perguntas Frequentes (FAQs): Seção que responde às perguntas mais comuns sobre o site e os temas abordados.
O header do site é a seção superior que inclui:
- input.mobile-btn: Checkbox para alternar o menu em dispositivos móveis.
- label.mobile-icon: Ícone de hambúrguer que ativa o menu móvel.
- nav.menu: Menu de navegação com links para todas as seções principais do site.
- input#darkModeCheckbox: Checkbox para alternar entre o tema claro e escuro do site.
O header proporciona uma identidade visual consistente e facilita a navegação.
O footer é a seção inferior do site que inclui:
- Texto informativo: Descrição sobre a importância da tecnologia no campo.
- nav.rodape: Menu de navegação com links para as seções principais.
- Informações de direitos autorais e créditos: Inclui o nome do desenvolvedor e um link para mais informações.
O footer contém o nome do criador do site e do professor responsável. Ao passar o mouse sobre os nomes, um efeito hover é exibido, mostrando suas respectivas fotos. Ao clicar nas fotos, o usuário será direcionado diretamente para seus números de WhatsApp.
O site AgroFuturo é projetado para ser responsivo, adaptando-se a diferentes tamanhos de tela e dispositivos. Utilizamos técnicas de design responsivo, como CSS flexboxe media queries, para garantir uma experiência de usuário consistente em desktops, tablets e smartphones.
Em dispositivos com largura menor que 200px, o site exibirá uma mensagem: "O site não é compatível com este dispositivo" e uma carinha triste.
O site é compatível com a maioria dos navegadores modernos, incluindo:
- Google Chrome
- Opera
- Microsoft Edge
- Brave
Certifique-se de manter seu navegador atualizado para garantir o melhor desempenho e a visualização adequada dos recursos.
Para visualizar o site, basta acessar o seguinte link:
github: Site AgroFuturo vercel: Site AgroFuturo
Navegue pelas diferentes seções para explorar o conteúdo sobre a evolução da tecnologia no campo.
Este site foi desenvolvido por Gladson Coronado estudante do Colégio Estadual Cleoracy Aparecida Gil, sob a orientação do professor Milenio Rocha. Para mais informações, entre em contato através deste link, ou pelo número de WhatsApp: +55 (44) 99116-8932.