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