Accordion Style With Icon

[accordion_item active=”yes” icon=”fa-expand” title=”100% Responsive Design” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/accordion_item]

[accordion_item active=”no” icon=”fa-mobile” title=”All Mobile & Tablets Compatibly” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/accordion_item]

[accordion_item active=”no” icon=”fa-users” title=”Advanced Events Management System” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/accordion_item]

Toggle Style With Icon

[toggle active=”yes” icon=”fa-expand” title=”100% Responsive Design” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/toggle]

[toggle active=”no” icon=”fa-expand” title=”100% Responsive Design” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/toggle]

[toggle active=”no” icon=”fa-expand” title=”100% Responsive Design” accordion=”accordion”]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.[/toggle]

Tabs Vertical Style

[tab style=”vertical”] [tab_item active=”yes” icon=”fa-expand” title=”Morbi tristique” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-mobile” title=”Tristique pretium” tabs=”tabs”]Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-users” title=”Adipiscing luctus” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-mobile” title=”Tristique pretium” tabs=”tabs”]Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-users” title=”Adipiscing luctus” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[/tab]

Tabs horizontal style

[tab style=”horizontal”] [tab_item active=”yes” icon=”fa-expand” title=”Morbi tristique” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-mobile” title=”Tristique pretium” tabs=”tabs”]Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis ultricies velit at pharetra. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[tab_item active=”no” icon=”fa-users” title=”Adipiscing luctus” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra.[/tab_item]
[/tab]

Team

[team-sec]
[team name=”JOHN DOE” job=”Chife Excutive Officer” email=”jhondoe@abc.com” image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg”]
[content]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu mi ante, vitae fringilla mauris. Sed dignissim lacus nec orci gravida lacinia.[/content]
[social_links]
[social link=”http://www.facebook.com” target=”_blank” icon=”fa-facebook-square” tabs=”tabs”]
[social link=”http://www.twitter.com” target=”_blank” icon=”fa-twitter-square” tabs=”tabs”]
[social link=”http://www.instagram.com” target=”_blank” icon=”fa-instagram” tabs=”tabs”]
[social link=”http://www.plus.google.com” target=”_blank” icon=”fa-google-plus-square” tabs=”tabs”]
[social link=”http://www.youtube.com” target=”_blank” icon=”fa-youtube-square” tabs=”tabs”]
[/social_links]
[/team]
[team name=”JOHN DOE” job=”Chife Excutive Officer” email=”jhondoe@abc.com” image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg”]
[content]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu mi ante, vitae fringilla mauris. Sed dignissim lacus nec orci gravida lacinia.[/content]
[social_links]
[social link=”http://www.facebook.com” target=”_blank” icon=”fa-facebook-square” tabs=”tabs”]
[social link=”http://www.twitter.com” target=”_blank” icon=”fa-twitter-square” tabs=”tabs”]
[social link=”http://www.instagram.com” target=”_blank” icon=”fa-instagram” tabs=”tabs”]
[social link=”http://www.plus.google.com” target=”_blank” icon=”fa-google-plus-square” tabs=”tabs”]
[social link=”http://www.youtube.com” target=”_blank” icon=”fa-youtube-square” tabs=”tabs”]
[/social_links]
[/team]
[team name=”JOHN DOE” job=”Chife Excutive Officer” email=”jhondoe@abc.com” image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg”]
[content]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu mi ante, vitae fringilla mauris. Sed dignissim lacus nec orci gravida lacinia.[/content]
[social_links]
[social link=”http://www.facebook.com” target=”_blank” icon=”fa-facebook-square” tabs=”tabs”]
[social link=”http://www.twitter.com” target=”_blank” icon=”fa-twitter-square” tabs=”tabs”]
[social link=”http://www.instagram.com” target=”_blank” icon=”fa-instagram” tabs=”tabs”]
[social link=”http://www.plus.google.com” target=”_blank” icon=”fa-google-plus-square” tabs=”tabs”]
[social link=”http://www.youtube.com” target=”_blank” icon=”fa-youtube-square” tabs=”tabs”]
[/social_links]
[/team]
[team name=”JOHN DOE” job=”Chife Excutive Officer” email=”jhondoe@abc.com” image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg”]
[content]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu mi ante, vitae fringilla mauris. Sed dignissim lacus nec orci gravida lacinia.[/content]
[social_links]
[social link=”http://www.facebook.com” target=”_blank” icon=”fa-facebook-square” tabs=”tabs”]
[social link=”http://www.twitter.com” target=”_blank” icon=”fa-twitter-square” tabs=”tabs”]
[social link=”http://www.instagram.com” target=”_blank” icon=”fa-instagram” tabs=”tabs”]
[social link=”http://www.plus.google.com” target=”_blank” icon=”fa-google-plus-square” tabs=”tabs”]
[social link=”http://www.youtube.com” target=”_blank” icon=”fa-youtube-square” tabs=”tabs”]
[/social_links]
[/team]
[/team-sec]

Testimonial Style

[testimonials]
[testimonial_item time=”22 August 2013″ image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg” name=”MIKE ANDERSON” testimonial=”testimonial”]Donec massa orci, accumsan et eleifend ut, ultrices sit amet lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere eleifend ut, ultrices sit amet lacus. Vestibulum ante ipsum primis cubilia Curae; Sed blandit congue velit[/testimonial_item]

[testimonial_item time=”22 August 2013″ image=”http://www.thegaragedsm.com/wp-content/uploads/2014/01/Chimp-250×350.jpg” name=”Alex Miller” testimonial=”testimonial”]Donec massa orci, accumsan et eleifend ut, ultrices sit amet lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere eleifend ut, ultrices sit amet lacus. Vestibulum ante ipsum primis cubilia Curae; Sed blandit congue velit[/testimonial_item]

[/testimonials]

Dropcap Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Heading Styles

[heading size=”1″ color=”#000″]H1 tag header[/heading]

Lorem ipsum dolor sit amet consectetur Nam porttitor suscipit blandit.

[heading size=”2″ color=”#000″]H2 tag header[/heading]

Lorem ipsum dolor sit amet consectetur Nam porttitor suscipit blandit.

[heading size=”3″ color=”#000″]H3 tag header[/heading]

Lorem ipsum dolor sit amet consectetur Nam porttitor suscipit blandit.

[heading size=”4″ color=”#000″]H4 tag header[/heading]

Lorem ipsum dolor sit amet, consectetur adipiscing nec nunc vel magna venenatis.

[heading size=”5″ color=”#000″]H5 tag header[/heading]

Lorem ipsum dolor sit amet consectetur Nam porttitor suscipit blandit.

[heading size=”6″ color=”#000″]H6 tag header[/heading]

Lorem ipsum dolor sit amet consectetur Nam porttitor suscipit blandit.

Divider Style

Divider 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Divider 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Divider 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Divider 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Divider 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitorLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.

Message Box Style

[message_box align=”left” icon=”” close=”yes” color=”#000″ background=”#fff” border_color=”#cacaca” box_shadow_color=”” title=”Nulla adipiscing ipsum sit amet”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.[/message_box]

[message_box align=”right” icon=”” close=”yes” color=”#000″ background=”#fff” border_color=”#cacaca” box_shadow_color=”” title=”Nulla adipiscing ipsum sit amet”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.[/message_box]

[message_box align=”left” icon=”fa-heart” close=”yes” color=”#000″ background=”#fff” border_color=”#cacaca” box_shadow_color=”” title=”Nulla adipiscing ipsum sit amet”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.
Button Style

[/message_box]

[message_box align=”center” icon=”fa-heart” close=”yes” color=”#000″ background=”#fff” border_color=”#cacaca” box_shadow_color=”” title=”Nulla adipiscing ipsum sit amet”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.
Button Style [/message_box]
[message_box style=”2″ align=”left” icon=”fa-heart” close=”yes” color=”#999999″ background=”#fff” border_color=”#cacaca” box_shadow_color=”” title=”Nulla adipiscing ipsum sit amet”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio.

[/message_box]

[message_box style=”3″ align=”left” icon=”fa-info-circle” close=”yes” color=”#FFFFFF” background=”#D9675D” border_color=”#B14E50″]This is an info box. Many people tell me i’m handsome.[/message_box]

[message_box style=”3″ align=”left” icon=”fa-check” close=”yes” color=”#FFFFFF” background=”#5BC3A2″ border_color=”#4A8A10″]This is an info box. Many people tell me i’m handsome.[/message_box]

[message_box style=”3″ align=”left” icon=”fa-warning” close=”yes” color=”#FFFFFF” background=”#FED16C” border_color=”#B3A231″ ]This is an info box. Many people tell me i’m handsome.[/message_box]

[message_box style=”3″ align=”left” icon=”fa-times-circle” close=”yes” color=”#FFFFFF” background=”#6FB1C7″ border_color=”#3166A8″ ]This is an info box. Many people tell me i’m handsome.[/message_box]

Qoute Style

[quote align=”left” color=”#666″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies.[/quote]

Table Style

[table color=”#FF3F00″][thead]
[tr]
[th]SN[/th]
[th]Text[/th]
[th]Shortcode[/th][/tr]
[/thead]
[tbody]
[tr]
[td]1[/td]
[td]Lorem ipsum dolor sit amet Maecenas luctus nisi[/td]
[td][lorem ipsum=”yes”]Dolor sit amet[/lorem][/td]
[/tr][tr]
[td]2[/td]
[td]Consectetur adipiscing elit[/td]
[td][lorem ipsum=”yes”]Dolor sit amet[/lorem][/td]
[/tr]

[/tbody]
[/table]

Vimeo Video Style

[video-item url=”http://vimeo.com/12537740″ width=”800″ height=”225″][/video-item]