This challenge is designed to help participants reinforce their learning from the class. It involves recreating an application from a ready-made layout provided in Figma. This project will cover several key concepts, including:
- Structuring an HTML project
- Use of common HTML tags
- Initial concepts of CSS
- Positioning and aligning elements on the screen
- Applying custom fonts
- Spacing
The design layout for this project can be found on Figma. Please use the following link to access it: Figma Design
The project consists of the following main components:
- index.html: The main HTML file.
- style.css: This file contains all the styling rules for the project.
- images/ folder: This folder contains all the necessary images including the favicon and images used throughout the project.
Below is a preview of the project. This image is located in the image/project.png
path of the project directory.