English
French
German
Style 1
Web Development
Web Hosting
UI/UX Design
Branding
Mobile App
Digital Marketing
<div class="section-title">
<h2 class="mb-5">Style 1</h2>
</div>
<div class="row mb-6">
<div class="col-md-6">
<div class="skill">
<div class="skill-wrap">
<div class="skill-item">
<h6>Web Development</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"><span class="skill-percent">85%</span></div>
</div>
</div>
<div class="skill-item">
<h6>Web Hosting</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:70%"><span class="skill-percent">90%</span></div>
</div>
</div>
<div class="skill-item">
<h6>UI/UX Design</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"><span class="skill-percent">85%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="skill">
<div class="skill-wrap">
<div class="skill-item">
<h6>Branding</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"><span class="skill-percent">95%</span></div>
</div>
</div>
<div class="skill-item">
<h6>Mobile App</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:70%"><span class="skill-percent">85%</span></div>
</div>
</div>
<div class="skill-item">
<h6>Digital Marketing</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"><span class="skill-percent">95%</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
Style 2
Development
Hosting
UI Design
Branding
Mobile App
Marketing
<div class="section-title">
<h2 class="mb-5">Style 2</h2>
</div>
<div class="row mb-6">
<div class="col-md-6">
<div class="skill skill-type-2">
<div class="skill-wrap">
<div class="skill-item d-flex align-items-center">
<h6>Development</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"><span class="skill-percent">85%</span></div>
</div>
</div>
<div class="skill-item d-flex align-items-center">
<h6>Hosting</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:70%"><span class="skill-percent">90%</span></div>
</div>
</div>
<div class="skill-item d-flex align-items-center">
<h6>UI Design</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"><span class="skill-percent">85%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="skill skill-type-2">
<div class="skill-wrap">
<div class="skill-item d-flex align-items-center">
<h6>Branding</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"><span class="skill-percent">95%</span></div>
</div>
</div>
<div class="skill-item d-flex align-items-center">
<h6>Mobile App</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:70%"><span class="skill-percent">85%</span></div>
</div>
</div>
<div class="skill-item d-flex align-items-center">
<h6>Marketing</h6>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"><span class="skill-percent">95%</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
Style 3
Web Development
85%
Web Hosting
90%
UI/UX Design
85%
Branding
95%
Mobile App
85%
Digital Marketing
95%
<div class="section-title">
<h2 class="mb-5">Style 3</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="skill skill-type-3">
<div class="skill-wrap">
<div class="skill-item">
<h6>Web Development</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">85%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"> </div>
</div>
</div>
</div>
<div class="skill-item">
<h6>Web Hosting</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">90%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:90%"> </div>
</div>
</div>
</div>
<div class="skill-item">
<h6>UI/UX Design</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">85%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="skill skill-type-3">
<div class="skill-wrap">
<div class="skill-item">
<h6>Branding</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">95%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:95%"> </div>
</div>
</div>
</div>
<div class="skill-item">
<h6>Mobile App</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">85%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="85" class="progress-bar wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1s" role="progressbar" style="width:85%"> </div>
</div>
</div>
</div>
<div class="skill-item">
<h6>Digital Marketing</h6>
<div class="skill-item-inner d-flex align-items-center justify-content-between"><span class="skill-percent">95%</span>
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="95" class="progress-bar wow fadeInLeft" data-wow-delay=".6s" data-wow-duration="1s" role="progressbar" style="width:90%"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>