- 🌑🌒🌓🌔🌕🌖🌗🌘🌚
Bem-vindo ao repositório da página "Hora do Dia". Este é um pequeno projeto que utiliza HTML, CSS e JavaScript para criar uma página interativa que exibe uma imagem e uma mensagem baseadas na hora do dia.
A página 'Hora do Dia' tem como objetivo demonstrar a manipulação de elementos HTML usando JavaScript, bem como a aplicação de estilos com CSS. Ela exibe uma mensagem de saudação e uma imagem que muda dependendo da hora atual. A mudança de imagem e estilo de fundo cria uma experiência interativa e visualmente agradável para o usuário.
Quando a página é carregada, a função carregar() é acionada. Esta função verifica a hora atual e ajusta a mensagem e a imagem exibidas com base nessa hora. A página é dividida em seções, incluindo cabeçalho, conteúdo e rodapé, para uma melhor organização e estrutura.
- HTML 5: Estruturação do conteúdo da página.
- CSS 3: Estilização dos elementos e definição de cores de fundo.
- JavaScript Vanilla: Manipulação de elementos HTML e cálculos da hora atual.
Você pode ver a página "Hora do Dia" em ação clicando aqui.
Este projeto é apenas um exemplo didático e está hospedado no Github Pages apenas para finalidades de promoção de portfólio pessoal e profissional. Foi criado com o propósito de praticar conceitos básicos de desenvolvimento web.
Fique à vontade para explorar o código e entender como os diferentes elementos foram implementados. Se tiver alguma pergunta ou sugestão, não hesite em entrar em contato.
- 🙋♂️ Se você é um recrutador e está analisando, quero que note o meu cuidado ao escrever este documento! Veja as diferentes técnicas de desenvolvimento, diagramação e revisão.
- 2021 | 2023 ©️ Andre Riffen - Perfil GitHub
Não se preocupe quanto a licença, este projeto é só um exercício pequeno de quando eu estava no início do meu curso de desenvolvimento de sistemas em 2021. Pode copiar, modificar, remixar à vontade!