Skip to content

Instantly share code, notes, and snippets.

@DeanPoulin
DeanPoulin / initialism.html
Created January 11, 2014 01:37
Initialism
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
@DeanPoulin
DeanPoulin / address.html
Created January 11, 2014 01:39
Addresses
<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">first.last@example.com</a>
@DeanPoulin
DeanPoulin / blockquotes.html
Created January 11, 2014 01:42
Blockquotes
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
@DeanPoulin
DeanPoulin / blockquote-options.html
Created January 11, 2014 01:46
Blockquote Options
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
@DeanPoulin
DeanPoulin / blockquote-alignment.html
Created January 11, 2014 01:49
Blockquote Alignment
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
@DeanPoulin
DeanPoulin / unordered-lists.html
Created January 11, 2014 02:03
Unordered Lists
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem</li>
@DeanPoulin
DeanPoulin / ordered-lists.html
Created January 11, 2014 02:09
Ordered Lists
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ol>
@DeanPoulin
DeanPoulin / unstyled-lists.html
Created January 11, 2014 02:17
Unstyled Lists
<ul class="list-unstyled">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem</li>
@DeanPoulin
DeanPoulin / inline-list.html
Created January 11, 2014 02:32
Inline List
<ul class="list-inline">
<li>Lorem ipsum</li>
<li>Phasellus iaculis</li>
<li>Nulla volutpat</li>
</ul>
@DeanPoulin
DeanPoulin / description-list.html
Created January 11, 2014 02:46
Description Lists
<dl>
<dt>Description lists</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>Euismod</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>