HTML-EDIT.COM a Realtime HTML and CSS editor brought to you by cloudfaction.nl
Font
Theme
Split
  
<!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>