Shortcodes – SEVEN Multimedia Design

[horizontalsection color=“#fafafa“ bgimage=““ bgpos=“top left“ bgrepeat=“no-repeat“ textcolor=“text-dark“ pdtop=“80″ pdbottom=“80″ border=“yes“ bordercolor=“#ebebeb“]

Tabs & Accordion

[spacer size=“small“]

[column_row]

Sample Tab 1,Sample Tab 2,Sample Tab 3,

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In viverra ipsum ac eros tristique dignissim. Donec aliquam velit vitae mi dictum.

[one_half_last][accordiongroup]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

[/horizontalsection]

[spacer size=“medium“]

Skills

[spacer size=“small“]

[column_row]

Main color

[skill amount=“55″ name=“Indesign“ color=““][skill amount=“68″ name=“Illustrator“ color=““][skill amount=“80″ name=“Photoshop“ color=““]

[one_half_last]

Custom color

[skill amount=“55″ name=“Indesign“ color=“#dc54b7″][skill amount=“68″ name=“Illustrator“ color=“#ea8110″][skill amount=“80″ name=“Photoshop“ color=“#15b4dc“]

[/one_half_last][/column_row]

[spacer size=“big“]

Icons

[spacer size=“small“]

[column_row]

[iconfont type=“icon-magic“ size=“3x“ color=“#1a1a1a“ style=“outline“]

Portfolio Options

Nullam vulputate nibh at nisi consectetur, nec rutrum nunc iaculis. Donec at aliquam felis. Nulla porttitor neque vitae ligula luctus imperdiet molestie at dui.

[iconfont type=“icon-eye-open“ size=“3x“ color=“#1a1a1a“ style=“outline“]

Retina Ready

Nullam vulputate nibh at nisi consectetur, nec rutrum nunc iaculis. Donec at aliquam felis. Nulla porttitor neque vitae ligula luctus imperdiet molestie at dui.

[one_third_last]

[iconfont type=“icon-mobile-phone“ size=“3x“ color=“#1a1a1a“ style=“outline“]

Fully Responsive

Nullam vulputate nibh at nisi consectetur, nec rutrum nunc iaculis. Donec at aliquam felis. Nulla porttitor neque vitae ligula luctus imperdiet molestie at dui.

[/one_third_last][/column_row]

[spacer size=“medium“]

Style, Size & Color

[spacer size=“small“]

[column_row]

[iconfont type=“icon-heart“ size=“4x“ color=“#dc4992″ style=“outline“]

[iconfont type=“icon-user“ size=“2x“ color=“#fcb822″ style=“background“]

[iconfont type=“icon-tint“ size=“4x“ color=“#15b4dc“ style=“background“]

[iconfont type=“icon-shopping-cart“ size=“2x“ color=“#e97209″ style=“outline“]

[iconfont type=“icon-camera“ size=“4x“ color=“#1a1a1a“ style=“outline“]

[iconfont type=“icon-link“ size=“2x“ color=“#1a1a1a“ style=“background“]

[iconfont type=“icon-rocket“ size=“4x“ color=“#ea4343″ style=“background“]

[iconfont type=“icon-microphone“ size=“2x“ color=“#be72e9″ style=“outline“]

[one_fifth_last]

[iconfont type=“icon-leaf“ size=“4x“ color=“#20c17f“ style=“outline“]

[iconfont type=“icon-anchor“ size=“2x“ color=“#6d584f“ style=“background“]

[/one_fifth_last][/column_row]

[/horizontalsection]

[spacer size=“medium“]

Buttons

[spacer size=“small“]

Button Button Button Button Button

Mini Button Small Button Medium Button Big Button

[spacer size=“big“]

Lists

[spacer size=“small“]

[column_row]

consectetur adipiscing elit
consectetur adipiscing elit
consectetur adipiscing elit
consectetur adipiscing elit

consectetur adipiscing elit
consectetur adipiscing elit
consectetur adipiscing elit
consectetur adipiscing elit

[one_third_last]

[iconfont type=“icon-search“ size=“normal“ color=“#1a1a1a“ style=“no“] onsectetur adipiscing elit
[iconfont type=“icon-hand-right“ size=“normal“ color=“#1a1a1a“ style=“no“]consectetur adipiscing elit
[iconfont type=“icon-ok“ size=“normal“ color=“#1a1a1a“ style=“no“]consectetur adipiscing elit
[iconfont type=“icon-phone“ size=“normal“ color=“#1a1a1a“ style=“no“]consectetur adipiscing elit

[/one_third_last][/column_row]

[/horizontalsection]

[spacer size=“medium“]

Alerts / Messages

[spacer size=“small“]

Info: This is an info alert

Note: This is a note alert

Confirm: This is a confirm alert

Error: This is an error alert

[spacer size=“big“]

Team Members (3 or 4 columns)

[spacer size=“small“]

[column_row][team_one_third name=“John Smith“ title=“Creative Director“ img=“https://sevenmultimedia.de/wp-content/uploads/2012/11/sample-image-1100×7001.jpg“ fb=“#“ tw=“#“ gl=“#“ li=““ mail=““]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. [/team_one_third][team_one_third name=“Andy Guillot“ title=“Developper“ img=“https://sevenmultimedia.de/wp-content/uploads/2012/11/sample-image-1100×7001.jpg“ fb=“#“ tw=“#“ gl=“#“ li=““ mail=““]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. [/team_one_third][team_one_third_last name=“Jennifer Dofine“ title=“Graphic Designer“ img=“https://sevenmultimedia.de/wp-content/uploads/2012/11/sample-image-1100×7001.jpg“ fb=“#“ tw=“#“ gl=“#“ li=“#“ mail=“#“]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. [/team_one_third_last][/column_row]

[/horizontalsection]

[horizontalsection color=“#15b4dc“ bgimage=““ bgpos=“top left“ bgrepeat=“no-repeat“ textcolor=“text-light“ pdtop=“40″ pdbottom=“40″ border=“no“ bordercolor=““]

This is an horizontal section.

Choose an custom background color or image and an optional border for your different sections.

You can also choose custom top & bottom paddings

[/horizontalsection]

[horizontalsection color=““ bgimage=“https://sevenmultimedia.de/wp-content/uploads/2013/11/bg-a.jpg“ bgpos=“center center“ bgrepeat=“no-repeat“ textcolor=“text-light“ pdtop=“120″ pdbottom=“120″ border=“no“ bordercolor=““]

Another horizontal section with a bigger padding and background image.

[/horizontalsection]