Shortcodes

Accordions

First Accordion Title

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Second Accordion Title

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Third Accordion Title

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Tabs

Nunc in lorem ut dolor sodales dictum sed quis augue. Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae. Nullam sit amet vestibulum lorem, sed adipiscing nisi. In vitae sapien ultrices, porttitor eros at, euismod orci. Nullam nec consequat nisi. Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.
sagittis felis condimentum in. Nam scelerisque volutpat mauris, sed vestibulum nisi pulvinar at. Donec ac lorem hendrerit, gravida elit vel, tristique risus. Nulla id ipsum vitae tellus semper tincidunt ut sit amet elit. Integer sit amet nulla quis orci vestibulum imperdiet vitae eu elit. Duis tempus euismod fermentum. Aliquam nec eros varius, egestas nibh sit amet, facilisis lacus. Praesent placerat volutpat sollicitudin.
ignissim vestibulum. Aliquam consequat libero risus, eu tincidunt nulla lobortis ut. Vivamus vel lacus at metus fringilla dapibus. Duis tellus enim, interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentum massa ipsum, vel tristique felis ultricies sit amet. Nam sit amet tincidunt magna. Vivamus quis nisl vel tortor ultricies varius rhoncus quis quam. Suspendisse varius non nulla sed condimentum. Fusce lobortis fringilla ipsum, ut sodales nunc volutpat vel. Ut eget est tempus, euismod lacus sed, placerat nunc. A
Posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper. Aliquam consequat libero risus, eu tincidunt nulla lobortis ut. Vivamus vel lacus at metus fringilla dapibus. Duis tellus enim, interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentum massa ipsum, vel tristique felis ultricies sit amet. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae.
Sagittis felis condimentum in. Nam scelerisque volutpat mauris, sed vestibulum nisi pulvinar at. Donec ac lorem hendrerit, gravida elit vel, tristique risus. Nulla id ipsum vitae tellus semper tincidunt ut sit amet elit.Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Ignissim vestibulum. Posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae. Aliquam consequat libero risus, eu tincidunt nulla lobortis ut. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.
Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Vivamus vel lacus at metus fringilla dapibus. Duis tellus enim, interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentum massa ipsum, vel tristique felis ultricies sit amet. Posuere tortor tortor, at aliquet orci adipiscing ac. Aliquam consequat libero risus, eu tincidunt nulla lobortis ut. Vivamus vel lacus at metus fringilla dapibus. Duis tellus enim, interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentum massa ipsum, vel tristique felis ultricies sit amet. Mauris varius venenatis ullamcorper. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae.

Animations

Using the Animation shortcode, you can animate any content, including other shortcodes! With dozens of effects and options your creativity can go wild! Flip ‘em, bounce ‘em or subtly fade them in; You have the control!

mac
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.

Just some animated List items

  • Just some list content
  • Another list content
  • Third list content
  • Final list content. Bye!

FirstToggle Title

Toggle content here! interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentu

Second Toggle Title

Nothing to see here. Move alone…

Alert Boxes

Info Message! Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.
Warning Message! Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.
Error Message! Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.
Success Message! Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.

Columns

AB-Shortcodes uses a very clever system when it comes to columns. The whole page is made up out of grid with 12 columns, all you have to do is decide how many columns your content will span. That gives you an ultimate control over your content!

1/2 Columns

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Span 6/12 Columns

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Span 3/12

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Span 5/12

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

One Third

Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur.

Code

In raw content you can place shortcodes, like [clear] or html code like <br>
.ABs_dropcap{
    display: block;
    width: 54px;
    height: 54px;
    font-size: 50px;
    line-height: 54px;
    background: #1e6d81;
    text-align: center;
    color: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
This is an example of PRE shortcode. In pre content you can place shortcodes, like [clear] or html <br>

Stats Count Up

%

Sales raise

%

Energy Efficient

+

Happy Customers

X

more Power

Text Styles

This is H1 Title

Lorem ipsum nunc in lorem ut dolor sodales dictum sed quis augue. Hover mouse Over Here To See Tooltip Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae. This is higlighted word. And this is abbr! Nullam sit amet vestibulum lorem, sed adipiscing nisi.

This is H2 Title

This is H3 Title

This is H4 Title

This is H5 Title
This is H6 Title

Google Maps

Font Icons

Resize them, change their color, rotate them or put them in box – font icons allow you to do all that without loosing quality. Plugin includes more than 2000 font icons, from wide categories range – Business, Communication, Computer & Mobile, Design & Writing, Development, Entertainment, Food, Hosting, Menu, Misc, Multimedia, Sport & Games, Symbols, Time & Location
For the full list of 2000+ font icons click here.

Table Wrapper

Name ID Age
Jack 1 21
Jill 2 24
Matt 1 21
Jake 2 24

QR Code

Progress Bars

Great ideas
99%
PHP
81%
jQuery
76%
CSS
90%

Price Boxes

Service 1 $ 19 / mo Great service
1x CPU1GB RAM10GB HDD Control Panel Support
Service 3 $ 59 / mo Great service
8x CPU16GB RAM500GB HDD Control Panel Support
Service 1 $ 9 / month Great service
1x CPU1GB RAM10GB HDD Control Panel Support
Service 3 $ 19 / month Great service
8x CPU16GB RAM500GB HDD Control Panel Support

Pullquote & Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra, purus viverra hendrerit dictum, enestas metus sit amet elementum. Nulla vehicula arcu id cursus consectetur. Etiam vel sollicitudin nunc, et interdum leo. Duis euismod ante orci, id malesuada mi viverra a. In rutrum congue nunc, a porta metus sodales sit amet.
Nunc in lorem ut dolor sodales dictum sed quis augue. Duis egestas pharetra rutrum. Nunc sit amet metus eu risus fermentum fermentum. Vivamus vel accumsan nisl. Pellentesque venenatis massa et gravida dapibus. Proin vel quam adipiscing, posuere velit et, condimentum nisi. Nunc a magna non massa commodo tincidunt. Duis eget quam luctus, mattis libero at, pulvinar nulla. Sed facilisis libero sit amet ligula rutrum, nec mollis nisi suscipit. Sed faucibus imperdiet lorem nec porta. Pellentesque turpis odio, viverra eu rhoncus ut, suscipit malesuada justo. Phasellus ullamcorper, quam in euismod vehicula, velit metus scelerisque ante, id sagittis dui justo nec ligula. Sed cursus augue id eros facilisis, vel tempor nisi sodales. Nunc in lorem ut dolor sodales dictum sed quis augue. Duis egestas pharetra rutrum. Nunc sit amet metus eu risus fermentum fermentum. Vivamus vel accumsan nisl. Pellentesque venenatis massa et gravida dapibus. Proin vel quam adipiscing, posuere velit et, condimentum nisi. Nunc a magna non massa commodo tincidunt. Duis eget quam luctus, mattis libero at, pulvinar nulla. Sed facilisis libero sit amet ligula rutrum, nec mollis nisi suscipit. Sed faucibus imperdiet lorem nec porta. Pellentesque turpis odio, viverra eu rhoncus ut, suscipit malesuada justo. Phasellus ullamcorper, quam in euismod vehicula, velit metus scelerisque ante, id sagittis dui justo nec ligula. Sed cursus augue id eros facilisis, vel tempor nisi sodales.

Nunc in lorem ut dolor sodales dictum sed quis augue. Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper. Phasellus feugiat felis neque, eu rhoncus justo placerat vitae. Nullam sit amet vestibulum lorem, sed adipiscing nisi. In vitae sapien ultrices, porttitor eros at, euismod orci. Nullam nec consequat nisi. Duis justo velit, placerat quis nunc ut, porttitor egestas nunc.John John's Ltd.

Service Boxes

This is service

Service box content here Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper.

This is service

Service box content here Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper.

This is service

Service box content here Nullam posuere tortor tortor, at aliquet orci adipiscing ac. Mauris varius venenatis ullamcorper.

Team Members

Toggle

Toggle section title

Toggle content here m, interdum euismod feugiat vel, vestibulum vel tellus. Praesent condimentu

Responsive

This is visible only on desktop resolutions. Try resizing your browser or view it on mobile device.
This is hidden on desktop resolutions.

Videos

Dividers

Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est.
Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est.