Shortcodes

Responsive Video Embeds

Easily add any video from Vimeo or Youtube on any page, anywhere and it will be instantly responsive like this one.

Responsive Google Maps

Add a map to anywhere in the world directly using the Google API from the shortcodes plugin. The map can include a marker and your own message popup if clicked, of course the map is also 100% responsive.

Social Icons

Image based (not retina) Social icons by Icon Dock.

Font based (retina ready) Social Icons using the Zocial icon font through Fontello.

Buttons

All buttons have the option of either rounded or straight corners, 3 different sizes, a selection of usable colors, theme specific styling, plus pick your own color using the provided color picker in the shortcode generator.

Icon Buttons

Hundreds of icons to choose from, plus all the available colors including pick your own color using the color picker in the shortcode generator and rounded or straight.

See the map Join Us on Twitter Like Us on facebook

Columns

Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus. Donec ornare arcu id erat. Aliquam ultrices scelerisque sem. In elit nulla, molestie vel, ornare sit amet, interdum vel, mauris. Etiam dignissim imperdiet metus.

Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.

Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante.

Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit.

Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante.

Alert Boxes

With 5 premade color sets available, plus choose any icon from hundreds available and the option for a theme styled alert box or full custom colors from the color picker – alert boxes have never looked so good!

test alert 1 with link

test alert 2 with link

test alert 3 with link

test alert 4 with link

test alert 5 with link

test alert custom color with link

test alert theme colors with link

Toggles

You can select to display an icon (from hundreds available) to appear before the title directly from within the shortcode generator.

Here is a toggle with an icon and open on load

Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla. Duis ante mi, laoreet ut, commodo eleifend, cursus nec, lorem. Aenean eu est. Etiam imperdiet turpis. Praesent nec augue. Curabitur ligula quam, rutrum id, tempor sed, consequat ac, dui.

Here is a toggle with no icon and closed on load

Accordions

You can select to display an icon (from hundreds available) to appear before the title directly from within the shortcode generator.

Accordion 1 - open on load and an icon

Accordion 2 - closed on load and an icon

Accordion 3 - closed on load and no icon

Tabs

test 1

Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo. Praesent eu elit. Ut eu ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas elementum augue nec nisl. Proin auctor lorem at nibh. Curabitur nulla purus, feugiat id, elementum in, lobortis quis, pede. Vivamus sodales adipiscing sapien. Vestibulum posuere nulla eget wisi. Integer volutpat ligula eget enim. Suspendisse vitae arcu. Quisque pellentesque. Nullam consequat, sem vitae rhoncus tristique, mauris nulla fermentum est, bibendum ullamcorper sapien magna et quam. Sed dapibus vehicula odio. Proin bibendum gravida nisl. Fusce lorem. Phasellus sagittis, nulla in hendrerit laoreet, libero lacus feugiat urna, eget hendrerit pede magna vitae lorem. Praesent mauris.

test 2

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.

test 3

test 4

Pull Quote Left example

This is an example of a pull quote left using the option of red.

Ut nulla. Vivamus bibendum, nulla ut congue fringilla, lorem ipsum ultricies risus, ut rutrum velit tortor vel purus. In hac habitasse platea dictumst. Duis fermentum, metus sed congue gravida, arcu dui ornare urna.

This is an example of a pull quote left using the option of blue.

This is an example of a pull quote left using the option of green.

This is an example of a pull quote left using the option of yellow.

This is an example of a pull quote left using the option of light gray.

This is an example of a pull quote left using the option of custom color from the color picker.

Pull Quote Right example

This is an example of a pull quote right using the option of red.

This is an example of a pull quote right using the option of blue.

This is an example of a pull quote right using the option of green.

This is an example of a pull quote right using the option of yellow.

This is an example of a pull quote right using the option of light gray.