Shortcodes

[heading subtitle=”Progress Bar”] [/heading]
[bar_graph] [bar title=”HTML 5″ percent=”65″ color=”undefined” id=”b1″] [bar title=”CSS -3″ percent=”90″ color=”undefined” id=”b2″] [bar title=”JQUERY” percent=”45″ color=”undefined” id=”b3″] [bar title=”PHP” percent=”75″ color=”undefined” id=”b1″] [/bar_graph]

[heading subtitle=”Buttons”] [/heading]
[button open_new_tab=”true” size=”small” url=”#” text=”Small” color_override=”” image=”fa fa-glass selected”]
[button open_new_tab=”true” size=”medium” url=”#” text=”Medium” color_override=”” image=”fa fa-user selected”]
[button open_new_tab=”true” size=”large” url=”#” text=”Large” color_override=”” image=”fa fa-play-circle-o selected”]
[button open_new_tab=”true” size=”jumbo” url=”#” text=”Jumbo” color_override=”” image=”fa fa-link selected”]
[button open_new_tab=”true” size=”extra_jumbo” url=”#” text=”Extra Jumbo” color_override=”” image=”fa fa-plane selected”]

[heading subtitle=”Accordion”] [/heading][toggles accordion=”true”]
[toggle title=”Title-1″ id=”b1″] Etiam ex turpis, accumsan et volutpat eget, ornare sit amet magna. Phasellus tincidunt condimentum gravida. Suspendisse porttitor, risus ac consectetur ultricies, turpis leo tincidunt dui, eget volutpat lectus felis et nibh. Aenean nulla magna, congue mollis urna tristique, congue feugiat arcu. Aenean ullamcorper pharetra sapien, eget egestas lorem. Nullam in tempus enim. Aliquam vulputate quam in lorem ullamcorper pellentesque. Cras mauris sapien, mollis a sollicitudin sit amet, convallis non diam. Phasellus sagittis tristique feugiat. [/toggle]
[toggle title=”Title-2″ id=”b2″] Etiam ex turpis, accumsan et volutpat eget, ornare sit amet magna. Phasellus tincidunt condimentum gravida. Suspendisse porttitor, risus ac consectetur ultricies, turpis leo tincidunt dui, eget volutpat lectus felis et nibh. Aenean nulla magna, congue mollis urna tristique, congue feugiat arcu. Aenean ullamcorper pharetra sapien, eget egestas lorem. Nullam in tempus enim. Aliquam vulputate quam in lorem ullamcorper pellentesque. Cras mauris sapien, mollis a sollicitudin sit amet, convallis non diam. Phasellus sagittis tristique feugiat. Ut aliquet id felis elementum tristique. Morbi non dictum enim. [/toggle]
[toggle title=”Title-3″ id=”b3″] Etiam ex turpis, accumsan et volutpat eget, ornare sit amet magna. Phasellus tincidunt condimentum gravida. Suspendisse porttitor, risus ac consectetur ultricies, turpis leo tincidunt dui, eget volutpat lectus felis et nibh. Aenean nulla magna, congue mollis urna tristique, congue feugiat arcu. Aenean ullamcorper pharetra sapien, eget egestas lorem. Nullam in tempus enim. Aliquam vulputate quam in lorem ullamcorper pellentesque. Cras mauris sapien, mollis a sollicitudin sit amet, convallis non diam. Phasellus sagittis tristique feugiat. Ut aliquet id felis elementum tristique. Morbi non dictum enim. [/toggle]
[toggle title=”Title-4 ” id=”b4″] Etiam ex turpis, accumsan et volutpat eget, ornare sit amet magna. Phasellus tincidunt condimentum gravida. Suspendisse porttitor, risus ac consectetur ultricies, turpis leo tincidunt dui, eget volutpat lectus felis et nibh. Aenean nulla magna, congue mollis urna tristique, congue feugiat arcu. Aenean ullamcorper pharetra sapien, eget egestas lorem. Nullam in tempus enim. Aliquam vulputate quam in lorem ullamcorper pellentesque. Cras mauris sapien, mollis a sollicitudin sit amet, convallis non diam. Phasellus sagittis tristique feugiat. Ut aliquet id felis elementum tristique. Morbi non dictum enim. [/toggle] [/toggles]
 

[heading subtitle=”Tab”] [/heading][toggles accordion=”true”]
[tabbed_section] [tab title=”HTML” id=”t1″] Etiam laoreet venenatis ex et faucibus. Quisque ullamcorper mollis finibus. Morbi dapibus ullamcorper porta. Fusce ac lorem et arcu consectetur egestas at ac sem. Mauris suscipit convallis felis id consectetur. Nulla viverra ornare tortor ac tincidunt. Vestibulum et lacus dignissim, consequat nisi a, tempor ante. Duis vel massa ac risus sagittis ultrices. Aliquam facilisis eu urna malesuada rutrum. Suspendisse molestie luctus cursus. Nulla et nisl et nibh malesuada feugiat. [/tab] [tab title=”CSS” id=”t2″] Etiam laoreet venenatis ex et faucibus. Quisque ullamcorper mollis finibus. Morbi dapibus ullamcorper porta. Fusce ac lorem et arcu consectetur egestas at ac sem. Mauris suscipit convallis felis id consectetur. Nulla viverra ornare tortor ac tincidunt. Vestibulum et lacus dignissim, consequat nisi a, tempor ante. Duis vel massa ac risus sagittis ultrices. Aliquam facilisis eu urna malesuada rutrum. Suspendisse molestie luctus cursus. Nulla et nisl et nibh malesuada feugiat. [/tab] [tab title=”JAVASCRIPT” id=”t3″] Etiam laoreet venenatis ex et faucibus. Quisque ullamcorper mollis finibus. Morbi dapibus ullamcorper porta. Fusce ac lorem et arcu consectetur egestas at ac sem. Mauris suscipit convallis felis id consectetur. Nulla viverra ornare tortor ac tincidunt. Vestibulum et lacus dignissim, consequat nisi a, tempor ante. Duis vel massa ac risus sagittis ultrices. Aliquam facilisis eu urna malesuada rutrum. Suspendisse molestie luctus cursus. Nulla et nisl et nibh malesuada feugiat. [/tab] [tab title=”BOOTSTRAP” id=”t4″] Etiam laoreet venenatis ex et faucibus. Quisque ullamcorper mollis finibus. Morbi dapibus ullamcorper porta. Fusce ac lorem et arcu consectetur egestas at ac sem. Mauris suscipit convallis felis id consectetur. Nulla viverra ornare tortor ac tincidunt. Vestibulum et lacus dignissim, consequat nisi a, tempor ante. Duis vel massa ac risus sagittis ultrices. Aliquam facilisis eu urna malesuada rutrum. Suspendisse molestie luctus cursus. Nulla et nisl et nibh malesuada feugiat. [/tab] [/tabbed_section]
 

[heading subtitle=”Timeline”] [/heading][toggles accordion=”true”]
[timelines] [timeline title=”The lonely world” date=”14″ month=”August” year=”2017″ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [/timeline] [timeline title=”The creation begins here” date=”25″ month=”Sep” year=”2017″ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui [/timeline] [timeline title=”The unknown path city” date=”19″ month=”Nov” year=”2017″ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.. [/timeline] [timeline title=”The art of tatoos” date=”07″ month=”12″ year=”2017″ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.. [/timeline] [/timelines]