Faça um clone do repositório e divirta-se
Exercício desenvolvido em sala de aula.
O objetivo deste exercício é o estudo prático do desenvolvimento de um site utilizado recursos do HTML 5 e CSS. Neste exercício foram utilizados recursos como:
- Semântica
- NAV
- Link
- Lista
- Posicionamentos
- Imagens
- Folha de estilo
Os alunos devem recriar o site. Utilizando esté projeto como base.
Utilizar uma imagem como logo, ao lado coloque um slogan, utilize cores que não entrem em contraste com a cor de fundo do NAV. Coloque 3 liks centralizados dentro do NAV. Coloque uma cor de fundo para o NAV. Coloque uma borda destacada na parte de baixo do NAV.
Implemente dois títulos abaixo do NAV, utilize sua criatividade para o conteúdo. Afinal, o site é seu. :) Matenha uma distância do NAV, coloque uma fonte bem legal, altere a cor.
Implemente dois parágrafos utilizando o lorem, deixe o texto justificado, matenha uma distância de 1,4 entre as linhas e uma identação (tabulação) na primeira linha de 2.5cm. Utilize a fonte: Noto Sans Lepcha, que você pode importar do google fonts.
Implemente três imagens entre os parágrafos e as deixem centralizadas, uma ao lado da outra. Entre cada imagem, deixe um espaçamento de 20px.
Implemente no footer, um texto com as seguintes informações: Site desenvolvido por 'fulano' (no caso você :)) em data, como exemplo para o aprendizado do HTML5 e CSS. Centratilize o contéudo. Como desefio a mais, coloque três ícones com liks para o Twitter, instagram e github. Um ao lado do outro centralizados no footer.
Esta são apenas algumas das recomendações, mas quando mais estilizado você deixar o seu exemplo mais terá aprendido, esse é o propósito. Bons estudos!