Skip to content

Instantly share code, notes, and snippets.

@enjulee
Created September 5, 2015 09:02
Show Gist options
  • Save enjulee/279814e2efd094f5907f to your computer and use it in GitHub Desktop.
Save enjulee/279814e2efd094f5907f to your computer and use it in GitHub Desktop.
<!DOCTPE html>
<head>
<style type="text/css">
body{
background-color:steelblue;
color:black;
margin:5 px;
padding:30x;
}
p,
ul{
font-family:helvetica;
font-size;10px;
line-height:14px;
color:red;
}
</style>
</head>
<body>
<br>
<h1>Lord of the Rings Box Office Gross</h1>
<br>
<p> Let's see the <em>gross sales</em> of <strong>Lord of the Rings</strong> at Box Office.</p>
<img src="https://upload.wikimedia.org/wikipedia/en/8/87/Ringstrilogyposter.jpg"/>
<svg width="100" height="100">
<rect x="0" y="0" width="100" height="10" fill="white"/>
<rect x="0" y="20" width="100" height="10" fill="white"/>
<rect x="0" y="40" width="100" height="10" fill="white"/>
<rect x="0" y="60" width="100" height="10" fill="white"/>
<rect x="0" y="80" width="100" height="10" fill="white"/>
</svg>
<p>
<ul>
<li>The Fellowship of the Ring</li>
<li>The Two Towers</li>
<li>The Return of the King</li>
<li>The Hobbit</li></p>
</ul>
<p>
<ol>
<li>The Fellowship of the Ring</li>
<li>The Two Towers</li>
<li>The Return of the King</li>
<li>The Hobbit</li></ol></p>
<p class="uplifting"> Brilliant Movie</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment