Shortcodes

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

[clr]

1. Buttons

[box_one2] [btsm_lgrey link=”#”]Small button light grey »[/btsm_lgrey] [btsm_dgrey link=”#”]Small button dark grey »[/btsm_dgrey] [btsm_green link=”#”]Small button green »[/btsm_green] [btsm_red link=”#”]Small button red »[/btsm_red] [btsm_lblue link=”#”]Small button light blue »[/btsm_lblue] [/box_one2] [box_one2] [btsm_dblue link=”#”]Small button dark blue »[/btsm_dblue] [btsm_teal link=”#”]Small button teal »[/btsm_teal] [btsm_orng link=”#”]Small button orange »[/btsm_orng] [btsm_blk link=”#”]Small button black »[/btsm_blk] [/box_one2] [clr] [box_one2] [btbig_lgrey link=””]Button light grey »[/btbig_lgrey] [btbig_dgrey link=””]Button dark grey »[/btbig_dgrey] [btbig_green link=””]Button big green »[/btbig_green] [btbig_red link=””]Button big red »[/btbig_red] [btbig_lblue link=””]Button light blue »[/btbig_lblue] [/box_one2] [box_one2] [btbig_dblue link=”#”]Button dark blue »[/btbig_dblue] [btbig_teal link=”#”]Button big teal »[/btbig_teal] [btbig_orng link=”#”]Button big orange »[/btbig_orng] [btbig_blk link=”#”]Button big black »[/btbig_blk] [/box_one2] [hr_top]

2. Info boxes

[box_one2] [infobox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/infobox] [/box_one2] [box_one2] [warnbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/warnbox] [/box_one2] [box_one2] [alertbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/alertbox] [/box_one2] [box_one2] [undercbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/undercbox] [/box_one2] [box_one2] [ideabox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/ideabox] [/box_one2] [box_one2] [bookbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/bookbox] [/box_one2] [box_one2] [chargebox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/chargebox] [/box_one2] [box_one2] [idbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/idbox] [/box_one2] [box_one2] [lockbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/lockbox] [/box_one2] [box_one2] [memobox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/memobox] [/box_one2] [box_one3] [newsbox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/newsbox] [/box_one3] [box_one3] [notebox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/notebox] [/box_one3] [box_one3] [safebox]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/safebox] [/box_one3] [hr_top]

3. Standard boxes

[box_one3] [normalbox]

Normal box

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/normalbox] [/box_one3] [box_one3] [extrabox]

Extra box

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/extrabox] [/box_one3] [box_one3] [titled_box title=”We can have titles”]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/titled_box] [/box_one3] [hr_top]

4. List styles

[box_one3] [list_arrow_grey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_arrow_grey] [list_arrow_dgrey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_arrow_dgrey] [list_arrow_dark]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_arrow_dark] [list_arrow_lgrey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_arrow_lgrey] [/box_one3] [box_one3] [list_square_dgrey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_square_dgrey] [list_square_dblue]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_square_dblue] [list_circle_dgrey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_circle_dgrey] [list_circle_dblue]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_circle_dblue] [/box_one3] [box_one3] [list_star]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_star] [list_star_dgrey]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_star_dgrey] [list_check]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_check] [list_circle_bnw]
  • Lorem ipsum dolor sit amet elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus .
  • Aliquam tincidunt dapibus neque.
[/list_circle_bnw] [/box_one3] [hr_top]

5. Text highlight

[normalbox]

We can highlight some text here too

Pellentesque [yellow] habitant morbi [/yellow] tristique senectus et netus [blue] et malesuada fames [/blue] ac turpis egestas. [teal] Vestibulum tortor quam [/teal], feugiat vitae, [orange] ultricies eget, tempor sit [/orange] amet, ante. [red] Donec eu libero sit [/red] amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum [grey] erat wisi, condimentum sed, [/grey] commodo vitae, ornare sit amet, wisi. [black] Aenean fermentum, elit eget tincidunt condimentum [/black], eros ipsum rutrum orci, [green] sagittis tempus lacus [/green] enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.[/normalbox] [hr_top]

6. Toggle Boxes

[toggle title=”Simple toggle box”] Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. [/toggle] [fancy_toggle title=”Fancy toggle box”] Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. [/fancy_toggle] [hr_top]

6. Toggle Tabs

[tabs titles=”Tab1, Tab2, Tab3, Tab4, Tab5″] [tab]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/tab] [tab]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.[/tab] [tab]Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.[/tab] [tab]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/tab] [tab]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.[/tab] [/tabs]

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Header Level 3

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
#header h1 a { 
	display: block; 
	width: 300px; 
	height: 80px; 
}
[clr]

6. Progress

[percent_bar title=”About me” percent=”75″ color=”dgrey” /] [percent_bar title=”About me” percent=”87″ color=”grey” /] [percent_bar title=”About me” percent=”57″ color=”lgrey” /] [percent_bar title=”About me” percent=”88″ color=”red1″ /] [percent_bar title=”About me” percent=”90″ color=”red2″ /] [percent_bar title=”About me” percent=”60″ color=”red3″ /] [percent_bar title=”About me” percent=”63″ color=”green” /] [percent_bar title=”About me” percent=”52″ color=”orange” /] [percent_bar title=”About me” percent=”75″ color=”yellow” /] [percent_bar title=”About me” percent=”92″ color=”dblue” /] [percent_bar title=”About me” percent=”37″ color=”lblue” /] [percent_bar title=”About me” percent=”75″ color=”teal” /] [percent_bar title=”About me” percent=”22″ color=”purple” /] [percent_bar title=”About me” percent=”78″ color=”pink” /] [percent_bar title=”About me” percent=”95″ color=”black” /]