| Index: pages/content.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/pages/content.html |
| @@ -0,0 +1,71 @@ |
| +title=Content |
| + |
| +<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</h2> |
| +<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</h2> |
| +<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</h2> |
| + |
| +<h3>Ordered lists</h3> |
| +<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</h3> |
| +<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</h3> |
| +<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</h2> |
| +<p> |
| + <img src="//placehold.it/480x240?text=Fixed width" /> |
| +</p> |
| +<p> |
| + <img class="full-width" src="//placehold.it/960x240?text=Full width" /> |
| +</p> |
| + |