/summer-tribute-page

Esquenta para projeto Lessons Learned

Que tal fazer uma página de tributo?

Como começar?

  1. Clone este repositório com o comando
    git clone git@github.com:CamilaMandai/summer-tribute-page.git

  2. Entre na pasta do repositório
    cd summer-tribute-page

  3. Crie uma branch com o seu nome
    git checkout -b nome-da-branch

  4. Crie um arquivo index.html e um style.css

  5. Adicione as mudanças e faça o commit com
    git add .
    git commit -m 'iniciando o projeto'

  6. Faça o push para enviar a sua branch para o github
    git push -u origin nome-da-branch

  7. Abra uma PULL REQUEST - vulgo PR

  • No github vá até a página de Pull Request deste repositório [https://github.com/CamilaMandai/summer-tribute-page]
  • Clique em "New Pull Request"
  • Em Compare escolha a sua branch para ser mergeada na main
  • Coloque um título no formado "[Nome Sobrenome] - Página de Tributo"
  • Clique em "Create Pull Request"
  1. Agora é só começar a fazer os requisitos e não esqueça da dar o git add . git commit e o git push a cada requisito feito

Requisitos

1. Faça um cabeçalho com um h1 contendo o nome da pessoa homenageada


2. Coloque um ID 'header' para o cabeçalho


3. Coloque uma cor de fundo para o cabeçalho rgb(211, 223, 184)

Use o ID header para selecionar o elemento e aplicar a estilização

4. Fixe o cabeçalho no topo da pagina


5. Escreva uma frase da pessoa com uma tag p e a data de nascimento e morte dela

A frase deve estar em itálico e a data em negrito

6. Coloque uma foto da pessoa homenageada e coloque o ID 'foto-de-capa'

Utilize o ID para selecionar a foto e alterar seu tamanho para que se adeque bem ao estilo da página

7. Em uma tag h2 escreva "Sobre" e com uma tag p, faça uma pequena descrição sobre quem a pessoa foi


8. Em uma tag h3 escreva um título para uma lista de acontecimentos


9. Faça uma lista não ordenada cujos itens contenham uma data e uma descrição de um fato importante


10. Faça um link para uma paǵina de referência e adicione a classe 'link-externo'

Utilize a classe para selecionar o elemento de link e remover a decoração

11. Faça um rodapé com o seu nome e mude a cor de fundo para rgb(163, 133, 96)

Utilize a tag para selecionar o elemento e fazer eestilização pedida