How to display skills?


Whatever your powerful skills are, use this component to illustrate them.

<div class="skills-block">
	<ul class="skills-list">
		<li class="skills-list-item js-skill-item" data-progress="[Percentage - example: 80]">
			<h4 class="skill-title"> [Skill Title] </h4>
			<p class="skill-percent"> [Skill Percentage] </p>
			<p class="skill-experience"> [Years of Experience] </p>
			<div class="skill-progress">
				<div class="skill-progress-bar js-skill-progress"></div>
			</div>
		</li>
		<li class="skills-list-item js-skill-item" data-progress="[Percentage - example: 80]">
			<h4 class="skill-title"> [Skill Title] </h4>
			<p class="skill-percent"> [Skill Percentage] </p>
			<p class="skill-experience"> [Years of Experience] </p>
			<div class="skill-progress">
				<div class="skill-progress-bar js-skill-progress"></div>
			</div>
		</li>
	</ul>
</div>

Last update:
2015-09-30 16:05
Author:
Cristina Cavruc
Revision:
1.0
Average rating:0 (0 Votes)