| summary | Make an application dashboard interface for a dinosaur park. |
|---|---|
| time | 1.5 hours |
| deliverables | 1 HTML file, 4 CSS files, images |
| download | https://assets.learntheweb.courses/web-dev-3/jurassic-dashboard-download.zip |
- Fork this repository.
- Duplicate the web application design as seen in the screenshots.
- Use embedded SVGs, SVG icons, and animations to make everything look & work properly.
- In the download is all the different production files that you’ll need to generate the graphics.
- Create & include the appropriate favicons—the production files already exist.
- Some of the HTML & CSS is already written for you—to give you a jump start.
- Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Ubuntu Mono(regular & bold) — Already in the HTML - Colours:
#333,#6feff9,#ffd31d,#f62e52 - SVG icon sizes:
.i-1(Sized based on type, not pixels) - Expected image filenames:
icons.svg& appropriate favicons
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
- Watch this video to see how it interacts.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.