[highlight style=”default”][highlighttext title=”Tabs & Accordion” titlesize=”h2″ subtitle=””][/highlighttext][/highlight]

[one_half][tabs title=”Sample Tab 1,Sample Tab 2,Sample Tab 3,”][tab id=”1″]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. [/tab][tab id=”2″]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. [/tab][tab id=”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. [/tab][/tabs][/one_half]

[one_half_last][accordiongroup][accordion title=”Accordion Title one” size=”small” open=”no”]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.[/accordion][accordion title=”Accordion Title two” size=”small” open=”no”]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.[/accordion][accordion title=”Accordion Title three” size=”small” open=”yes”]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.[/accordion][/accordiongroup][/one_half_last]

[highlight style=”default”][highlighttext title=”Buttons” titlesize=”h2″ subtitle=”Choose between 3 Sizes (Small,Medium,Big)”][/highlighttext][/highlight]

[button color=default-button1 url=”#” size=”small-button” target=”_self”]Theme button[/button] [button color=default-button2 url=”#” size=”small-button” target=”_self”]Theme button[/button] [button color=default-button3 url=”#” size=”small-button” target=”_self”]Theme button[/button] [button color=default-button4 url=”#” size=”small-button” target=”_self”]Theme button[/button] [button color=default-button5 url=”#” size=”small-button” target=”_self”]Theme button[/button]

 [seperator title=”Sizes” size=”h4″ subtitle=”” subsize=”h1″ link=””]

[button color=default-button4 url=”#” size=”small-button” target=”_self”]Small Button[/button] [button color=default-button4 url=”#” size=”medium-button” target=”_self”]Medium  Button[/button] [button color=default-button4 url=”#” size=”big-button” target=”_self”]Big Button[/button]

 

 

[highlight style=”default”][highlighttext title=”Alerts & Skills” titlesize=”h2″ subtitle=””][/highlighttext][/highlight]

[one_half][alert color=info close=no]Info: This is an info alert [/alert][alert color=note close=no]Note: This is a note alert[/alert][alert color=confirm close=no]Confirm: This is a confirm alert[/alert][alert color=error close=no]Error: This is an error alert[/alert][/one_half]

[one_half_last][skill amount=”55″ name=”Indesign” color=””][skill amount=”68″ name=”Illustrator” color=””][skill amount=”80″ name=”Photoshop” color=””][/one_half_last]

[highlight style=”default”][highlighttext title=”Gallery” titlesize=”h2″ subtitle=””][/highlighttext][/highlight]

[sr_customgallery id=”592″ columns=”5″ carousel=”yes”]

[highlight style=”default”][highlighttext title=”Icons” titlesize=”h2″ subtitle=”Pick your icons from the Shortcode generator in 6 different sizes and custom colors”][/highlighttext][/highlight]

[iconfont type=”icon-camera” size=”normal” color=”#000000″] [iconfont type=”icon-camera” size=”2x” color=”#000000″] [iconfont type=”icon-camera” size=”3x” color=”#000000″] [iconfont type=”icon-camera” size=”4x” color=”#000000″] [iconfont type=”icon-camera” size=”5x” color=”#000000″] [iconfont type=”icon-camera” size=”6x” color=”#000000″] [iconfont type=”icon-headphones” size=”6x” color=”#000000″] [iconfont type=”icon-headphones” size=”5x” color=”#000000″] [iconfont type=”icon-headphones” size=”4x” color=”#000000″] [iconfont type=”icon-headphones” size=”3x” color=”#000000″] [iconfont type=”icon-headphones” size=”2x” color=”#000000″] [iconfont type=”icon-headphones” size=”normal” color=”#000000″]

[iconfont type=”icon-camera” size=”4x” color=”#e67741″] [iconfont type=”icon-camera” size=”4x” color=”#53ae7a”] [iconfont type=”icon-camera” size=”4x” color=”#54b4e6″] [iconfont type=”icon-camera” size=”4x” color=”#da3f3f”]

[seperator title=”Use the icons for unordered lists” size=”h4″ subtitle=”” subsize=”h1″ link=””]

  • [iconfont type=”icon-time” size=”normal” color=”#53ae7a”] Lorem ipsum dolor sit
  • [iconfont type=”icon-headphones” size=”normal” color=”#54b4e6″] Curabitur lectus nun
  • [iconfont type=”icon-ok” size=”normal” color=”#da3f3f”] Posuere feugiat risus

 

 

[highlight style=”default”][highlighttext title=”Columns” titlesize=”h2″ subtitle=””][/highlighttext][/highlight]

[one_half]

Column 1/2

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. [/one_half]

[one_half_last]

Column 1/2

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. [/one_half_last]

[one_third]

Column 1/3

Duis autem vel eum iriure dolor in hendrerit in  molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio . [/one_third]

[two_third_last]

Column 2/3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. [/two_third_last]

[one_third]

Column 1/3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio . [/one_third]

[one_third]

Column 1/3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio . [/one_third]

[one_third_last]

Column 1/3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio . [/one_third_last]

[one_fourth]

Column 1/4

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio . [/one_fourth]

[three_fourth_last]

Column 3/4

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. [/three_fourth_last]

[one_fifth]

Column 1/5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla et iusto odio[/one_fifth]

[one_fifth]

Column 1/5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla et iusto odio[/one_fifth]

[one_fifth]

Column 1/5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla et iusto odio[/one_fifth]

[one_fifth]

Column 1/5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla et iusto odio[/one_fifth]

[one_fifth_last]

Column 1/5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla et iusto odio[/one_fifth_last]