Sample Image
Get the Code[img w=930 h=150 alt="Alternate Image Text" title="Image Title"]Full Path To Image[/img]
Sample Left Aligned Image With Ambient Text
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun.
Get the Code[img align="left" w=150 h=150]Full Path To Image[/img] Ambient Text
Sample Right Aligned Image With Ambient Text
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun.
Get the Code[img align="right" w=150 h=150]Full Path To Image[/img] Ambient Text
Quote Text Sample
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis.
Get the Code[quote] Quote Text Should Be Here [/quote]
Quote Left Aligned Text Sample
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon.
Adipiscing elit. Maurisfetun duis ultricies pharetra magna Donec accumsan malada orci. Donec amet eros. Lorem ipsum dolor consectetuer adipisc mauris.
Get the Code[quote w="300" align="left"] Quote Left Aligned Text Should Be Here [/quote] Ambient Text
Quote Right Aligned Text Sample
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon.
Adipiscing elit. Maurisfetun duis ultricies pharetra magna Donec accumsan malada orci. Donec amet eros. Lorem ipsum dolor consectetuer adipisc mauris.
Get the Code[quote w="300" align="right"] Quote Right Aligned Text Should Be Here [/quote] Ambient Text
Dropcap
Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer. Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
Get the Code[dropcap] Text With Dropcap [/dropcap]
Ordered / Unordered List
-
Aliquam erat volutpat rutrum ante eu lacus consectetuer.
Maurisfetun duis ultricies pharetra magna donec accumsan malesuada orci.
Lorem ipsum dolor amet consectetuer adipiscing elit.
Mauris fermentum dictum magna pellentesque facilisis arcu et velit interdum
Quis porttitor mauris vestibulum suspendisse commodo accumsan sem
Get the Code[sourcecode language="plain"][list]
list item 1
list item 2
list item 3
...
list item N
[/list][/sourcecode]
-
Aliquam erat volutpat rutrum ante eu lacus consectetuer.
Maurisfetun duis ultricies pharetra magna donec accumsan malesuada orci.
Lorem ipsum dolor amet consectetuer adipiscing elit.
Mauris fermentum dictum magna pellentesque facilisis arcu et velit interdum
Quis porttitor mauris vestibulum suspendisse commodo accumsan sem
Get the Code[sourcecode language="plain"][list unordered]
list item 1
list item 2
list item 3
...
list item N
[/list][/sourcecode]
Info Boxes
Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
Get the Code[info_box] Info Text Should Be Here [/info_box]
Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
Get the Code[succsess_box] Info Text Should Be Here [/succsess_box]
Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
Get the Code[warning_box] Info Text Should Be Here [/warning_box]
Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
Get the Code[error_box] Info Text Should Be Here [/error_box]
Bubble Box / Testimonial Box
Adipiscing elit. Maurisfetun Duis ultricies pharetra magna. Donec accumsan malesuada orci lorem ipsum dolor amet consecttuer unean auctor wisi eturna. Aliquam erat volutpat. Duis turpis. Integer rutrum ante eu lacus consectetuer.
John Connor
Get the Code[testimonial author="John Connor"] Info Text Should Be Here [/testimonial]
Hover Box like on Main Page
Light Ideas
Adipising elit maurise pharetra magna acumsan. Malesuda orcdonec ulorem doloroec malesda udipiscing elit mauris sifermentum.
Get the Code[sourcecode language="plain"][hover_box]
[h3 icon="lightbulb" left="37"]Light Ideas[/h3]
<p>Adipising elit maurise pharetra magna acumsan. Malesuda orcdonec ulorem doloroec malesda udipiscing elit mauris sifermentum.</p>
[/hover_box][/sourcecode]
Preformatted Text Box
code {
font:12px/22px Verdana, Arial, Helvetica, sans-serif;
display:block;
margin:5px 0 15px;
padding:10px;
background:#F0F0F0;
border:1px solid #DCDCDC;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
Get the Code[sourcecode language="plain"][pre]code {
font:12px/22px Verdana, Arial, Helvetica, sans-serif;
display:block;
margin:5px 0 15px;
padding:10px;
background:#F0F0F0;
border:1px solid #DCDCDC;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}[/pre][/sourcecode]
Buttons
Centered Button
Get the Code[btn url title align=center target] Button Text [/btn]
Fullwidth Button
Get the Code[btn url title align=wide target] Button Text [/btn]
Left Aligned Button
Get the Code[btn size="big" url=http://themeforest.net title="Button Title" align=left target=blank]Left Aligned Button[/btn]
Right Aligned Button
Get the Code[btn size="big" url=http://themeforest.net title="Button Title" align=right target=blank]Right Aligned Button[/btn]
Centered Button
Get the Code[btn size="big" url=http://themeforest.net title="Button Title" align=center target=blank]Centered Button[/btn]
Fullwidth Button
Get the Code[btn size="big" url=http://themeforest.net title="Button Title" align=wide target=blank]Fullwidth Button[/btn]
Icons
See the full description for working with Icons shortcodes by clicking next button
read more
Go to Top Line
Flexible columns
One Half
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer varius ornare tortor, eu ultrices felis ultrices eu. Duis hendrerit dictum porttitor. Quisque consequat nunc a urna venenatis non fermentum risus pellentesque.
One Half
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer varius ornare tortor, eu ultrices felis ultrices eu. Duis hendrerit dictum porttitor. Quisque consequat nunc a urna venenatis non fermentum risus pellentesque.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Half[/h3]
Some Text...
[/column]
[column]
[h3]One Half[/h3]
Some Text...
[/column]
[/columns][/sourcecode]
One Third
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
One Third
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
One Third
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Third[/h3]
Some Text...
[/column]
[column]
[h3]One Third[/h3]
Some Text...
[/column]
[column]
[h3]One Third[/h3]
Some Text...
[/column]
[/columns][/sourcecode]
One Fourth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
One Fourth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fourth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
One Fourth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Fourth[/h3]
Some Text...
[/column]
[column]
[h3]One Fourth[/h3]
[img align="left" w=50 h=50]path_to_image[/img] Some Text...
[/column]
[column]
[h3]One Fourth[/h3]
Some Text...
[/column]
[column]
[h3]One Fourth[/h3]
[img align="right" w=50 h=50]path_to_image[/img] Some Text...
[/column]
[/columns][/sourcecode]
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[/columns][/sourcecode]
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
Weight of 2 Column Places
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent. Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column places="2"]
[h3]Weight of 2 Column Places[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[/columns][/sourcecode]
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti.
Weight of 3 Column Places
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent. Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent. Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti sociosqu ad litora torquent.
One Fifth
Vivamus gravida velit non quam luctus tincidunt. Donec pulvinar urna eget augue ornare id dapibus nulla blandit. Class aptent taciti.
Get the Code[sourcecode language="plain"][columns indent="25"]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[column places="3"]
[h3]Weight of 3 Column Places[/h3]
Some Text...
[/column]
[column]
[h3]One Fifth[/h3]
Some Text...
[/column]
[/columns][/sourcecode]
Sample of combined Shortcodes
Clean Design
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum.
Left Aligned Button
Flexibly Frontpage
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum.
Centered Button
Working Contact Form
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec tetuer malesuada. Udipiscing elit mauris sifermentum.
Right Aligned Button
Get the Code[sourcecode language="plain"][columns]
[column]
[img w=280 h=110 mbottom="5"]path_to_image[/img]
[h3]Clean Design[/h3]
...Text...
[btn align="left"]Left Aligned Button[/btn]
[/column]
[column]
[img w=280 h=110 mbottom="5"]path_to_image[/img]
[h3]Flexibly Frontpage[/h3]
...Text...
[btn align="center"]Centered Button[/btn]
[/column]
[column]
[img w=280 h=110 mbottom="5"]path_to_image[/img]
[h3]Working Contact Form[/h3]
...Text...
[btn align="right"]Right Aligned Button[/btn]
[/column]
[/columns][/sourcecode]
