Convert Snippet to Image

Preview:

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<header>
		<!-- common header content -->
	</header>
	<main>
		<!-- page-specific content -->
	</main>
	<footer>
		<!-- common footer content -->
	</footer>
</body>
</html>

Download PNG Download JPEG Download 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