Preview:
<!DOCTYPE html>
<html>
<head>
	<style>
		/* common header and footer styles */
		header, footer {
			background-color: #f2f2f2;
			padding: 10px;
			text-align: center;
		}

		/* page-specific styles */
		h1 {
			color: red;
			font-size: 32px;
		}
	</style>
</head>
<body>
	<header>
		<!-- common header content -->
	</header>
	<main>
		<h1>About Us</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit, tellus a laoreet malesuada, nibh metus tincidunt tortor, at rhoncus est turpis id sapien.</p>
	</main>
	<footer>
		<!-- common footer content -->
	</footer>
</body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter