Convert Snippet to Image

Preview:

<!DOCTYPE html>
<html>
<head>
	<!-- no external or internal CSS -->
</head>
<body>
	<header style="background-color: #f2f2f2; padding: 10px; text-align: center;">
		<!-- common header content -->
	</header>
	<main>
		<h1 style="color: red; font-size: 32px;">About Us</h1>
		<p style="text-align: justify;">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 style="background-color: #f2f2f2; padding: 10px; text-align: center;">
		<!-- 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