Styling & Formating

List Styles

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

Drop Caps

Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida.
Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida.
Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida.

Get Code

[dropcaps]N[/dropcaps]

Get Code

[dropcaps style="circle"]N[/dropcaps]

Get Code

[dropcaps style="square"]N[/dropcaps]

Icon Text

  • Home
  • Email
  • Link
  • Phone

  • Calendar
  • User
  • Save
  • Id

  • Notice
  • Rss
  • Checked
  • Tag

Get Code

[icon style="home"]Home[/icon]
[icon style="email"]Email[/icon]
[icon style="link"]Link[/icon]
[icon style="phone"]Phone[/icon]
[icon style="calendar"]Calendar[/icon]
[icon style="user"]User[/icon]
[icon style="save"]save[/icon]
[icon style="id"]Id[/icon]
[icon style="notice"]Notice[/icon]
[icon style="rss"]Rss[/icon]
[icon style="checked"]Checked[/icon]
[icon style="tag"]Tag[/icon]

Framed Boxes

Simple

Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Framebox

Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum.

Get Code

[framedbox] content [/framedbox]

Highlighted Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Get Code

[highlight color="red"] content [/highlight]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Get Code

[highlight color="green"] content [/highlight]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Get Code

[highlight color="blue"] content [/highlight]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Get Code

[highlight color="yellow"] content [/highlight]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

Get Code

[highlight color="black"] content [/highlight]

Tooltips

Vestibulum quis urna libero, a venenatis risusSuspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
VestibulumSuspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur. quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Get Code

[tooltip text="Tooltip Text"] content [/tooltip]

Styled Table

Options Title 1 Title 2 Title 3 Title 4
Option Title 1 Option Option Option Option
Option Title 2 Option Option Option Option
Option Title 3 Option Option Option Option
Option Title 4 Option Option Option Option
Option Title 5 Option Option Option Option
Table footer text

Get Code

[styledtable] table markup [/styledtable]

Url Shortening

Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.

Get Code

[short url="http://www.yoursite.com/very-very-very-long-url/"]

Dividers

Get Code

[divider type="space"]

Get Code

[divider type="line"]