Tabs & Accordion

[devider size=”mini” thickness=”1px” ]

[column_row][one_half]

[tabs title=”FIRST,SECOND,THIRD,”][tab id=”1″]Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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.[/tab][tab id=”2″]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.[/tab][tab id=”3″] First Second Third Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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. [/tab][/tabs]

[/one_half][one_half_last]

[accordiongroup][accordion title=”First Accordion” 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][accordion title=”Second Accordion” 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=”Third Accordion” 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][/accordiongroup]

[/one_half_last][/column_row]

[spacer size=”big”]

Alerts & Skills

[devider size=”mini” thickness=”1px” ]

[column_row][one_third]

[alert color=info]Info: This is an info alert [/alert]

[alert color=note]Note: This is an note alert [/alert]

[alert color=confirm]Confirm: This is an confirm alert [/alert]

[alert color=error]Error: This is an error alert [/alert]

[/one_third][two_third_last]

[skill amount=”88″ name=”Photoshop” color=””][skill amount=”97″ name=”Html & Css” color=””][skill amount=”59″ name=”Illustrator” color=””][skill amount=”42″ name=”Indesign” color=””]

[/two_third_last][/column_row]

[spacer size=”big”]

List Elements

[devider size=”mini” thickness=”1px” ]

[column_row][one_third]

  • Default list style
  • Default list style
  • Default list style
  • Default list style

[/one_third][one_third]

  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
  • [iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon

[/one_third][one_third_last]

  • [iconfont type=”fa-book” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-cloud-download” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-headphones” size=”normal” color=””]List style with custom icon
  • [iconfont type=”fa-bell-o” size=”normal” color=””]List style with custom icon

[/one_third_last][/column_row]

[spacer size=”big”]

Animated Elements

[devider size=”mini” thickness=”1px” ]

[column_row][one_fourth animation=”frombottom” delay=”200″]

I came from the BOTTOM

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromtop” delay=”200″]

I came from the TOP

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromleft” delay=”200″]

I came from the LEFT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth_last animation=”fromright” delay=”200″]

I came from the RIGHT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth_last][/column_row]

[column_row][one_third animation=”fadein” delay=”200″]

I just FADED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third animation=”zoomin” delay=”200″]

I just ZOOMED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third_last animation=”zoomout” delay=”200″]

I just ZOOMED OUT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third_last][/column_row]

[spacer size=”big”]

Testimonial Slider

[devider size=”mini” thickness=”1px” ]

[quoteslider][quote name=”Paula Sher”]It’s through mistakes that you actually can grow. You have to get bad in order to get good.[/quote][quote name=”Antoine de Saint-Exupéry”]A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.[/quote][quote name=”Saul Bass”]I want to make beautiful things, even if nobody cares, as opposed to ugly things. That’s my intent.[/quote][/quoteslider]

[spacer size=”big”]

Retina Icons

[devider size=”mini” thickness=”1px” ]

[column_row][one_fifth]

[iconfont type=”fa-camera” size=”4x” color=””]

[/one_fifth][one_fifth]

[iconfont type=”fa-leaf” size=”4x” color=”#4da5f5″]

[/one_fifth][one_fifth]

[iconfont type=”fa-bell” size=”4x” color=””]

[/one_fifth][one_fifth]

[iconfont type=”fa-bolt” size=”4x” color=”#4da5f5″]

[/one_fifth][one_fifth_last]

[iconfont type=”fa-gamepad” size=”4x” color=””]

[/one_fifth_last][/column_row]

And Much More …

 

[spacer size=”big”]

Counter

[devider size=”mini” thickness=”1px” ]

[column_row][one_fourth]

[iconfont type=”fa-check-square-o” size=”3x” color=””]

[counter from=”0″ to=237 speed=12 sub=”Projects Completed”]

[/one_fourth][one_fourth]

[iconfont type=”fa-coffee” size=”3x” color=””]

[counter from=”0″ to=21589 speed=831 sub=”Cups Consumed”]

[/one_fourth][one_fourth]

[iconfont type=”fa-thumbs-o-up” size=”3x” color=””]

[counter from=”0″ to=118 speed=9 sub=”Satisfied Clients”]

[/one_fourth][one_fourth_last]

[iconfont type=”fa-cutlery” size=”3x” color=””]

[counter from=”0″ to=667 speed=31 sub=”Pizza’s ordered”]

[/one_fourth_last][/column_row]