Index: pages/content.html |
=================================================================== |
--- a/pages/content.html |
+++ b/pages/content.html |
@@ -6,65 +6,31 @@ |
<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> |
+<? include styleguide/typography/headings ?> |
<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> |
+<? include styleguide/typography/body ?> |
<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> |
+<? include styleguide/lists/ordered ?> |
<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> |
+<? include styleguide/lists/unordered ?> |
<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> |
+<? include styleguide/lists/description ?> |
<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> |