<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple HTML Template</title>
<meta name="description" content="A simple, minimal HTML template for simple HTML documents. ">
<!--Styling-->
<link href="css/stylesheet.min.css" rel="stylesheet">
<style>
header{
background-color: #CDF;
}
</style>
</head>
<body>
<header>
<h1>Simple HTML Template</h1>
<p>By <a href="http://joeyfoo.com/">Joey Foo</a></p>
<p>Last updated: 26 April 2014</p>
</header>
<p class="lead">This is a simple HTML template I use for styling basic HTML documents. </p>
<p>This template is designed to be responsive, minimal, and easy-to-read. This readme file serves as both an sample
for the template, as well as the template you can start editing from. </p>
<p>Feel free to use it any way you wish. You may consider code in this repository to be released to the public domain.</p>
<hr>
<h2>Styled elements</h2>
<h3>Inline</h3>
<p>Hyperlinks are elements in a HTML document <a href="http://en.wikipedia.org/wiki/Hyperlink">that link to other documents or resources</a>.
<strong>Avoid excessive use of emphasis</strong>, as they <em>disrupt the flow</em> of a document. </p>
<p><img src="http://i.imgur.com/ph0XITm.png" alt="Placeholder image"></p>
<p>Images span the full width of the column of content. This is a <code><code></code> element.</p>
<h3>Headings</h3>
<p>Heading 1 should be used only once in the document, in the header.</p>
<h4>(Level 4)</h4>
<p>Apple shortcake white chocolate cake banana mocha dessert popsicle. Chunky chocolate almond caramel frozen apple sorbet sherbet. </p>
<h5>(Level 5)</h5>
<p>Snow cones flavour maple dessert, raspberry caramel. Frozen banana chocolate chip cherry cookies and cream popsicle, peppermint peanut. </p>
<h6>(Level 6)</h6>
<p>Scoop chocolate butterscotch cookies and cream caramel. Marshmellow mint caramel ice almond sorbet raspberry caramel cherry. </p>
<h3>Lead paragraphs</h3>
<h3>Blockquotes</h3>
<p>This template allows blockquotes!</p>
<blockquote>
<p>Vanilla soft serve coffee cheesecake nut, caramel. Cup blueberry peanut butter banana peanut butter frozen apple sorbet
apple cheesecake scoop mint.</p>
</blockquote>
<h3>Lists</h3>
<p>Both bulleted unordered lists and numbered ordered lists are styled.</p>
<ul>
<li>Item 1</li>
<li>Item 2, which contains a very long sentence, and is way longer than what can fit into a single line.</li>
<li>Item 3</li>
</ul>
<ol>
<li>Item 1</li>
<li>Item 2, which contains a very long sentence, and is way longer than what can fit into a single line.</li>
<li>Item 3</li>
</ol>
<h3>Code blocks</h3>
<pre>while(true)
{
println("This is an infinite loop.");
}</pre>
<h3>Horizontal rules</h3>
<hr>
</body>
</html>