# Reto 1 - Bookmark landing page  ## Bienvenido! 👋 **Para hacer este desafío, necesita una comprensión básica de HTML, CSS y JavaScript.** ## Descripción del Reto Su desafío es construir esta **landing page** y lograr que se parezca lo más posible al diseño. El objetivo es usar un marco de trabajo CSS en el cual desees poner en práctica tus nociones de CSS y conocer distintas herramientas que permiten agilizar el diseño web. Sus usuarios deberían poder: - Ver el diseño óptimo para el sitio según el tamaño de pantalla de su dispositivo - Ver estados de desplazamiento para todos los elementos interactivos en la página - Reciba un mensaje de error cuando se envíe el formulario del boletín informativo **newsletter** si: - El campo de entrada está vacío. - La dirección de correo electrónico no tiene el formato correcto - [Debes implementar el formulario de contacto funcional con JavaScript realizado en el siguiente vídeo] (https://www.youtube.com/watch?v=V79bslyDIT8&t=135s&ab_channel=LeonidasEsteban) ## Dónde encontrar todo Su tarea es construir el proyecto a los diseños dentro del directorio `/design`. Encontrará una versión móvil y otra de escritorio del diseño. Los diseños están en formato JPG estático. El uso de JPG significará que deberá usar su mejor criterio para estilos respecto a : `font-size`, `padding` and `margin`. Encontrará todos los activos necesarios en la carpeta `/images`. Los recursos ya están optimizados. También hay una guía de estilos `style-guide.md` que contiene la información que necesitará, como la paleta de colores y las fuentes. ## Desplegando tu proyecto Hay muchas formas de alojar su proyecto de forma gratuita. Nuestros recomendados son: - [GitHub Pages](https://pages.github.com/) - [Vercel](https://vercel.com/) - [Netlify](https://www.netlify.com/) **¡A crear un proyecto asombroso!** 🚀 # Bookmark