/basic-html-template

A very simple HTML template mainly for my own use.

Primary LanguageCSS

<!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>&lt;code&gt;</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>