Styled Elements

Headings

This is a sample of the heading texts:

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

Featured heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit consectetuer sit amet.

[featured_heading]Featured heading[/featured_heading]

Services heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit consectetuer sit amet.

[serv_heading]Services heading[/serv_heading]

Highlight Text

This is a green highlight Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit consectetuer sit amet.

[hg]green highlight[/hg]

This is a highlight span class “hihglight2″ Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. This is a highlight_strong span class.

[ho]orange highlight[/ho]

Buttons

Buttons available:

Button This is a button 

[button href="#"]Button[/button]
White Button This is Another White Button 

[button_white href="#"]White Button[/button_white]

Blockquote

This is the default blockquote style applied to blockquote tags:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

First Letter Bigger

L orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

[bl]L[/bl] orem ipsum...

Table Design

This is a table with class="table"

Header Item 1 Header Item 1 Header Item 1 Header Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1

Info Boxes

Info: Insert your text here

[info]Info: Insert your text here[/info]
Note: Insert your text here
[note]Note: Insert your text here[/note]
Tip: Insert your text here
[tip]Tip: Insert your text here[/tip]
Error: Insert your text here
[error]Error: Insert your text here[/error]

Two Columns

This is the first column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

This is the second column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

[column_left]Left column content here[/column_left]
[column_right]Right column content here[/column_right]

Bulleted lists

The following styles for bulleted lists are available. Add the class name associated with a bullet to the UL tag for your list to use the desired style.

[list type="check"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_check

[list type="arrow"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_arrow

[list type="arrow_2"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_arrow_2

[list type="lblue"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_lblue

[list type="dblue"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_dblue

[list type="ddblue"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_ddblue

[list type="green"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_green

[list type="brown"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_brown

[list type="orange"]List content here[/list]

  • Check mark
  • Another Check mark
  • Bullet_orange

Frames


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

[frame_left]Image comes here[/frame_left]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

[frame_right]Image comes here[/frame_right]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

[frame]Image comes here[/frame]