updated the about me section
This commit is contained in:
Karma Riuk
parent
7542e1a3ed
commit
8a4e51dd28
110
index.html
110
index.html
@ -91,106 +91,66 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<ul>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Name:</strong> <span>Laura
|
||||
Thomso</span></li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
|
||||
<span>www.example.com</span>
|
||||
<li><i class="bi bi-chevron-right"></i>
|
||||
<strong>Name:</strong>
|
||||
<span>Arnaud Fauconnet</span>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
|
||||
<a href="https://karma-riuk.com">karma-riuk.com</a>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i>
|
||||
<strong>City:</strong>
|
||||
<span>Lugano, CH</span>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Phone:</strong> <span>+123 456
|
||||
7890</span></li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>City:</strong> <span>New York,
|
||||
USA</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>30</span>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong>
|
||||
<span>Master</span>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
|
||||
Software and Data
|
||||
Engineering </span>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>PhEmailone:</strong>
|
||||
<span>email@example.com</span>
|
||||
</li>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Freelance:</strong>
|
||||
<span>Available</span>
|
||||
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
|
||||
<a
|
||||
href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-n4">
|
||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
||||
<div class="count-box">
|
||||
<i class="bi bi-emoji-smile" style="color: #20b38e;"></i>
|
||||
<span data-purecounter-start="0" data-purecounter-end="232"
|
||||
data-purecounter-duration="1" class="purecounter"></span>
|
||||
<p><strong>Happy Clients</strong> consequuntur voluptas nostrum aliquid ipsam
|
||||
architecto ut.</p>
|
||||
<!-- End .content-->
|
||||
|
||||
<div class="skills-content ps-lg-4">
|
||||
<div class="progress">
|
||||
<span class="skill">HTML <i class="val">100%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="100"
|
||||
aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
||||
<div class="count-box">
|
||||
<i class="bi bi-journal-richtextr" style="color: #8a1ac2;"></i>
|
||||
<span data-purecounter-start="0" data-purecounter-end="521"
|
||||
data-purecounter-duration="1" class="purecounter"></span>
|
||||
<p><strong>Projects</strong> adipisci atque cum quia aspernatur totam laudantium
|
||||
et quia dere tan</p>
|
||||
<div class="progress">
|
||||
<span class="skill">CSS <i class="val">90%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||
aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
||||
<div class="count-box">
|
||||
<i class="bi bi-clock" style="color: #2cbdee;"></i>
|
||||
<span data-purecounter-start="0" data-purecounter-end="18"
|
||||
data-purecounter-duration="1" class="purecounter"></span>
|
||||
<p><strong>Years of experience</strong> aut commodi quaerat modi aliquam nam
|
||||
ducimus aut voluptate non vel</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
||||
<div class="count-box">
|
||||
<i class="bi bi-award" style="color: #ffb459;"></i>
|
||||
<span data-purecounter-start="0" data-purecounter-end="16"
|
||||
data-purecounter-duration="1" class="purecounter"></span>
|
||||
<p><strong>Awards</strong> rerum asperiores dolor alias quo reprehenderit eum et
|
||||
nemo pad der</p>
|
||||
<div class="progress">
|
||||
<span class="skill">JavaScript <i class="val">75%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="75"
|
||||
aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End .content-->
|
||||
|
||||
<div class="skills-content ps-lg-4">
|
||||
<div class="progress">
|
||||
<span class="skill">HTML <i class="val">100%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress">
|
||||
<span class="skill">CSS <i class="val">90%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress">
|
||||
<span class="skill">JavaScript <i class="val">75%</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End About Me Section -->
|
||||
|
||||
<!-- ======= My Resume Section ======= -->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user