Este proyecto es una entrega final de la materia Front-End 1 del primer bimestre de la carrera Certified Tech Developer de Digitalhouse en colaboración asociada con Mercado Libre & Globant.

En base a un diseño prototipado en Figma, debía interpretarlo con HTML & CSS, aplicando un código responsive para el correcto funcionamiento de la página web en una medida a elección de Desktop (mi elección fue: 2400px) y otra medida a elección de Mobile (mi elección fue: 549px).Estos diseños se pueden encontrar en la carpeta "diseño" de este proyecto.

Los requerimientos con los que trabajé como base se pueden apreciar a continuación...

This project is a final delivery for the Front-End 1 course of the first semester in the Certified Tech Developer program at Digital House, in collaboration with Mercado Libre and Globant.

Based on a prototype designed in Figma, I had to interpret it using HTML & CSS, applying responsive code to ensure the proper functioning of the website at a Desktop size of my choice (I chose 2400px) and a Mobile size of my choice (I chose 549px). These designs can be found in the 'diseño' folder of this project.

The base requirements I worked with can be appreciated below...

Su desafío es crear esta página de destino y hacer que se parezca lo más posible al diseño.

Sus usuarios deberían poder:

• Ver el diseño óptimo para el sitio según el tamaño de la pantalla de su dispositivo
• Los aspectos que tendremos en cuenta para la corrección serán los siguientes: -Estructura correcta de HTML -Uso y correcta implementación de etiquetas semánticas -Adaptabilidad a dos tipos de dispositivos -Correcta implementación del fomulario -Imagenes, iconos, fuentes, background -Implementación de Flexbox -Buenas Practicas en el CSS -Pseudoelementos y Pseudoclases -(opcional) ---> Pequeñas animaciones

Your challenge is to create this landing page and make it look as close as possible to the design.

Your users should be able to:

• View the optimal design for the site based on their device screen size.
• Aspects we will consider for correctness include: -Correct HTML structure -Proper use and implementation of semantic tags -Adaptability to two types of devices -Correct implementation of the form -Images, icons, fonts, background -Implementation of Flexbox -Good practices in CSS -Pseudoelements and Pseudoclasses -(optional) ---> Small animations"

Su tarea es construir el proyecto con los diseños dentro de la carpeta /diseño. Encontrará una versión móvil y de escritorio del diseño.

El diseño para mobile esta en formato estático JPG. Si desea hacerle cambios esteticos lo puede hacer a su gusto

Se agrega link a Figma [https://www.figma.com/file/iII0s16x1QBl77oSuyXRrg/Frontend-1-Septiembre-22], con la oración anterior se hace referencia de que no siempre se le debe hacer caso a todo lo que nos dice esta herramienta.

Encontrará todos los recursos necesarios en la carpeta / imagenes. Los activos ya están optimizados.

También hay un archivo style-guide.md que contiene la información necesaria, como la paleta de colores y las fuentes.

Your task is to build the project using the designs within the /diseño folder. You will find both a mobile and desktop version of the design.

The mobile design is in static JPG format. If you want to make aesthetic changes, feel free to do so.

A link to Figma is provided [https://www.figma.com/file/iII0s16x1QBl77oSuyXRrg/Frontend-1-Septiembre-22], with the preceding sentence suggesting that not everything Figma recommends must be strictly followed.

All necessary resources can be found in the /imagenes folder. The assets are already optimized.

There is also a style-guide.md file that contains essential information such as the color palette and fonts.

No dude en utilizar cualquier flujo de trabajo con el que se sienta cómodo. A continuación se muestra un proceso sugerido:

1. Revise los diseños para comenzar a planificar cómo abordará el proyecto. Este paso es crucial para ayudarlo a pensar en el futuro para que las clases de CSS creen estilos reutilizables.
2. Antes de agregar cualquier estilo, estructure su contenido con HTML. Escribir su HTML primero puede ayudarlo a enfocar su atención en la creación de contenido bien estructurado.
3. Escriba los estilos base para su proyecto, incluidos los estilos de contenido general, como font-family y font-size.
4. Comience a agregar estilos en la parte superior de la página y continúe hacia abajo.
5. Deje comentarios en el codigo en caso que lo crea necesario

Feel free to use any workflow that you are comfortable with. Below is a suggested process:

1. Review the designs to start planning how you will approach the project. This step is crucial to help you think ahead so that CSS classes create reusable styles.
2. Before adding any styles, structure your content with HTML. Writing your HTML first can help you focus on creating well-structured content.
3. Write the base styles for your project, including general content styles like font-family and font-size.
4. Start adding styles from the top of the page and continue downward.
5. Leave comments in the code if you deem it necessary."