CSS Styles

Headings

Samples of the heading text for this theme: h1, h2, h3, h4, h5, h6

This is a heading 1 Element

This is a heading 2 Element

This is a heading 3 Element

This is a heading 4 Element

This is a heading 5 Element
This is a heading 6 Element

List styles

Bulleted lists:
  • At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.
  • Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
  • Id est laborum et are dolorum fuga.
  • Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam.
  • Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.
Numbered lists:
  1. At vero eos et accusamus et iusto odio delen atque corrupti quos dolores et quas molestias.
  2. Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
  3. Id est laborum et are dolorum fuga.
  4. Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam.
  5. Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.
Custom Lists:

A custom list style for displaying previews of news or blog posts. <ul class="post-list">

Below is a sample implementation of the style.

<ul class="post-list">
<li>

<a href="#" class="comments"><span>N COMMENTS</span>comments</a>
<h4><a href="#">TITLE</a></h4>
<span class="date">DATE</span>

</li>
</ul>

Blockquote

Nullam dolor justo, elementum nec euismod vel, feugiat quis enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris nec nibh quis est volutpat venenatis.

Other Text

link <a href="#">

abbr <abbr title="example">

acronym <acronym title="example">

This is cited. <cite>

Deleted text <del>

Inserted text <ins>

With emphysis <em>

Strong (bold) <strong>

Code text sample <code>

Buttons

Small
Medium
Big Button

<a href="#" class="button-small">Small</a>
<a href="#" class="button">Medium</a>
<a href="#" class="button-big">Big Button</a>

Alert Styles

Error…

At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.

Did you know?

  • At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.
  • Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
  • Id est laborum et are dolorum fuga.
  • Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.

Thank you!

Id est laborum et are dolorum fuga :)

Table layout

Title Title

Title Title
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item Buy It Buy It Buy It Buy It