This theme comprises of many shortcodes, all shortcodes are responsive and can be used inside one another.
Here is a brief usage of short codes and how they look like:
[code]
Short is used for entering code on the site it creates a well around your code for better visibility
Usage:
[code]This shortcode supports html content [/code]
[pre]
Creates a well outside the content.
Usage
[pre]This is a pre shortcode [/pre]
[linenums]
Denotes line numbers to entered content, line numbers to each line delimited by “enter” or new line.
Usage: [linenums]This is a line number shortcode [/linenums]
Abbreviation and Buttons [abbr], [button]
Usage:[abbr full=”Abbr Full form”]Abbreviation[/abbr]
Usage:[button size=”mini” type=”danger” url=”http://www.google.com”]Anchor[/button]
Size: mini, medium,large
Type: Default (Grey),Primary (Dark blue), Warning (light orange), Danger (red),Info (light blue), Success (green), Inverse (black)
Usage:[button url=”http://www.google.com”]Anchor[/button]
Usage:[button size=”large” url=”http://www.google.com”]Anchor[/button]
Usage:[button url=”http://www.google.com”][icon]Some icon[/icon]Anchor[/button]
[icon]
Shows icon wherever shortcode is applied, supported inside other shortcodes as well.
Usage:[icon type=”” color=”black”][/icon]
color= black or white
Icon types as below:
[alert]
Shows an alert message, can be closed using the “x” icon.
Usage:[alert type=”success”] this is it an alert[/alert]: Green color 
Usage:[alert type=”error”]this is it [/alert]: Red Color 
Usage:[alert type=”info”]this is it[/alert]: Blue color 
[label]
Shows a label with background color wherever applied
Usage:[label type=”info”]this is it a Label [/label]
[label type=”warning”]this is it a Label [/label]
[label type=”success”]this is it a Label [/label]
[label type=”important”]this is it a Label [/label]
[label type=”inverse”]this is it a Label [/label]
[label]this is it a Label [/label]
[progressbar]
Shows a responsive progressbar whereever applied, complete % is entered within shortcode parameter.
Usage:[progressbar] 
[progressbar type=”warning” style=”striped” complete=”20″]
[progressbar type=”danger” style=”striped active”]
[modal]
Shows a modal on click.
Usage:[modal anchor=”This is amazing” heading=”This is my”]This will appear in modal body[/modal]
[popover]
Shows a popover on hover the button.
Usage:[popover pop=”Wow an amazing tooltip”]This is the anchor[/popover]
[tabs]
Shows responsive tabs whereever applied, supports shortcodes inside
Usage:[tabs][tab name=”one” active=”active”]First tab[/tab][tab name=”two”]Second tab[/tab][tab name=”three”]Third tab[/tab]
[/tabs]
[tabcontent]
[tabpane name=”one” active=”active”]This is the first content in tab 1
[/tabpane]
[tabpane name=”two”]This is the second content in tab 2 [/tabpane]
[tabpane name=”three”]This is the third content in tab 2 [/tabpane]
[/tabcontent]
[accordian]
Shows a responsive accordian wherever applied.
Usage:[accordian][pane name=”aone” anchor=”First”]First one [/pane][pane name=”atwo” anchor=”this is first”]First one [/pane][pane name=”athree” anchor=”this is first”]First one [/pane]
[/accordian]
[slider]
Shows a responsive slider where ever applied, supports shotcodes inside. Supports caption and descriptions.
Usage:[slider name=”onetwothree”]HTMLlised content HTMLlised content HTMLlised content
[/slider]
