--- id: bd7158d8c242eddfaeb5bd13 title: Build a Personal Portfolio Webpage isRequired: true challengeType: 3 videoUrl: '' localeTitle: Criar uma página da Web de portfólio pessoal --- ## Description
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/zNBOYG . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! História do Usuário # 1: Meu portfólio deve ter uma seção de welcome-section com um id de welcome-section de welcome-section . História do Usuário # 2: A seção de boas-vindas deve ter um elemento h1 que contenha texto. História do Usuário # 3: Meu portfólio deve ter uma seção de projetos com um id de projects . História do Usuário # 4: A seção de projetos deve conter pelo menos um elemento com uma classe de project-tile de project-tile para manter um projeto. História do Usuário # 5: A seção de projetos deve conter pelo menos um link para um projeto. História do Usuário # 6: Meu portfólio deve ter uma barra de navegação com um id de navbar . História do Usuário # 7: A barra de navegação deve conter pelo menos um link no qual eu possa clicar para navegar em diferentes seções da página. História do Usuário # 8: Meu portfólio deve ter um link com um id de profile-link , que abre meu perfil do GitHub ou FCC em uma nova guia. História do Usuário # 9: Meu portfólio deve ter pelo menos uma consulta de mídia. História do Usuário # 10: A altura da seção de boas vindas deve ser igual à altura da viewport. História do Usuário # 11: A barra de navegação deve estar sempre no topo da viewport. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
## Tests
```yml tests: [] ```
## Challenge Seed
## Solution
```js // solution required ```