[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]

[/column]