Your task is to recreate the provided design (see the reference image) as closely as possible.
You will need to download the project, use the existing files, and complete the task based on them.
- Build the desktop version of the design using HTML and CSS.
- All design reference images are located in the
designfolder. - Use all relevant colors, fonts, and style details found in the
style-guide.mdfile.
- Clone or download the project files.
- Open the project folder in your code editor.
- Use the provided assets and follow the design to build the layout.
- Open your HTML file in the browser to preview your work.
-
Create the mobile design using HTML and css. You can find all of the mobile design images inside design folder
-
Your users should be able to open and close each tab using JavaScript.
-
Add the font that can be found inside assets/fonts to every text.