Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<style>
.header {
height: 40px;
padding: 20px 20px 0;
background: #e1e1e1;
}
.main-content {
height: 60vh;
padding: 20px;
}
footer {
padding: 10px 20px;
background: #666666;
color: white;
}
a {
color: #00aaff;
}
</style>
</head>
<body>
<div class="header">Header / Menu</div>
<div class="main-content">
<h1>Contenu principal</h1>
<p>C'est un paragraphe. </p>
</div>
<footer style="display:flex; justify-content:space-between; align-items:flex-end;">
<p style="margin:0;">Company © W3docs. All rights reserved.</p>
<address>
3rd street, app 43<br />
New York, USA
</address>
</footer>