Columns & Title

Half Column

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

Half Column

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

[one]
[one_half]...[/one_half]
[one_half]...[/one_half]
[/one]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

2/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

3/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

[one]
[one_third]...[/one_third]
[one_third]...[/one_third]
[one_third]...[/one_third]
[/one]

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

2/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

[one]
[one_fourth]...[/one_fourth]
[two_fourth]...[/two_fourth]
[one_fourth]...[/one_fourth]
[/one]

Fluid Grid System

1/2 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

2/2 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

2/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.

[one]
  [one_third]
     [one_half]...[/one_half]
     [one_half]...[/one_half]
  [/one_third]
  [two_third]
     [one_fourth]...[/one_fourth]
     [one_fourth]...[/one_fourth]
     [two_fourth]...[/two_fourth]
  [/two_third]
[/one]

[one][/one]
[inner_one][/inner_one]
[one_half][/one_half]
[one_third][/one_third]
[two_third][/two_third]
[one_fourth][/one_fourth]
[two_fourth][/two_fourth]
[three_fourth][/three_fourth]
[space]

Default Title Style

Maecenas eget eros dolor. Mauris placerat consectetur lectus a facilisis. Suspendisse volutpat sagittis lectus id convallis. Vestibulum porta est quis risus cursus viverra ac ac quam. Quisque dignissim velit sit amet eros pretium non tristique nunc lacinia. Quisque eget elit vel leo suscipit porta eget ut nibh. Fusce a rhoncus ipsum.

[title value="Default Title Style" line="true"]

Title Center

Maecenas eget eros dolor. Mauris placerat consectetur lectus a facilisis. Suspendisse volutpat sagittis lectus id convallis. Vestibulum porta est quis risus cursus viverra ac ac quam. Quisque dignissim velit sit amet eros pretium non tristique nunc lacinia. Quisque eget elit vel leo suscipit porta eget ut nibh. Fusce a rhoncus ipsum.

[title value="Title Center" align="center"]
Maecenas eget eros dolor. Mauris placerat consectetur lectus a facilisis. Suspendisse volutpat sagittis lectus id convallis. Vestibulum porta est quis risus cursus viverra ac ac quam. Quisque dignissim velit sit amet eros pretium non tristique nunc lacinia. Quisque eget elit vel leo suscipit porta eget ut nibh. Fusce a rhoncus ipsum.

[title type="icon" icon="icon-flag" icon_size="big" color="#ffffff" bg_color="#2ab6d6" align="center" line="no"]
Title with Bottom Line

Curabitur rutrum luctus elit, ac viverra diam placerat in. In laoreet ultrices orci sit amet ornare. Curabitur massa enim, consequat viverra tincidunt eget, malesuada et nibh. Proin a nulla nisl, a pellentesque tortor. Phasellus at nisl ante, consectetur vehicula nunc. Vivamus urna turpis, tincidunt ac varius at, dapibus cursus velit. Proin sem odio, interdum ac condimentum ut, cursus vitae diam. Maecenas sollicitudin egestas sapien nec porta. Phasellus interdum, purus at dapibus ornare, odio urna luctus metus, id fermentum nunc mi eu diam.

[title type="icon" line='yes' icon_size='min' icon="icon-beaker" color="#ffffff" bg_color="#2ab6d6" value='Title with Bottom Line' line_align="bottom" ]

Title Shortcode

[title type="text" value="Input Text" size="h3" color="#666666" icon="" align="center" bg_color="#ffffff" line_color="#e8e8e8"]
Params Default Possible Values Description
class The title class name for you custom css
value The title text
type text,icon The title show type
line yes yes , no Show the title line
size h3 h1 , h2 , h2 , h4 , h5 , h6 The title size
icon_size big , normal , min The icon type size
align left , center , right The title align
line_align top , center , bottom The title line align
color #HEX_NUMBER like #ffffff The title or icon color
bg_color #HEX_NUMBER like #ffffff The title or icon background color
line_color #HEX_NUMBER like #ffffff The line color
extra_color #HEX_NUMBER like #ffffff The title used icon type then text content color
uppercase no yes,no The title text used uppercase
bold yes yes,no The title text used bold
style The title text or icon custom style