Beginner
Give a div page real landmarks
This page is built only from divs. Rebuild it with semantic elements, keeping the same content:
a header that contains the site name and a nav with the links; one main with the article (its title as an h1); an aside for the tip; and a footer for the copyright line.
You may keep the class names on the new elements so the CSS still works.
What Check tests
- A
headercontains anavwith the three links - There is exactly one
main - The article title is an
h1insidemain - The tip is in an
aside - The copyright line is in a
footer - No layout
divs are left
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.