Идеологически так:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header style="background: #000; color: #fff">
<nav style="width: 90%; margin: auto; padding: 20px;">Design</nav>
</header>
<article>
<div style="width: 90%; margin: auto; padding: 20px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
</article>
<footer>
<div style="width: 90%; margin: auto; padding: 20px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
</footer>
</body>
</html>
