flati | responsive html5 template | themeforest | josweb

# Style

# Typography

# Fundamental HTML elements styled and enhanced with extensible classes.

###### 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

    <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 : Template by Spiral Pixel