Semantic HTML first
A modern-looking page can still be built from simple semantic elements.
Semantic HTML keeps the document understandable before styling and animation are applied. That makes the site easier to maintain and easier to process.
The page can look modern while remaining a normal document with header, nav, main, article and footer.
This approach is useful for small sites because it reduces the distance between content and presentation.