<div class="card mb-4" id="skills-sec">
	<div class="card-content">
		{{{preLoader}}}
		<div class="card-header d-flex justify-content-between align-items-center">
			<h3 class="card-title">Skills</h3>
		</div>
		<div class="card-data">
			<div class="prograss-bar">
				<span class="label fw-bold d-block mb-2">Html</span>
				<div class="progress" style="height:5px;">
					<div class="determinate" style="width: 20%; height:inherit;"></div>
				</div>
			</div>
			<div class="prograss-bar">
				<span class="label fw-bold d-block mb-2">Css3</span>
				<div class="progress" style="height:5px;">
					<div class="determinate" style="width: 90%; height:inherit;"></div>
				</div>
			</div>
			<div class="prograss-bar">
				<span class="label fw-bold d-block mb-2">Photoshop</span>
				<div class="progress" style="height:5px;">
					<div class="determinate" style="width: 30%; height:inherit;"></div>
				</div>
			</div>
			<div class="prograss-bar">
				<span class="label fw-bold d-block mb-2">Javascript</span>
				<div class="progress" style="height:5px;">
					<div class="determinate" style="width: 75%; height:inherit;"></div>
				</div>
			</div>
		</div>
	</div>
</div>