Shortcodes

[column width=”1/2″ ] [headline margin=”margin-down”]Buttons[/headline]

[button color=”gray” url=”#” size=”small”] Button [/button] [button color=”color” size=”small” url=”#”]Button[/button] [button color=”light” size=”small” url=”#”]Button[/button]

[button color=”gray” url=”#” icon=”file” halflings=”yes” iconcolor=”white”]Button [/button] [button color=”color” url=”#” icon=”briefcase” halflings=”yes” iconcolor=”white”]Button [/button] [button color=”light” url=”#” icon=”trash” iconcolor=”white” halflings=”yes”]Button [/button]

[/column]

[column width=”1/2″] [headline margin=”margin-down”]Tabs[/headline] [tabgroup] [tab title=”First Tab” icon=”mini-ico-exclamation-sign”]

1. Lorem ipsum pharetra lorem felis. Aliquam egestas consectetur elementum class aptentea taciti sociosqu ad litora torquent perea conubia nostra lorem consectetur adipiscing elit.

[/tab] [tab title=”Second” icon=”mini-ico-file”]

2. Lorem ipsum pharetra lorem felis. Aliquam egestas consectetur elementum class aptentea taciti sociosqu ad litora torquent perea conubia nostra lorem consectetur adipiscing elit.

[/tab] [tab title=”Third”]

3. Lorem ipsum pharetra lorem felis. Aliquam egestas consectetur elementum class aptentea taciti sociosqu ad litora torquent perea conubia nostra lorem consectetur adipiscing elit.

[/tab] [/tabgroup]
[/column]

[clear] [line]

[column width=”eight” ] [headline margin=”margin-down”]Large Notice[/headline] [notice title=”This is a Headline” buttonlink=”#” buttontext=”Read More”]This is an example of style component for calling extra attention to featured content or information.[/notice]

[/column] [column width=”eight”][headline margin=”margin-down”]Accordions[/headline][accordionwrap] [accordion title=”Web Development”]Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate aliquam egestas litora torquent conubia.[/accordion][accordion title=”Top Notch Support”]Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. Nullam laoreet, velit ut condimentum feugiat. [/accordion][accordion title=”Social Marketing”]

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper.

Compatible with the latest W3C standards
Flexible, Responsive Layout
Compatible with Major Browsers
Attuned to Smartphones and Tablet PCs

[/accordion] [/accordionwrap] [/column]

[clear][line]

[column width=”eight”][headline margin=”margin-down”]Our Skills[/headline] [skillbars] [skillbar title=”Web Design 80%” value=”80″] [skillbar title=”HTML / CSS 90%” value=”90″] [skillbar title=”WordPress 85%” value=”85″] [skillbar title=”jQuery 70%” value=”70″] [skillbar title=”SEO 75%” value=”75″] [/skillbars] [/column] [column width=”eight”] [headline margin=”margin-down”] Alert Boxes [/headline] [box type=error] Error! Please fill in all the fields required. [/box] [box type=success] Success! You did it, now relax and enjoy it. [/box] [box type=warning] Warning! Change this and that and try again. [/box] [box type=notice] Notice! Please edit the information below. [/box]
[/column]

[clear] [line][column width=”sixteen”] [headline margin=”margin-down”]Clients[/headline] [clients]

[/clients]
[/column]
[clear][line]

[column width=”sixteen”]
[headline margin=”margin-down”]Table [/headline]

Header 1	Header 2	Header 3	Header 4
Item #1	Description	100 GB	100 GB
Item #2	Description	200 GB	200 GB
Item #3	Description	300 GB	300 GB
Item #4	Description	400 GB	400 GB
Item #5	Description	500 GB	500 GB