[section]
[header paddingbottom=”40″] Progress bar [/header]
[column width=”12″]
[progress_bar title=”Photography” value=”75″]
[progress_bar title=”Photoshop” value=”40″]
[progress_bar title=”Fireworks” value=”10″]
[progress_bar title=”PHP” value=”65″]
[progress_bar title=”Graphic design” value=”55″]
[progress_bar title=”Copywritng” value=”30″]
[progress_bar title=”Marketing” value=”25″]
[progress_bar title=”Illustration” value=”23″]
[progress_bar title=”Videography” value=”28″]
[/column]
[/section]
[section background=”light” border=”lineshadow”]
[header paddingbottom=”40″] Circular progress bar[/header]
[column width=”3″ delay=”0″ animation=”fade-in”]
[progress_bar title=”Design and Aesthetics.” type=”circular” value=”94″ icon=”fa-eye”]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[progress_bar title=”Creativity.” type=”circular” value=”90″ icon=”fa-lightbulb-o”]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[progress_bar title=”Multi-purpose flexibility.” type=”circular” value=”60″ icon=”fa-sitemap”]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[progress_bar title=”Support and documentation.” type=”circular” value=”85″ icon=”fa-smile-o”]
[/column]
[/section]
[section paddingtop=”30″ paddingbottom=”35″]
[header paddingbottom=”40″] Count[/header]
[column width=”3″ delay=”0″ animation=”fade-in”]
[count from=”0″ to=”402003″ speed=”1000″ icon=”fa-code-fork” icondelay=”0″ iconanimation=”0″ iconanimation=”pull-up” textanimation=”move-up-short”]
Pixels curated.
[/count]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[count from=”0″ to=”2003″ speed=”1400″ icon=”fa-coffee” icondelay=”400″ iconanimation=”400″ iconanimation=”pull-up” textanimation=”move-up-short”]
Cups of green tea consumed.
[/count]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[count from=”0″ to=”92003″ speed=”1800″ icon=”fa-pencil” icondelay=”800″ iconanimation=”800″ iconanimation=”pull-up” textanimation=”move-up-short”]
Lines of code written.
[/count]
[/column]
[column width=”3″ delay=”0″ animation=”fade-in”]
[count from=”0″ to=”643″ speed=”2200″ icon=”fa-map-marker” icondelay=”1200″ iconanimation=”1200″ iconanimation=”pull-up” textanimation=”move-up-short”]
locations covered.
[/count]
[/column]
[/section]