Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Lead Body Copy

Vivamus sagittis lacus vel augue laoreet rutrum.

<p class="lead">...</p>
Lists
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
<ol>
  <li>...</li>
</ol>
Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
Emphasis

SMALL SUB HEAD

<small>SMALL SUB HEAD</small>

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>
Emphasis Classes

Fusce dapibus, tellus ac cursus commodo.

Etiam porta sem malesuada magna mollis.

Donec ullamcorper nulla non metus auctor.

Aenean eu leo quam. Pellentesque ornare.

Duis mollis, est non commodo luctu, nisi.

<p class="muted">Fusce dapibus....</p>
<p class="text-warning">Etiam port..</p>
<p class="text-error">Donec ullam...</p>
<p class="text-info">Aenean eu leo...</p>
<p class="text-success">Duis mollis...</p>
Address
Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 
<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>
Abbreviations

<abbr>

An abbreviation of the word attribute is attr.

<abbr title="attribute">attr</abbr>

<abbr class="initialism">

HTML is the best thing since sliced bread.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

The following text is rendered as italicized text.

<em>rendered as italicized text</em>
Description
Description lists
Perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod.
Donec id elit non mi porta gravida.
Malesuada porta
Etiam porta sem malesuada magna mollis.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>
FLATI © - All Rights Reserved : More Templates 网页模板