Shortcodes
Columns
[hr] [row-b][col-md-6]1/2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-6]
[col-md-6]
1/2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-6]
[/row-b]
[row-b]
[col-md-4]
1/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-4]
[col-md-4]
1/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-4]
[col-md-4]
1/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-4]
[/row-b]
[row-b][col-md-4]
1/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
[/col-md-4][col-md-8]
2/3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-8][/row-b]
[row-b]
[col-md-3]
1/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-3]
[col-md-3]
1/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-3]
[col-md-3]
1/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-3]
[col-md-3]
1/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-3]
[/row-b]
[row-b][col-md-3]
1/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
[/col-md-3][col-md-9]3/4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-9][/row-b][row-b][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col-md-2][/row-b][row-b][col-md-2]1/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.
[/col-md-2][col-md-10]5/6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/col-md-10] [/row-b][spacer]
Rectangular progress bar
[hr] [row-b][col-md-12] [progressbar value="96" label="Adobe Photoshop"] [progressbar value="77" label="Adobe Illustrator"] [progressbar value="72" label="Adobe Indesign"] [progressbar value="83" label="HTML & CSS"] [progressbar value="69" label="Javascript & Jquery"] [/col-md-12] [/row-b] [spacer]Circular progress bar
[hr] [row-b][col-md-4] [skills value="67" size="180" bgcolor="#f2f2f2" showpercent="yes" fgcolor="#000000" donutwidth="6" title="Coffee Brewing" font="" fontsize="30px" fontstyle="" custom_class=""][/skills] [/col-md-4] [col-md-4] [skills value="97" size="180" bgcolor="#f2f2f2" showpercent="yes" fgcolor="#000000" donutwidth="6" title="Creativity" font="" fontsize="30px" fontstyle="" custom_class=""][/skills] [/col-md-4] [col-md-4] [skills value="86" size="180" bgcolor="#f2f2f2" showpercent="yes" fgcolor="#000000" donutwidth="6" title="Punctuality" font="" fontsize="30px" fontstyle="" custom_class=""][/skills] [/col-md-4] [/row-b] [spacer]Accordion & Tabs
[hr] [row-b][col-md-6] [accordions] [accordion title="Creativity" visible="yes"]We are idea-driven, working with a strong focus on design and user experience. Our projects should engage your audience, we want to create wonderful digital things that people love to be part of and use. That’s what your brand and audience deserve.[/accordion] [accordion title="Technology"]We see technology as a creative discipline. No matter what it's about web development, mobile solutions or digital product development, we know how to use state-of-the-art technologies to bring sophisticated digital products to life. [/accordion] [/accordions] [/col-md-6][col-md-6] [tabs tab1="Digital Branding" tab2="Editorial Planning" tab3="Editorial Planning"] [tab1] Exceptional digital projects start with a solid strategy. Research, competitor review, target group understanding and trend exploration help us to uncover how your brand should behave in the digital landscape and identify the best opportunities.[/tab1] [tab2]We are idea-driven, working with a strong focus on design and user experience. Our projects should engage your audience, we want to create wonderful digital things that people love to be part of and use. That's what your brand and audience deserve.[/tab2] [tab3]We see technology as a creative discipline. No matter what it's about web development, mobile solutions or digital product development, we know how to use state-of-the-art technologies to bring sophisticated digital products to life.[/tab3] [/tabs] [/col-md-6] [/row-b][spacer]