<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <style> body { padding-top: 30%; text-align: center; font-family: 'Source Code Pro', monospace; background: url(https://media.giphy.com/media/26tn33aiTi1jkl6H6/giphy.gif) 100%; background-size: 100%; } h1, h2 { display: inline-block; background: #fff; border-radius: 20px; padding:10px } h1 { font-size: 30px } h2 { font-size: 20px; } span { background: #39ad42; padding-left:10px; padding-right:10px; border-radius:10px; } </style> </head> <body> <h1>Welcome to <span>HTML-EDIT.COM</span></h1><br> <h2>Realtime html + css editor<br>Teach yourself HTML and CSS<br>and save your code to a text<br>when you are done. <br><br>Select your lesson and <br>Start coding in realtime</h2> </body> </html>