1. single-line.html

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

2. single-line-with-attribution.html

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption>
</figure>

3. multi-line.html

<figure class="quote">
	<blockquote>
		<p>It is the unofficial force—the Baker Street irregulars.</p>
		<p>What a bunch of maroons.</p>
	</blockquote>
	<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption>
</figure>

4. tweets.html

<figure class="tweet">
	<!-- what's inside here is simply the code provided by Twitter without alteration. -->
	<blockquote class="twitter-tweet" data-partner="tweetdeck"><p>Never, ever, ever let them call you a “creative”. It’s a way to be disenfranchised. You are a designer. It’s not magic, it’s a trade.</p>&mdash; Mike Monteiro (@Mike_FTW) <a href="https://twitter.com/Mike_FTW/status/320929309273493505">April 7, 2013</a></blockquote>
	<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</figure>

5. pullquote.html

<aside class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</aside>