Exercícios HTML e CSS - Origamid

Conteúdo

O objetivo deste repositório é guardar os exercícios feitos durante o curso de HTML e CSS da Origamid.

Todos os exercícios foram solucionados por mim, seguindo o conteúdo aprendido durante as aulas e conhecimentos prévios sobre o tema.

Para rodar o projeto localmente, basta abrir os arquivos com extensão .html em um browser ou utilizar uma ferramenta para visualizar os arquivos.

[Aula 0214] - Display Aqui o objetivo foi treinar a construção de código HTML e estilização correta via CSS.
[Aula 0309] - Posicionamento O objetivo foi treinar a construção de código de uma landing page, utilizando propriedades de grid, flex, position, além de uma construção de HTML mais complexa.
[Aula 0506] - Refatoração A partir do exercício anterior, foi feita a refatoração da landing page desenvolvida. O site agora conta com um HTML semântico e mais acessível, além de novas estilizações, como o uso de pseudo classes e pseudo elementos, melhoria na tipografia e o uso de background image. É um exercício bem completo, abordando todos os tópicos aprendidos até o momento.
[Aula 0606] - Responsividade Com base no exercício anterior, a estilização foi alterada para ser responsiva, agora, adaptando-se a telas menores que a de um computador mantendo o entendimento do website.
[Aula 0905] - Modo Escuro Utilizando o mesmo site construído anteriormente, a partir da media query "prefers-color-scheme", foi criado um modo escuro para o site que é ativado de acordo com a preferência (modo escuro ou claro) do usuário. O objetivo foi treinar o uso dessa media query e o uso de variáveis CSS definidas através do :root da página, tornando o website mais fácil de dar manutenção.