Instruções

Crie um portfólio pessoal

Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Seu portfólio deve ter uma seção de boas-vindas com um id de welcome-section. 2. A seção de boas-vindas deve ter um elemento h1 que contenha texto. 3. Seu portfólio deve ter uma seção de projetos com um id de project-section. 4. A seção de projetos deve conter pelo menos um elemento com a class project-tile que contenha um projeto. 5. A seção de projetos deve conter pelo menos um link para um projeto. 6. O portfólio precisa ter uma barra de navegação com o id navbar. 7. A barra de navegação deve conter pelo menos um link clicável que navegue para seções diferentes da página. 8. O portfólio deve ter um link com o id profile-link, que abra seu perfil no GitHub ou no G.E.A.R ACADEMY em uma nova aba. 9. O portfólio deve ter pelo menos uma media query. 10. A altura da seção de boas-vindas deve ser igual à altura da viewport. 11. A barra de navegação deve estar sempre na parte superior da viewport. Nota: Certifique-se de vincular sua folha de estilos no seu HTML e aplicar seu CSS.

O que fazer:

Testes:

  • O portfólio deve ter uma seção de boas-vindas com o `id` `welcome-section`.
  • O elemento `#welcome-section` deve conter um elemento `h1`.
  • Você não deve ter elementos `h1` vazios dentro de `#welcome-section`.
  • Você deve ter uma seção "Projetos" com um `id` de `project-section`.
  • O portfólio deve conter pelo menos um elemento com a classe `project-tile`.
  • Seu elemento `#project-section` deve conter pelo menos um elemento `a`.
  • O portfólio precisa ter uma barra de navegação com o `id` `navbar`.
  • O elemento `#navbar` deve conter pelo menos um elemento `a`, cujo atributo `href` comece com `#`.
  • O portfólio deve ter um elemento `a` com o `id` `profile-link`.
  • O elemento `#profile-link` deve ter um atributo `target` `_blank`.
  • O portfólio deve usar pelo menos uma media query.
  • O elemento `#navbar` deve estar sempre na parte superior da viewport.

Preview