Elements

Shortcodes & Typography


[column grid=”5″ span=”1″]
Heading 1
[/column]

[column grid=”5″ span=”4″]

I am a top H1 heading

[/column]

[column grid=”5″ span=”1″]
Heading 2
[/column]

[column grid=”5″ span=”4″]

I am very important H2 heading

[/column]

[column grid=”5″ span=”1″]

Heading 3

[/column]

[column grid=”5″ span=”4″]

Well, H3 is important as well

[/column]

[column grid=”5″ span=”1″]

Heading 4

[/column]

[column grid=”5″ span=”4″]

H4 is great too let me tell ya

[/column]

[column grid=”5″ span=”1″]

Heading 5

[/column]

[column grid=”5″ span=”4″]

I am sure H5s are useful too

[/column]

[column grid=”5″ span=”1″]

Heading 6

[/column]

[column grid=”5″ span=”4″]

I don’t know what to say

[/column]

[column grid=”5″ span=”1″]

Text size XL

[/column]

[column grid=”5″ span=”4″]

Cum sociis natoque pena tibus et magnis dis part urient montes.

[/column]

[column grid=”5″ span=”1″]

Text size L

[/column]

[column grid=”5″ span=”4″]

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

[/column]

[column grid=”5″ span=”1″]

Text size M

[/column]

[column grid=”5″ span=”4″]

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

[/column]

[column grid=”5″ span=”1″]

Text Normal

[/column]

[column grid=”5″ span=”4″]

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

[/column]

 


 

Colorful Buttons

Use these buttons with WYSIWYG format style: create a link with href, select it and choose a “button” format style from the Formats dropdown. Choose a color for a button from the dropdown as well.

White Brown Green Teel Orange Yellow Red Pink Purple Blue Indigo

 


 

Icons

Use these icons via a shortcode:   [icon type=”xyz”]

Create your own icon set with https://icomoon.io/app/#/select

menu

cart

search

bubble

checkmark

google-plus

facebook

instagram

twitter

feed

youtube

vimeo

flickr

picassa

dribbble

github

tumblr

skype

linkedin

pinterest

calendar

phone

monitor

camera

eye

microphone

checkmark2

checkmark3

cog

pictures

time

chart

location

lab

mouse

medal

locked

lamp2

lamp

diamond

equalizer

clipboard

 


 

Accordion

[whistles type=”accordion” group=”accordion-1″ order=”ASC” orderby=”date” limit=”-1″]


Toggle

[whistles type=”toggle” group=”accordion-2″ order=”ASC” orderby=”date” limit=”-1″]


Tabs

[whistles type=”tabs” group=”tabs” order=”ASC” orderby=”date” limit=”-1″]

 

Alert Boxes

Error – Your message!

Success – Your message!

Info – Your message!

Notice – Your message!



[column grid=”2″ span=”1″]

Image with Caption

Caption of This Beauty
Caption of This Beauty

[/column]

[column grid=”2″ span=”1″]

Blockquote

I am a blockquote with an image inserted in. I would say something nice, but I am so handsome I just don’t need to!”

JOHN SMITH

CEO of Attitude, Ltd.

[/column]