Special Dividers

Default Divider - Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

Fade Divider - Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

Double Border Divider - Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

Icon Divider - Proin sodales commodo lectus sed vehicula. Maecenas sit amet magna nec enim tempor scelerisque.

Icon Divider - Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

Icon Divider - Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

Icon Divider - Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

Icon Divider - Vivamus eu augue aliquam, mollis sem eget, gravida nibh. Suspendisse cursus dolor ac nisl condimentum faucibus.

• Shortcode

  {divider-default}
  {divider-fade}
  {divider-border}
  {divider-icon icon="fa-heart"}

Spacer

This is a Element which can be very useful, it creates a transparent spacer area, for this Demo we have give them a Background Color so that you can see it.

• Shortcode

  {spacer height="40px"}

Default Lists

Here are some examples of the default List Styles.

• Shortcode

  {list}
    {listing}List Item{/listing}
    {listing}List Item{/listing}
    {listing}List Item{/listing}
  {/list}
  

Using Icons from Font Awesome

Here are some examples of the default List Styles with Icons from Font Awesome, more then 360 are available.

• Shortcode

  {list type="fa-ul"}
    {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
    {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
    {listing}{icon name="fa-rocket fa-li"}List Item{/listing}
  {/list}
  

Tooltips

This is a basic example of the Tooltips, they are working with Shortcodes.

Vivamus default Tooltip lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis Tooltip euismod semper.

Integer posuere erat a ante Tooltip venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis Tooltip natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.

Vestibulum id ligula porta felis euismod semper. Donec Tooltip with much Text ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta   Tooltip with much more Text ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna.

• Shortcode

  {tooltip text="Text here" title="Content here"}
  {tooltip text="Text here" title="Content here" link="http://www.google.de"}

Popovers

This is a basic example of the Popover Shortcode.

Popover Left    |    Popover Top    |    Popover Bottom    |    Popover Right

Popover Left Popover Top Popover Bottom Popover Right

• Shortcode

  Default Example
  {popover content="Content" title="Title" position="top" text="Click me"}
  
  Button Example
  {popover content="Content" title="Title" position="top" text="Click me" class="btn btn-default"}
  

Tabs Style 1

This is a default Tab Module with Icons

Tabs Style 2

This is a default Tab Module with justified equal Tabs

Tabs Style 3

This is a default Tab Module with Icons and Pill Style

Tabs Style 4

This is a default Tab Module with Icons and justified Pill Style