Core Code
Core Code Modern Dev Handbook

Header Main Footer Layout

Example using header, main, and footer layout.

Preview

Code

<header style="background:#eee;padding:10px;">
Header
</header>

<main style="padding:10px;">
Main Content
</main>

<footer style="background:#eee;padding:10px;">
Footer
</footer>

More HTML Layout Examples (7)

example Basic Layout open example example Two Column Layout open example example Sidebar Layout open example example Flex Layout open example example Grid Layout open example example Card Layout open example example Simple Page Layout open example