Our Skills

[skill width=”50%” ]
[skill_item title=”Photoshop” number=”85″]
[skill_item title=”Wordpress” number=”80″]
[skill_item title=”marketing” number=”90″]
[/skill]
[skill width='WIDTH_SKILL' no_number="yes|no"]
[skill_item title='TITLE_SKILL' number='85']
[skill_item title='TITLE_SKILL' number='80']
[skill_item title='TITLE_SKILL' number='90']
[/skill]

List player

[playerlist title=”wait what — notorious xx (2009)”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/01-dead-wrong-intro.mp3″ song=”Dead wrong intro” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/02-juicy-r.mp3″ song=”juicy-r” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/03-its-all-about-the-crystalizabeths.mp3″ song=”it’s all about the crystalizabeths” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/04-islands-is-the-limit.mp3″ song=”Islands is the limit” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/05-one-more-chance-for-a-heart-to-skip-a-beat.mp3″ song=”One more chance for a heart to skip a beat” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/06-suicidal-fantasy.mp3″ song=”Suicidal fantasy” artist=”Notorious”] [/playerlist] Cras sodales dui id est sagittis varius! Mauris tempor convallis mollis. Phasellus placerat facilisis tristique. Sed et vulputate est. Nam sodales porttitor ullamcorper? Proin posuere, ligula sit amet luctus semper, velit sapien tincidunt nunc, at feugiat nunc dui vitae nisl. Morbi et sem volutpat, faucibus orci eget, porttitor sapien. [space height=”30″]

[message_box  type=”error” close=”no”]Error when use shortcodes audio mp3 and  player list  on the pager[/message_box]

[highlighter label=”Example” ][playerlist title=”TITLE_PLAYERLIST”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[/playerlist][/highlighter]

Carousel

[carousel height=”225px” align=”none” control=”yes” count=”3″ interval=”0″]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[/carousel] [highlighter label=”Example” ][carousel width=”auto” height=”250″ align=”none” count=”3″ control=”yes”] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [/carousel][/highlighter]

Tooltip

Nulla ac convallis ipsum. Nulla tellus erat, [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] venenatis [/tooltip] in auctor quis, aliquet a magna. Ut tortor nisl;
pellentesque a rhoncus non, semper a quam. Sed [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] aliquet [/tooltip] libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] condimentum [/tooltip] turpis suscipit. In hac habitasse platea dictumst.
[tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] Quisque quis odio a odio porttitor [/tooltip] mattis! Donec id elit nec massa ornare dictum.

[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]

[space height=”10″]

[space height=”10″]
[button link=’#’ title=’Click here example Tooltip’ position=’top’ type=’warning’]Tooltip on top[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’left’ type=’primary’]Tooltip on left[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’right’ type=’info’]Tooltip on right[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’bottom’ type=’success’]Tooltip on bottom[/button]
[space height=”30″]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]

Customization Options / Features

  • Link : Link for website
  • Position : Select position align (top, bottom,left,right)
  • Type : Select type color (warning, primary, info, success)
  • Title : Text in tooltip

Slideshow

[slideshow width=”780″ height=”300″ align=”none” count=”3″ autoslide=”no” ]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='800' height='350' align='none' count="3" autoslide="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]
[slideshow width=”400″ height=”250″ align=”left” caption=”no” count=”3″]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='left' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]
[slideshow width=”400″ height=”250″ align=”right” caption=”no”]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='right' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Customization Options / Features

  • Width : The width for slideshow
  • Height : The height for slideshow
  • Align : Select position align (left, right, none)
  • Src : The image (jpg, png, gif) source, the url should be from site root, eg: “images/…/abc.jpg”.
  • Title : Title of the item, display as heading of item caption.
  • Caption : “caption=no” Not show Title, content of the item Slideshow.

Quick show

Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.
[clear]

[modal link=”#” title=”Default” header=”Phasellus convallis ut justo ut interdum 1″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”comment” type=”primary” title=”Primary” header=”Phasellus convallis ut justo ut interdum 2″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”info-circle” type=”info” title=”info” header=”Phasellus convallis ut justo ut interdum 3″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”check” type=”success” title=”success” header=”Phasellus convallis ut justo ut interdum 4″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”warning” type=”warning” title=”warning” header=”Phasellus convallis ut justo ut interdum 5″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”refresh” type=”danger” title=”danger” header=”Phasellus convallis ut justo ut interdum 6″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]

[message_box type=”warning” close=”no”]

Ex: element icon=”user” then name of icons is “fa-user”.

You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3
[/message_box]

Google Font

Choose from over 570 Google Font’s to emphasize your Taglines

comes with over 500 Google web fonts you can pick for all your headings, navigation, titles, topbar, body, twitterbar, breadcrumbs text. Simply go to the Theme Options Panel, under the styling options, and select the fonts that suit you best. You won’t be disappointed with the selection of fonts.

Google Font Directory

[googlefont font=”Cantora One” size=”24″ color=”#4960B2″ margin=”0 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”PT Sans” size=”20″ color=”#506FC4″ margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”Cuprum” size=”18″ color=”#5781D6″ margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”BenchNine” size=”21″ color=”#6099EA” text-align=”none” margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font-family="FONT_NAME" size="24" color="#4960B2" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="20" color="#506FC4" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="18" color="#5781D6" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="14" color="#6099EA" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]

Toggles

[toggle_box]
[toggle_item icon=”user” title=”Collapsible Group Item #1″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon=”heart” active=”yes” title=”Collapsible Group Item #2″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon=”bell” title=”Collapsible Group Item #2″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[/toggle_box]

[toggle_box]
   [toggle_item icon="user" title='ITEM_TITLE1'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="heart" title='ITEM_TITLE2' active='yes'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="bell" title='ITEM_TITLE3'] ADD_CONTENT_HERE [/toggle_item]
[/toggle_box]

[message_box type=”warning” close=”no”]

Ex: element icon=”user” then name of icons is “fa-user”.

You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3
[/message_box]

Syntax Highlighting

[highlighter label=”Example about less” ]
/*– Tablet portrait (768×1024) && Small tablet landscape (800×600) –*/
@media (min-width: 768px) and (max-width: 979px) {
/* Block Lightbox*/
.yt-lightbox{display: block;}
div.yt-vimeo iframe,
div.yt-youtube iframe{width:100%;height: 300px;}
}
[/highlighter]
[highlighter label="CONTENT_HERE" ] ADD_CONTENT_HERE [/highlighter]

Joomla page

Dignissim nec odio pid etiam sagittis aliquet sed dis, tincidunt, etiam rhoncus odio mus proin amet vel, sit urna? Lundium, auctor integer elementum vel dolor! Etiam? Et a enim nunc non massa porta, sed, dolor tincidunt magna penatibus vut purus nec nisi, duis enim et odio! In turpis, montes scelerisque proin nec urna sit, aliquet augue turpis, phasellus lundium tristique.

icons

Font Awesome 4.0.3

Font Awesome is a pictographic language of web-related actions which delivers 369 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3

[icon name=”twitter” size=”34″ color=”#0AA7DB” ]

[icon name=”facebook” size=”34″ color=”#0AA7DB” ]
[icon name=”linkedin ” size=”34″ color=”#0AA7DB” ]

[icon name="twitter"  size="34" color="#0AA7DB"  ] 
[icon name="facebook" size="34" color="#3C5A9A" ]
[icon name="linkedin" size="34" color="#1B5690" ]

[message_box type=”warning” close=”no”]

Ex: element name=”user” then name of icons is “fa-user”.

You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3
[/message_box]

Pricing Tables

[pricing columns=”4″]
[plan title=”Free” button_link=”http://” button_label=”Sign up!” price=”$0 ” per=”month”]

  • Disk Space 10 GB
  • Bandwidth Unlimited
  • Setup Free (?)
  • 1 Free Email Accounts (?)
  • 1 FTP Accounts
  • Half Privacy

[/plan]
[plan title=”Basic” button_link=”http://” button_label=”Sign up!” price=”$15″ per=”month”]

  • Disk Space 30 GB
  • Bandwidth Unlimited
  • Setup Free
  • 3 Free Email Accounts
  • 3 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Pro” button_link=”http://” button_label=”Sign up!” price=”$30″ featured=”true” per=”month”]

  • Disk Space 100 GB
  • Bandwidth Unlimited
  • Setup Free
  • 5 Free Email Accounts
  • 5 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Premium” button_link=”http://” button_label=”Sign up!” price=”$70″ per=”month”]

  • Disk Space Unlimited
  • Bandwidth Unlimited
  • Setup Free
  • Unlimited Email Accounts
  • Unlimited FTP Accounts
  • Full Privacy

[/plan]
[/pricing]

[pricing columns="4"]
    [plan title="Free" button_link="#" button_label="Sign up!" price="$0 " per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>10 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-remove"></i> Setup Free <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>
            <li><i class="icon-ok"></i><strong>1 </strong> Free Email Accounts <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>
            <li><i class="icon-ok"></i><strong>1 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Half Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Basic" button_link="#" button_label="Sign up!" price="$15 " per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>15 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong>3 </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong>3 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Pro" button_link="#" button_label="Sign up!" price="$30 " featured="true" per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong>30 GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong>5 </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong>5 </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
    
    [plan title="Premium" button_link="#" button_label="Sign up!" price="$70 "  per="month"]
        <ul class="pricing-list">
            <li><i class="icon-ok"></i> Disk Space <strong> Unlimited GB</strong> </li>
            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>
            <li><i class="icon-ok"></i> Setup Free </li>
            <li><i class="icon-ok"></i><strong> Unlimited </strong> Free Email Accounts </li>
            <li><i class="icon-ok"></i><strong> Unlimited </strong> FTP Accounts</li>
            <li><i class="icon-ok"></i> Full Privacy</li>
        </ul>
    [/plan]
[/pricing]

[pricing columns=”4″ style=”red”]
[plan title=”Free” button_link=”http://” button_label=”Sign up!” price=”$0 ” per=”month”]

  • Disk Space 10 GB
  • Bandwidth Unlimited
  • Setup Free (?)
  • 1 Free Email Accounts (?)
  • 1 FTP Accounts
  • Half Privacy

[/plan]
[plan title=”Basic” button_link=”http://” button_label=”Sign up!” price=”$15″ per=”month”]

  • Disk Space 30 GB
  • Bandwidth Unlimited
  • Setup Free
  • 3 Free Email Accounts
  • 3 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Pro” button_link=”http://” button_label=”Sign up!” price=”$30″ featured=”true” per=”month”]

  • Disk Space 100 GB
  • Bandwidth Unlimited
  • Setup Free
  • 5 Free Email Accounts
  • 5 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Premium” button_link=”http://” button_label=”Sign up!” price=”$70″ per=”month”]

  • Disk Space Unlimited
  • Bandwidth Unlimited
  • Setup Free
  • Unlimited Email Accounts
  • Unlimited FTP Accounts
  • Full Privacy

[/plan]
[/pricing]

[pricing columns="4" style="red"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$15" featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$30" featured="false" per="month"] TEXT_OF_PLAN[/plan]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$70" featured="true"  per="month"] TEXT_OF_PLAN[/plan]
[/pricing]
[pricing columns=”4″ style=”blue”]
[plan title=”Free” button_link=”http://” button_label=”Sign up!” price=”$0 ” per=”month”]

  • Disk Space 10 GB
  • Bandwidth Unlimited
  • Setup Free (?)
  • 1 Free Email Accounts (?)
  • 1 FTP Accounts
  • Half Privacy

[/plan]
[plan title=”Basic” button_link=”http://” button_label=”Sign up!” price=”$15″ per=”month”]

  • Disk Space 30 GB
  • Bandwidth Unlimited
  • Setup Free
  • 3 Free Email Accounts
  • 3 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Pro” button_link=”http://” button_label=”Sign up!” price=”$30″ featured=”true” per=”month”]

  • Disk Space 100 GB
  • Bandwidth Unlimited
  • Setup Free
  • 5 Free Email Accounts
  • 5 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Premium” button_link=”http://” button_label=”Sign up!” price=”$70″ per=”month”]

  • Disk Space Unlimited
  • Bandwidth Unlimited
  • Setup Free
  • Unlimited Email Accounts
  • Unlimited FTP Accounts
  • Full Privacy

[/plan]
[/pricing]

[pricing columns="4" style="blue"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    ...
[/pricing]
[pricing columns=”4″ style=”green”]
[plan title=”Free” button_link=”http://” button_label=”Sign up!” price=”$0 ” per=”month”]

  • Disk Space 10 GB
  • Bandwidth Unlimited
  • Setup Free (?)
  • 1 Free Email Accounts (?)
  • 1 FTP Accounts
  • Half Privacy

[/plan]
[plan title=”Basic” button_link=”http://” button_label=”Sign up!” price=”$15″ per=”month”]

  • Disk Space 30 GB
  • Bandwidth Unlimited
  • Setup Free
  • 3 Free Email Accounts
  • 3 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Pro” button_link=”http://” button_label=”Sign up!” price=”$30″ featured=”true” per=”month”]

  • Disk Space 100 GB
  • Bandwidth Unlimited
  • Setup Free
  • 5 Free Email Accounts
  • 5 FTP Accounts
  • Full Privacy

[/plan]
[plan title=”Premium” button_link=”http://” button_label=”Sign up!” price=”$70″ per=”month”]

  • Disk Space Unlimited
  • Bandwidth Unlimited
  • Setup Free
  • Unlimited Email Accounts
  • Unlimited FTP Accounts
  • Full Privacy

[/plan]
[/pricing]

[pricing columns="4" style="green"]
    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]
    ...
[/pricing]

Google Map

[googleMaps addr=”4 Yawkey Way~Boston, MA 02215″ addoverview=0 label=”4 Yawkey Way~Boston, MA 02215″ control=GLargeMapControl3D|GMapTypeControl width=100% height=250]
[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 ]
[googleMaps addr=”4 Yawkey Way~Boston, MA 02215″ addoverview=0 label=”4 Yawkey Way~Boston, MA 02215″ zoom=300 width=25% height=350 align=”left” ]

Sed accumsan vulputate

Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium venenatis dui, sed euismod felis dapibus sit amet. Ut dignissim justo sit amet tortor imperdiet mollis. Nam at purus id erat tempor varius non ac tortor. Ut pretium enim eu odio hendrerit vulputate. Praesent nibh mi, dignissim a eleifend id, ultricies ut erat. Maecenas mollis porta lacinia. Donec ultrices laoreet enim, non tincidunt mi sodales sagittis. Nulla et lectus vel enim dictum sodales vitae vel arcu. Phasellus a tortor enim. Nullam posuere hendrerit neque in porttitor.

Maecenas ut lorem imperdiet tortor rutrum commodo in in ipsum. Aliquam urna lacus, ornare ac tempor quis, malesuada non magna. Quisque placerat auctor eros, sed tincidunt felis pretium at. Curabitur augue nulla, porta in malesuada volutpat, pulvinar a mi. Mauris tristique porttitor elit sed lobortis. Morbi sollicitudin blandit eros, at lacinia erat euismod vitae. Pellentesque nec odio tellus. Phasellus a eros tortor. Mauris pretium viverra vulputate. Suspendisse faucibus scelerisque ipsum at auctor. Aliquam sit amet malesuada lacus. Mauris ut nisi a purus blandit suscipit. Sed lacus arcu, pellentesque fermentum pulvinar vitae, molestie non nibh. Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa.

[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="left" ]
[googleMaps addr=”4 Yawkey Way~Boston, MA 02215″ addoverview=0 label=”4 Yawkey Way~Boston, MA 02215″ mapTypeControl=disables zoom=300 width=25% height=350 align=”right” ]

Sed accumsan vulputate

Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium venenatis dui, sed euismod felis dapibus sit amet. Ut dignissim justo sit amet tortor imperdiet mollis. Nam at purus id erat tempor varius non ac tortor. Ut pretium enim eu odio hendrerit vulputate. Praesent nibh mi, dignissim a eleifend id, ultricies ut erat. Maecenas mollis porta lacinia. Donec ultrices laoreet enim, non tincidunt mi sodales sagittis. Nulla et lectus vel enim dictum sodales vitae vel arcu. Phasellus a tortor enim. Nullam posuere hendrerit neque in porttitor.

Maecenas ut lorem imperdiet tortor rutrum commodo in in ipsum. Aliquam urna lacus, ornare ac tempor quis, malesuada non magna. Quisque placerat auctor eros, sed tincidunt felis pretium at. Curabitur augue nulla, porta in malesuada volutpat, pulvinar a mi. Mauris tristique porttitor elit sed lobortis. Morbi sollicitudin blandit eros, at lacinia erat euismod vitae. Pellentesque nec odio tellus. Phasellus a eros tortor. Mauris pretium viverra vulputate. Suspendisse faucibus scelerisque ipsum at auctor. Aliquam sit amet malesuada lacus. Mauris ut nisi a purus blandit suscipit. Sed lacus arcu, pellentesque fermentum pulvinar vitae, molestie non nibh. Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa.

[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="right" ]

Customization Options

  • Lat: the latitude of the location to display on the map (an alternative to providing the address)
  • Long: the longitude of the location to display on the map (an alternative to providing the address)
  • Zoom: the initial zoom level of the map
  • Width: width of the map embed
  • Height: height of the map embed
  • Options: Google map options.
  • Control: Additional controls to attach to the map.
  • Maptype: the type of map you want to display (roadmap, satellite, hybrid or terrain).
  • Lang: Language of map
  • Marker: whether you want to display the red marker showing the location specified by the address or longitude/latitude attributes.
  • Addoverview: whether to display the overview map control (the arrow in the bottom right corner that expands to show the region currently being viewed).
  • Addscale: whether to display the scale control (the marking that tells you the distances represented in the map).
  • Streetview: A Street View Panorama to display when the Street View pegman is dropped on the map. If no panorama is specified, a default Street View Panorama will be displayed in the map’s div when the pegman is dropped.
  • Kml: A Kml Layer adds geographic markup to the map from a KML, KMZ or Geo RSS file that is hosted on a publicly accessible web server. A Kml Feature Data object is provided for each feature when clicked.
  • Description: A localized string describing the location.
  • Label: This is the label for the marker that indicates your designated address.
  • Addr: You can display a Google Map by using your address or a latitude/longitude pair.

Helper Shortcodes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra aliquet velit quis semper. Ut eget justo massa, in sagittis massa. Phasellus vitae quam posuere erat tempor euismod. Aenean eu pellentesque dolor. Aenean lobortis lacinia imperdiet. Praesent tempus rhoncus malesuada. Nulla ultrices turpis at turpis fermentum suscipit ullamcorper turpis accumsan! Vivamus cursus neque vitae risus condimentum id tincidunt eros congue!

[space height=”60″]

Integer nisl arcu, viverra in imperdiet eget, tempor sed nisl. Quisque sollicitudin blandit gravida. Cras accumsan nunc eu mi adipiscing congue. In accumsan velit neque, in sagittis nisl. Nam cursus, metus accumsan pellentesque sagittis, nisi magna tristique ipsum, commodo dignissim neque magna vel elit. Nulla facilisi. Aenean tempor blandit suscipit. Fusce dictum, nunc vitae dignissim laoreet, mauris ante consequat elit; eget dapibus libero odio eu risus. Quisque nec sapien in felis aliquet pulvinar? Vivamus vel dapibus massa. Vestibulum tempus fringilla lacus, sit amet ullamcorper leo.

 [space height='60']

[divider margin=”4em 0″]

Clear Floated Div’s

 [clear ]

[divider margin=”4em 0″]

Line Break

 [br]

Divider

Aliquam erat volutpat. Curabitur a eros quis arcu eleifend convallis. Phasellus eleifend, libero consequat feugiat gravida, ligula risus interdum enim, et gravida erat lectus quis quam. Integer porttitor aliquam pulvinar. Nunc nec nunc mi. Aliquam molestie urna vitae mauris sagittis eu aliquam mauris elementum. Integer erat odio; mollis sed semper vel, pulvinar interdum nisl!

[divider margin=”2em 0″]

Ut vestibulum odio molestie tellus consequat sit amet euismod magna sodales. Vestibulum tempor tristique enim, non rhoncus tellus mollis hendrerit. Sed mauris risus, venenatis vitae euismod et, mollis semper massa! Nullam accumsan mollis massa, vel dignissim orci bibendum nec. Sed iaculis, orci eu commodo euismod, purus lorem bibendum lectus; nec viverra tortor neque at diam. Maecenas ut sem tempor ligula faucibus pulvinar. Integer adipiscing elementum rutrum. Nullam varius velit nec urna tempor tincidunt. Vestibulum volutpat massa non mauris imperdiet dignissim? Vivamus bibendum convallis turpis, id malesuada ipsum semper eget. Vivamus gravida leo quis enim tristique venenatis? Sed faucibus adipiscing aliquet. Aliquam placerat nisl vel lectus tempor ac tempor nisi lobortis! Nam vitae dui et ligula aliquet facilisis sit amet ullamcorper lacus.

[divider type=”line” margin=”2em 0″]

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida.

[divider type=”dotted” margin=”2em 0″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id est eget justo viverra tristique. Fusce placerat est eget ligula lobortis sit amet hendrerit nisl hendrerit. Donec rutrum luctus tellus eu molestie? Phasellus sollicitudin felis eu leo ullamcorper ut gravida tellus tempor. Ut luctus enim quis neque dapibus faucibus sodales purus dignissim. Nam pretium sem quis nulla aliquet convallis at et sem. Curabitur at hendrerit velit.

Curabitur dui tellus; fermentum nec euismod vel, commodo in mauris. Fusce lacinia ultricies fringilla. Duis ultrices lorem vitae justo euismod pulvinar. Quisque vitae justo quam. Proin feugiat varius elit, molestie vestibulum magna vehicula sed. Maecenas diam orci, tristique non facilisis id, pharetra in est. Pellentesque nec fringilla est. Proin pharetra pellentesque lectus, eget bibendum urna lobortis vitae. Suspendisse eu justo odio. Vestibulum ut eros vitae massa dapibus sagittis. Sed nec ligula leo; nec placerat arcu. Donec quis mi ac justo feugiat aliquam ac at felis. Cras vel mauris libero, non faucibus nisi. Aenean porttitor enim at orci hendrerit rutrum.

[divider type=”shadow” margin=”2em 0″]

Integer nisl arcu, viverra in imperdiet eget, tempor sed nisl. Quisque sollicitudin blandit gravida. Cras accumsan nunc eu mi adipiscing congue. In accumsan velit neque, in sagittis nisl. Nam cursus, metus accumsan pellentesque sagittis, nisi magna tristique ipsum, commodo dignissim neque magna vel elit. Nulla facilisi. Aenean tempor blandit suscipit. Fusce dictum, nunc vitae dignissim laoreet, mauris ante consequat elit; eget dapibus libero odio eu risus. Quisque nec sapien in felis aliquet pulvinar? Vivamus vel dapibus massa. Vestibulum tempus fringilla lacus, sit amet ullamcorper leo porta at.

Morbi cursus nibh sed tortor dapibus imperdiet! Fusce nec ipsum tellus. Donec euismod, arcu a pulvinar sagittis, libero odio malesuada turpis, non tincidunt nibh enim at erat. Curabitur mollis tincidunt pellentesque! Sed convallis laoreet neque non bibendum. Nam vehicula suscipit magna; ac luctus ipsum vestibulum vitae. Nulla vel lectus eros, eu condimentum libero. Pellentesque vulputate, augue lobortis imperdiet adipiscing, erat massa malesuada risus, in posuere magna elit at dui. Nunc bibendum sapien at nisi congue tristique. Phasellus non tellus in ipsum tempus sodales. Phasellus accumsan varius rhoncus. Suspendisse adipiscing gravida purus nec elementum.

[divider type=”stripes” margin=”2em 0″]

[divider margin="20px 0 20px 0" ]
[divider type="line" margin="20px 0 20px 0" ]
[divider type="dotted" margin="20px 0 20px 0" ]
[divider type="shadow" margin="20px 0 20px 0" ]
[divider type="stripes" margin="20px 0 20px 0" ]