GEREKLİ HTML KODLARI
<!-- section about -->
<section id="about">
<div class="container">
<!-- section title -->
<h2 class="section-title wow fadeInUp">About Me</h2>
<div class="spacer" data-height="60"></div>
<div class="row">
<div class="col-md-3">
<div class="text-center text-md-left">
<!-- avatar image -->
<img src="images/avatar-2.svg" alt="Bolby" />
</div>
<div class="spacer d-md-none d-lg-none" data-height="30"></div>
</div>
<div class="col-md-9 triangle-left-md triangle-top-sm">
<div class="rounded bg-white shadow-dark padding-30">
<div class="row">
<div class="col-md-6">
<!-- about text -->
<p>I am Bolby Doe, web developer from London, United Kingdom. I have rich experience in web site design and building and customization, also I am good at WordPress.</p>
<div class="mt-3">
<a href="#" class="btn btn-default">Download CV</a>
</div>
<div class="spacer d-md-none d-lg-none" data-height="30"></div>
</div>
<div class="col-md-6">
<!-- skill item -->
<div class="skill-item">
<div class="skill-info clearfix">
<h4 class="float-left mb-3 mt-0">Development</h4>
<span class="float-right">85%</span>
</div>
<div class="progress">
<div class="progress-bar data-background" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="85" data-color="#FFD15C">
</div>
</div>
<div class="spacer" data-height="20"></div>
</div>
<!-- skill item -->
<div class="skill-item">
<div class="skill-info clearfix">
<h4 class="float-left mb-3 mt-0">UI/UX design</h4>
<span class="float-right">95%</span>
</div>
<div class="progress">
<div class="progress-bar data-background" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="95" data-color="#FF4C60">
</div>
</div>
<div class="spacer" data-height="20"></div>
</div>
<div class="skill-item">
<div class="skill-info clearfix">
<h4 class="float-left mb-3 mt-0">UI/UX design</h4>
<span class="float-right">95%</span>
</div>
<div class="progress">
<div class="progress-bar data-background" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="95" data-color="#1a1a1a">
</div>
</div>
<div class="spacer" data-height="20"></div>
</div>
<div class="skill-item">
<div class="skill-info clearfix">
<h4 class="float-left mb-3 mt-0">UI/UX design</h4>
<span class="float-right">95%</span>
</div>
<div class="progress">
<div class="progress-bar data-background" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="95" data-color="maroon">
</div>
</div>
<div class="spacer" data-height="20"></div>
</div>
<!-- skill item -->
<div class="skill-item">
<div class="skill-info clearfix">
<h4 class="float-left mb-3 mt-0">Photography</h4>
<span class="float-right">70%</span>
</div>
<div class="progress">
<div class="progress-bar data-background" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="70" data-color="#6C6CE5">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- row end -->
<div class="spacer" data-height="70"></div>
<div class="row">
<div class="col-md-3 col-sm-6">
<!-- fact item -->
<div class="fact-item">
<span class="icon icon-fire"></span>
<div class="details">
<h3 class="mb-0 mt-0 number"><em class="count">198</em></h3>
<p class="mb-0">Projects completed</p>
</div>
</div>
<div class="spacer d-md-none d-lg-none" data-height="30"></div>
</div>
<div class="col-md-3 col-sm-6">
<!-- fact item -->
<div class="fact-item">
<span class="icon icon-cup"></span>
<div class="details">
<h3 class="mb-0 mt-0 number"><em class="count">5670</em></h3>
<p class="mb-0">Cup of coffee</p>
</div>
</div>
<div class="spacer d-md-none d-lg-none" data-height="30"></div>
</div>
<div class="col-md-3 col-sm-6">
<!-- fact item -->
<div class="fact-item">
<span class="icon icon-people"></span>
<div class="details">
<h3 class="mb-0 mt-0 number"><em class="count">427</em></h3>
<p class="mb-0">Satisfied clients</p>
</div>
</div>
<div class="spacer d-md-none d-lg-none" data-height="30"></div>
</div>
<div class="col-md-3 col-sm-6">
<!-- fact item -->
<div class="fact-item">
<span class="icon icon-badge"></span>
<div class="details">
<h3 class="mb-0 mt-0 number"><em class="count">35</em></h3>
<p class="mb-0">Nominees winner</p>
</div>
</div>
</div>
</div>
</div>
</section>Yukarıdaki işlemleri yapmadan önce mutlaka kodların yedeğini alınız. Yapamazsanı anydesk ile hemen bağlanıp yapabilirim.