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="row">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<ul>
|
<ul>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Name:</strong> <span>Laura
|
<li><i class="bi bi-chevron-right"></i>
|
||||||
Thomso</span></li>
|
<strong>Name:</strong>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
|
<span>Arnaud Fauconnet</span>
|
||||||
<span>www.example.com</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>
|
||||||
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<ul>
|
<ul>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>30</span>
|
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>30</span>
|
||||||
</li>
|
</li>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong>
|
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
|
||||||
<span>Master</span>
|
Software and Data
|
||||||
|
Engineering </span>
|
||||||
</li>
|
</li>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>PhEmailone:</strong>
|
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
|
||||||
<span>email@example.com</span>
|
<a
|
||||||
</li>
|
href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Freelance:</strong>
|
|
||||||
<span>Available</span>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-n4">
|
<!-- End .content-->
|
||||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
|
||||||
<div class="count-box">
|
<div class="skills-content ps-lg-4">
|
||||||
<i class="bi bi-emoji-smile" style="color: #20b38e;"></i>
|
<div class="progress">
|
||||||
<span data-purecounter-start="0" data-purecounter-end="232"
|
<span class="skill">HTML <i class="val">100%</i></span>
|
||||||
data-purecounter-duration="1" class="purecounter"></span>
|
<div class="progress-bar-wrap">
|
||||||
<p><strong>Happy Clients</strong> consequuntur voluptas nostrum aliquid ipsam
|
<div class="progress-bar" role="progressbar" aria-valuenow="100"
|
||||||
architecto ut.</p>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
<div class="progress">
|
||||||
<div class="count-box">
|
<span class="skill">CSS <i class="val">90%</i></span>
|
||||||
<i class="bi bi-journal-richtextr" style="color: #8a1ac2;"></i>
|
<div class="progress-bar-wrap">
|
||||||
<span data-purecounter-start="0" data-purecounter-end="521"
|
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||||
data-purecounter-duration="1" class="purecounter"></span>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
<p><strong>Projects</strong> adipisci atque cum quia aspernatur totam laudantium
|
|
||||||
et quia dere tan</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 mt-5 d-md-flex align-items-md-stretch">
|
<div class="progress">
|
||||||
<div class="count-box">
|
<span class="skill">JavaScript <i class="val">75%</i></span>
|
||||||
<i class="bi bi-clock" style="color: #2cbdee;"></i>
|
<div class="progress-bar-wrap">
|
||||||
<span data-purecounter-start="0" data-purecounter-end="18"
|
<div class="progress-bar" role="progressbar" aria-valuenow="75"
|
||||||
data-purecounter-duration="1" class="purecounter"></span>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
<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>
|
</div>
|
||||||
</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>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section><!-- End About Me Section -->
|
</section><!-- End About Me Section -->
|
||||||
|
|
||||||
<!-- ======= My Resume Section ======= -->
|
<!-- ======= My Resume Section ======= -->
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user