---
id: bd7158d8c242eddfaeb5bd13
title: Build a Personal Portfolio Webpage
isRequired: true
challengeType: 3
videoUrl: ''
localeTitle: Crear una página web de cartera personal
---
## Description
Objetivo: crear una aplicación CodePen.io que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/zNBOYG . Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! Historia de usuario n. ° 1: Mi cartera debe tener una sección de bienvenida con un ID de welcome-section
de welcome-section
. Historia de usuario n. ° 2: La sección de bienvenida debe tener un elemento h1
que contenga texto. Historia de usuario n. ° 3: Mi cartera debe tener una sección de proyectos con una identificación de projects
. Historia de usuario n. ° 4: La sección de proyectos debe contener al menos un elemento con una clase de project-tile
para contener un proyecto. Historia de usuario n. ° 5: La sección de proyectos debe contener al menos un enlace a un proyecto. Historia de usuario n. ° 6: Mi cartera debe tener una barra de navegación con un ID de navbar
de navbar
. Historia de usuario n. ° 7: La barra de navegación debe contener al menos un enlace en el que pueda hacer clic para navegar a diferentes secciones de la página. Historia de usuario n. ° 8: Mi cartera debe tener un enlace con un ID de profile-link
, que abre mi perfil de GitHub o FCC en una nueva pestaña. Historia de usuario n. ° 9: Mi cartera debe tener al menos una consulta de medios. Historia de usuario n. ° 10: La altura de la sección de bienvenida debe ser igual a la altura de la ventana gráfica. Historia de usuario n. ° 11: la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas.
## Instructions
## Tests
## Challenge Seed
## Solution
```js
// solution required
```