<!DOCTYPE html>
<html>
<head>
    <title>HTML Layout</title>
    <style>
        #header, #footer { background-color: #333; color: white; padding: 10px; }
        #nav, #sidebar { background-color: #f0f0f0; padding: 10px; }
        #content { padding: 20px; } 
    </style>
</head>
<body>
    <div id="header">Header</div>
    <div id="nav">Navigation</div>
    <div id="content">Main Content</div>
    <div id="sidebar">Sidebar</div>
    <div id="footer">Footer</div>
</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.