{% extends "base.html" %}

{% block baslik %}Hakkımızda{% endblock %}

{% block icerik %}

<div class="container">
<div class="row">
<div class="col-md-4  text-center bg-warning">
<ion-icon name="person-circle-outline" style="font-size:200px"></ion-icon>
<h1>Furkan Durmuş</h1>
<p>Web Developer</p>
</div>
<div class="col-md-8 ">
    <h1 class="bg-warning">Hakkımda</h1>
    <p>Merhaba! Ben Furkan Durmuş, web geliştirme ile ilgilenen bir yazılım mühendisiyim. Bu blogumda teknoloji, programlama ve diğer ilgili konular hakkında yazılar paylaşacağım. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reiciendis facere impedit pariatur molestias minima? Officia perferendis nobis fuga animi et veniam pariatur, placeat voluptatum aliquid, enim eum repudiandae aut dolor. Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda est voluptatibus numquam, repudiandae ut in tempora error facere neque, nihil, voluptatum nulla aliquam rerum consequuntur facilis consequatur modi. Hic, mollitia.</p>

    <hr>
    <h1 class="bg-warning">Yetenekler</h1>
    <p>Python</p>
    <div class="progress mb-3">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 95%">95%</div>
  </div>
  <p>Django</p>
    <div class="progress mb-3">
  <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 85%">85%</div>
</div>
 <p>Html</p>
    <div class="progress mb-3">
  <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 65%">65%</div>
</div>
 <p>MVC</p>
    <div class="progress mb-3">
  <div class="progress-bar progress-bar-striped progress-bar-animated bg-primary" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 55%">55%</div>
</div>
 <p>JavaScript</p>
    <div class="progress mb-3">
  <div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 35%">35%</div>
</div>

<hr>
<H1>Eğitim</H1>
<p>2018-2022 - Bilgisayar Mühendisliği, XYZ Üniversitesi</p>
<p>2022-2024 - Yazılım Mühendisliği, ABC Üniversitesi</p>
<hr>
<h1>Sertifikalar</h1>
<ul>
    <li>Python Programlama Dili - Udemy</li>
    <li>Django Web Framework - Udemy</li>
    <li>HTML ve CSS - Udemy</li>
</ul>

</div>
</div>

{% endblock %}