-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.html
1 lines (1 loc) · 3.55 KB
/
style.html
1
<!DOCTYPE html><html class="style-body"><head><script type="text/javascript" src="//use.typekit.net/xzf1kdh.js"></script><script>try{Typekit.load();}catch(e){}</script><link rel="stylesheet" href="/css/main.css"><link rel="shortcut icon" href="/favicon.ico?v=1"></head><body ng-app="gee"><div class="content-wrapper"><header class="page-header"><a href="/" class="logo">g</a><ul><li><a href="/hire" class="btn">Hire Me</a></li><li><a href="http://www.linkedin.com/pub/george-erickson/27/b97/813" target="_blank" class="ion-social-linkedin icon"></a></li><li><a href="https://github.com/GeorgeErickson" target="_blank" class="ion-social-github icon"></a></li></ul></header><div class="wrapper"><section><header><h1>Style Guide</h1></header><p>The purpose of this HTML is to help determine what default settings are with Bitters and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p></section><section><header><h1>Headings</h1></header><h1>h1. Heading</h1><h2>h2. Heading</h2><h3>h3. Heading</h3><h4>h4. Heading</h4><h5>h5. Heading</h5><h6>h6. Heading</h6></section><section><header><h1>Paragraph</h1></header><p>Nunc auctor. Nulla non arcu lacinia neque faucibus fringilla. Nullam eget nisl. </p><p>Lorem ipsum dolor sit amet, <a href='#' title='test'>test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p></section><section><header><h1>List Types</h1></header><article><h5>Definition List</h5><dl><dt>Phasellus faucibus molestie </dt><dd>Morbi a metus maecenas fermentum sem in pharetra pellentesque velit turpis volutpat ante in pharetra metus odio a lectus fusce </dd><dt>Pellentesque </dt><dd>Fusce aliquam vestibulum ipsum curabitur ligula sapien pulvinar a vestibulum quis facilisis vel sapien vestibulum fermentum tortor id mi donec quis nibh at felis congue commodo nunc auctor integer malesuada etiam quis quam quisque porta nullam dapibus fermentum ipsum aenean placerat praesent dapibus aliquam erat volutpat integer tempor duis sapien </dd><dt>Pellentesque sapien </dt><dd>Donec ipsum massa ullamcorper in auctor et scelerisque sed est </dd></dl><h5>Definition List Horizontal</h5><dl class="dl-h"><dt>Phasellus faucibus molestie </dt><dd>Donec iaculis gravida nulla class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos hymenaeos vestibulum facilisis auctor </dd><dt>In </dt><dd>Nulla quis diam etiam dictum tincidunt diam sed ac dolor sit amet purus malesuada congue vivamus porttitor turpis ac leo integer lacinia aenean vel massa quis mauris vehicula lacinia etiam commodo dui eget wisi etiam commodo dui eget wisi nullam rhoncus aliquam metus phasellus enim erat vestibulum vel aliquam a </dd><dt>Vestibulum fermentum </dt><dd>Curabitur vitae diam non enim vestibulum interdum aliquam in lorem </dd></dl></article><article><h5>Ordered List</h5><ol><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ol><h5>Unordered List</h5><ul><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ul></article></section></div><div class="content-push"></div></div><footer><a href="mailto:[email protected]">Need help?</a></footer></body></html>