Digital-House-Chekpoint 1

Módulo I 🎓

Nesse repósitorio você encontrará a atividade do chepoint 01, do curso CTD da digital house atendendo os seguintes requisitos :

Objetivo

Pensando fora da caixa com modelos de caixas e flexbox. O objetivo é criar uma página web que apresente a sua cidade. Para isso, utilize de todos os conhecimentos de HTML e CSS obtidos até aqui!

Temas avaliados

  • Semântica do código Front End
  • Tags HTML
  • Seletores CSS
  • Flexbox
  • Design Adaptativo.

O layout esperado para a página web foi fornecido através de documentação externa

  1. Seu site deve ser responsivo em duas resoluções: 1280px e 425px
  2. Selecione uma imagem de background da sua cidade e coloque como imagem de fundo do seu body.
  3. Escolha ao menos duas fontes para serem utilizadas no seu site. Use o Google Fonts.
  4. Faça um Header bem bacana com uma cor da sua escolha. Esse header precisa ter de 10 a 20 px de padding vertical. Dentro dele estará um título com o nome da sua cidade alinhado à margem esquerda e um nav que linka as seções do seu site alinhado à margem direita.
  5. No seu main, coloque um banner com uma imagem de fundo relacionada a sua cidade. Dentro desse mesmo banner, insira um pequeno parágrafo falando da sua cidade. Destaque em negrito os pontos mais importantes.
  6. Abaixo do banner escreva o título: “Curiosidades” e faça três cards (versão desktop e um card abaixo do outro na versão mobile), cada um com uma curiosidade sobre sua cidade.
  7. Insira um vídeo do youtube que fale da sua cidade. Pode ser algum festival ou comemoração.
  8. No footer, utilize algum site de ícones para conseguir uma imagem do Linkedin e outra do Github. Nesses ícones, faça o link com seu linkedin e github!

digitalHouse.gif