Use the shortcodes plugin that comes with this theme to easily make sophisticated layouts without to much hassle. You can just enter them inside the post editor directly from the drop down menu! Check them out below:

[code]

$("a").hover(
  function () {
    // code on hover over
  },
  function () {
    // code on away from hover
  }
);

[/code]

 

[highlight color=”yellow”]highlighted yellow text[/highlight] [highlight color=”blue”]highlighted blue text[/highlight] [highlight color=”green”]highlighted green text[/highlight] [highlight color=”red”]highlighted red text[/highlight]

[button color=”normal” url=”Put your URL here” title=””]Normal button[/button] [button color=”dark” url=”Put your URL here” title=””]Light button[/button] [button color=”light” url=”Put your URL here” title=””]Dark button[/button] [button color=”yellow” url=”Put your URL here” title=””]Yellow button[/button] [button color=”blue” url=”Put your URL here” title=””]Blue button[/button] [button color=”green” url=”Put your URL here” title=””]Green button[/button] [button color=”red” url=”Put your URL here” title=””]Red button[/button]

 

[button color=”light”  size=”small” url=”Put your URL here” title=””]Small button[/button]

 

[button color=”light” size=”large” url=”Put your URL here” title=””]Large button[/button]

 

[blockquote]This is an example of a blockquote. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/blockquote]

[social icon=”twitter” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”facebook” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”vimeo” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”email” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”linkedin” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”tumblr” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”rss” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”wordpress” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”spotify” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”gplus2″ url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”deviantart” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”soundcloud” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”pinterest” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”orkut” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”instagram” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”dribbble” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”youtube” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”skype” url=”http://www.yoursocial.com” target=”self” rel=””] [social icon=”reddit” url=”http://www.yoursocial.com” target=”self” rel=””]

[skillbar title=”Any color” percentage=”60″ color=”#6adcfa”]

[skillbar title=”Any percentage” percentage=”100″ color=”#c31b00″]

 

[toggle title=”This Is Your Toggle Title”]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.[/toggle]

[toggle title=”This Is Your Toggle Title”]The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.[/toggle]

 

[tabgroup]
[tab title=”First Tab”]
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
[/tab]
[tab title=”Second Tab”]
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.
[/tab]
[/tabgroup]

 

[intro]This is an example of an intro text. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/intro]

[dropcap]T[/dropcap]his is an example of a dropcap letter at the beginning of a block of text. You can enter this in your wordpress text editor directly from a drop down menu all with help of the plugin that comes free with this theme.

 

[message_box color=”gray”]This is an example of a message box. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/message_box]

[message_box color=”blue”]This is an example of an info box. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/message_box]

[message_box color=”green”]This is an example of a succes box. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/message_box]

[message_box color=”yellow”]This is an example of a warning box. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/message_box]

[message_box color=”red”]This is an example of an alert box. You can enter this in your wordpress text editor directly with help of the plugin that comes free with this theme.[/message_box]

 

 

[column size=”one-half” position=”first”]1/2 first – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-half” position=”last”]1/2 last – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-third” position=”first”]1/3 first – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-third”]1/3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-third” position=”last”]1/3 last – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”two-third” position=”first”]2/3 first – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-third” position=”last”]1/3 last – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. [/column]

[clear_floats]

[column size=”one-fourth” position=”first”]1/4 first – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-fourth”]1/4 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-fourth”]1/4 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-fourth” position=”last”]1/4  last – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[clear_floats]

[column size=”three-fourth” position=”first”]3/4 first – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin. Ut faucibus ligula et tellus suscipit lobortis eu ut metus. Praesent iaculis, justo ultrices aliquet commodo, nibh ligula scelerisque massa, tempus viverra neque nibh eget nisi.[/column]

[column size=”one-fourth” position=”last”]1/4 last – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue elementum sollicitudin.[/column]

[clear_floats]