| Index: demo/content.html | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/demo/content.html | 
| @@ -0,0 +1,102 @@ | 
| +<!DOCTYPE html> | 
| +<!-- | 
| +  This file is part of website-defaults | 
| +  Copyright (C) 2016 Eyeo GmbH | 
| + | 
| +  website-defaults is free software: you can redistribute it and/or | 
| +  modify it under the terms of the GNU General Public License as published by | 
| +  the Free Software Foundation, either version 3 of the License, or | 
| +  (at your option) any later version. | 
| + | 
| +  website-defaults is distributed in the hope that it will be useful, | 
| +  but WITHOUT ANY WARRANTY; without even the implied warranty of | 
| +  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
| +  GNU General Public License for more details. | 
| + | 
| +  You should have received a copy of the GNU General Public License | 
| +  along with website-defaults.  If not, see <http://www.gnu.org/licenses/>. | 
| +--> | 
| +<html dir="ltr"> | 
| +<head> | 
| +  <meta charset="utf-8"> | 
| +  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | 
| +  <meta http-equiv="x-ua-compatible" content="ie=edge"> | 
| +  <title>Content</title> | 
| +  <link rel="stylesheet" href="css/main.css"> | 
| +  <link rel="stylesheet" href="css/demo.css"> | 
| +</head> | 
| +<body> | 
| +  <div class="container"> | 
| + | 
| +    <h1>Content</h1> | 
| +    <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> | 
| + | 
| +    <ol> | 
| +      <li><a href="#headings">Headings</a></li> | 
| +      <li><a href="#body-content">Body content</a></li> | 
| +      <li><a href="#lists">Lists</a></li> | 
| +      <li><a href="#images">Images</a></li> | 
| +    </ol> | 
| + | 
| +    <h2 id="headings">Headings</h3> | 
| +    <h1>Heading 1</h1> | 
| +    <h2>Heading 2</h2> | 
| +    <h3>Heading 3</h3> | 
| +    <h4>Heading 4</h4> | 
| +    <h5>Heading 5</h5> | 
| +    <h6>Heading 6</h6> | 
| + | 
| +    <h2 id="body-content">Body content</h3> | 
| +    <p>This is a normal.</p> | 
| +    <p>This is <em>emphasized</em>.</p> | 
| +    <p>This is <strong>strong</strong>.</p> | 
| +    <p>This is an <abbr title="Abbreviation">abbr</abbr>.</p> | 
| +    <p>This is a <a href="#">link</a>.</p> | 
| +    <p>This has a footnote. <sup><a href="#" class="footnote-ref">1</a></sup></p> | 
| +    <blockquote>This is a blockquote.</blockquote> | 
| + | 
| +    <h2 id="lists">Lists</h3> | 
| + | 
| +    <h3>Ordered lists</h4> | 
| +    <ol> | 
| +      <li>This is a list item</li> | 
| +      <li>This is a list item | 
| +        <ol> | 
| +          <li>This is a list item</li> | 
| +          <li>This is a list item</li> | 
| +        </ol> | 
| +      </li> | 
| +      <li>This is a list item</li> | 
| +    </ol> | 
| + | 
| +    <h3>Unordered lists</h4> | 
| +    <ul> | 
| +      <li>This is a list item</li> | 
| +      <li>This is a list item | 
| +        <ul> | 
| +          <li>This is a list item</li> | 
| +          <li>This is a list item</li> | 
| +        </ul> | 
| +      </li> | 
| +      <li>This is a list item</li> | 
| +    </ul> | 
| + | 
| +    <h3>Description lists</h4> | 
| +    <dl> | 
| +      <dt>This is a description title</dt> | 
| +      <dd>This is a description detail</dd> | 
| +      <dt>This is a description title</dt> | 
| +      <dd>This is a description detail</dd> | 
| +    </dl> | 
| + | 
| +    <h2 id="images">Images</h3> | 
| +    <p> | 
| +      <img src="//placehold.it/480x240?text=Fixed width" /> | 
| +    </p> | 
| +    <p> | 
| +      <img class="full-width" src="//placehold.it/960x240?text=Full width" /> | 
| +    </p> | 
| + | 
| +  </div> | 
| +</body> | 
| +</html> | 
|  |