<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Batuhan Berk Başoğlu</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" href="../apple-touch-icon.png">

  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/bootstrap-theme.min.css">
  <link rel="stylesheet" href="../css/styles.css">

  <script src="../js/vendor/modernizr-3.6.0-respond-1.4.2.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js"></script>
</head>

<body>
  <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

  <nav class="nav">
    <div class="burger">
      <div class="burger__patty"></div>
    </div>

    <ul class="nav__list">
      <li class="nav__item">
        <a href="#home" class="nav__link c-blue"><img src="../img/home-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#links" class="nav__link c-yellow scrolly"><img src="../img/link-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#skills" class="nav__link c-red"><img src="../img/skills-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#experience" class="nav__link c-green"><img src="../img/work-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#projects" class="nav__link c-red"><img src="../img/projects-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#education" class="nav__link c-red"><img src="../img/education-icon.png" alt=""></a>
      </li>
      <li class="nav__item">
        <a href="#contact" class="nav__link c-green"><img src="../img/contact-icon.png" alt=""></a>
      </li>
    </ul>
  </nav>

  <div class="dropdown">
    <button class="dropbtn">
      <img src="../img/tr.png" width="20" height="15"> Türkçe
    </button>

    <div class="dropdown-content">
      <a href="../index.html">
        <img src="../img/en.png" width="20" height="15"> English</a>
      <a href="../fr/index.html">
        <img src="../img/fr.png" width="20" height="15"> Français</a>
      <a href="../es/index.html">
        <img src="../img/es.png" width="20" height="15"> Español</a>
    </div>
  </div>

  <section class="panel b-blue" id="home">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="home-content">
                <div class="home-heading">
                  <h1><em>Batuhan Berk Başoğlu</em> <br>Yazılım Gelİştİrİcİ / Sİber Güvenlİk Uzmanı</h1>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="home-box-content">
                      <div class="left-text">
                        <h4>Hakkımda</h4>
                        <p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir
                          Yazılım Geliştiricisi. Geniş bir programlama dili, çerçeve ve araç yelpazesinde deneyime sahip. 
                          Uygulamalar, web siteleri ve web hizmetleri geliştirme ve dağıtma konusundaki
                          başarıları kanıtlanmış bir birey. Son derece organize ve ayrıntılara özen gösteren, zorlu
                          problemler için yaratıcı çözümler bulma yeteneğine sahip bir programcı.
                        </p>
                        <div class="primary-button">
                          <a href="../resume/CV_Batuhan_tr.pdf">Özgeçmİşİ İndİr</a>
                        </div>
                      </div>
                      <div class="right-image">
                        <img src="../img/batuhan-basoglu.jpg" alt="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-yellow" id="links">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="about-content">
                <div style="padding-top: 10%;" class="heading">
                  <h4>Lİnkler</h4>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="about-box-content">
                      <img src="../img/social.jpg" alt="">
                    </div>
                  </div>
                  <div class="col-md-7 col-md-offset-5">
                    <div class="about-box-text">
                      <h4>Genel</h4>
                      <ul class="fa-ul">
                        <li>
                          <i class="fa-brands fa-git-alt"></i> <a
                            href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projeler</a>
                        </li>
                        <li>
                          <i class="fa-brands fa-wordpress"></i> <a
                            href="https://blog.batuhan.basoglu.ca/index.php/tr/">Blog</a>
                        </li>
                        <li>
                          <i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
                        </li>
                        <li>
                          <i class="fa-brands fa-youtube"></i> <a
                            href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
                        </li>
                        <li>
                          <i class="fa-brands fa-linkedin"></i> <a
                            href="https://www.linkedin.com/in/batuhan-basoglu/?locale=tr_TR">LinkedIn</a>
                        </li>
                      </ul>
                      <h4>İletİşİm</h4>
                      <ul class="fa-ul">
                        <li>
                          <i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
                            href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
                        </li>
                        <li>
                          <i class="fa-brands fa-signal-messenger"></i> <a
                            href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
                        </li>
                        <li>
                          <i class="fa-solid fa-share-nodes"></i> <a
                            href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
                        </li>
                      </ul>
                      <h4>Bahşİş</h4>
                      <ul class="fa-ul">
                        <li>
                          <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
                        </li>
                        <li>
                          <i class="fa-solid fa-hand-holding-dollar"></i> <a
                            href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
                        </li>
                      </ul>
                      <div class="primary-button">
                        <a href="#contact">Bana Ulaşın</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-yellow" id="skills">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="about-content">
                <div class="heading">
                  <h4>Yetenekler</h4>
                </div>
                <div class="row">
                  <div class="column">
                    <div class="about-box-text" style="margin-top: 0;">
                      <h4>Dİller ve Yetenekler</h4>
                      <ul>
                        <li>Git</li>
                        <li>Python</li>
                        <li>Java</li>
                        <li>Android Studio</li>
                        <li>JavaScript</li>
                        <li>JQuery</li>
                        <li>Bootstrap</li>
                        <li>Node.js</li>
                        <li>Next.js</li>
                        <li>Angular</li>
                        <li>React</li>
                        <li>Vue.js</li>
                        <li>Visual Studio</li>
                        <li>Spring Framework</li>
                        <li>REST APIs</li>
                        <li>C</li>
                        <li>C++</li>
                        <li>C#</li>
                        <li>.NET</li>
                        <li>ASP.NET</li>
                        <li>HTML</li>
                        <li>CSS</li>
                        <li>XML</li>
                        <li>SQL</li>
                        <li>MySQL</li>
                        <li>IIS</li>
                        <li>Microsoft Azure</li>
                        <li>Oracle Cloud</li>
                        <li>AWS</li>
                        <li>Docker</li>
                        <li>MATLAB</li>
                        <li>VHDL</li>
                        <li>ModelSim</li>
                        <li>AutoCAD</li>
                        <li>TypeScript</li>
                        <li>PHP</li>
                        <li>Kotlin</li>
                        <li>CMake</li>
                        <li>Shell Scripting</li>
                        <li>Quartus</li>
                        <li>Roff</li>
                        <li>WordPress</li>
                        <li>Go</li>
                        <li>Ruby</li>
                        <li>Gherkin</li>
                        <li>Windows</li>
                        <li>Linux</li>
                        <li>Ubuntu</li>
                        <li>Fedora</li>
                        <li>Arch Linux</li>
                        <li>Android</li>
                        <li>iOS</li>
                        <li>Embedded Systems</li>
                        <li>FPGA</li>
                        <li>HCS12</li>
                        <li>Altera DE2</li>
                        <li>K-CSP</li>
                        <li>K-ECS</li>
                        <li>Adobe After Effects</li>
                        <li>Adobe Photoshop</li>
                        <li>Adobe Premiere Pro</li>
                        <li>Microsoft Office</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-red" id="experience">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="projects-content">
                <div class="heading">
                  <h4>İş Tecrübesİ</h4>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="owl-carousel owl-theme projects-container">
                      <div>
                        <div class="project-item">
                          <a href="img/osmose.png" data-lightbox="image-1"><img src="img/osmose.png" alt=""></a>
                          <div class="text-content">
                            <h4>Osmose</h4>
                            <p>(2024-Present)</p>
                            <p>Osmose .NET kodunun belgelenmesi, diğer çerçevelerle entegrasyonu ve müşteri istekleri doğrultusunda yeni özelliklerin eklenmesi.</p>
                            <div class="primary-button">
                             <a href="https://www.osmose.com/">Sİteyİ Zİyaret Et</a>
                            </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Inovestor</h4>
                            <p>(2021-2024)</p>
                            <p> IBM ve RPM Eco için alt sözleşmeler yapan bir tam yığın geliştirici olarak çalışıldı.
                              RPM Eco ve VIA Rail Canada için C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript,
                              Node,js, Angular, Next.js, React, SQL, MySQL ve Microsoft Azure
                              kullanılarak bu web siteleriyle çalışıldı.</p>
                            <div class="primary-button">
                              <a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/kargi.jpg" data-lightbox="image-1"><img src="../img/kargi.jpg" alt=""></a>
                          <div class="text-content">
                            <h4>Kargı Sitesi</h4>
                            <p>(2021-2021)</p>
                            <p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi
                              yapıldı.
                              HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için
                              bir reklam web sitesi yaratıldı ve işverenden mükemmel geri bildirim alındı.
                            </p>
                            <div class="primary-button">
                              <a href="https://batuhan-basoglu.github.io/Kargi-Sitesi/">Sİteyİ Zİyaret Et</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Atelye70</h4>
                            <p>(2016-2016)</p>
                            <p>Atelye70 ile ev tasarlamayı staj yaparak öğrendi.
                              AutoCAD ile deneyim kazandı ve mimari tasarımın temel prensiplerini öğrendi.
                            </p>
                            <div class="primary-button">
                              <a href="https://atelye70.com/">Sİteyİ Zİyaret Et</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-red" id="projects">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="projects-content">
                <div class="heading">
                  <h4>Projeler</h4>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="owl-carousel owl-theme projects-container">
                      <div>
                        <div class="project-item">
                          <a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>RPM Eco'nun Websİtesİ</h4>
                            <p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı.
                              C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft
                              Azure kullanıldı.</p>
                            <div class="primary-button">
                              <a href="https://rpm.eco">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>VIA Raİl Canada'nın Websİtesİ</h4>
                            <p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalışıldı.
                              C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure
                              kullanıldı. </p>
                            <div class="primary-button">
                              <a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>HavalI AlIşverİş Sİtesİ</h4>
                            <p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak
                              arzuladıkları
                              ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile
                              oluşturuldu.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Daha Fazlasını
                                Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>.NET Web API İle Angular</h4>
                            <p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek
                              için ön uç olarak Angular'ı kullanıldı.
                              C#, .NET, HTML, CSS, TypeScript, Node,js ve Angular kullanılarak yapıldı.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Gİt Barındırma Hİzmetİm</h4>
                            <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
                              Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yapıldı. Go,
                              Javascript, Roff ve CSS kullanıldı.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>WordPress Blogum</h4>
                            <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
                              diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu
                              yapıldı.
                              WordPress PHP, JavaScript, HTML ve CSS kullanıldı.</p>
                            <div class="primary-button">
                              <a href="https://blog.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Nextcloud Depom</h4>
                            <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
                              bir Nextcloud depolama alanı yapıldı.
                              Nextcloud'da PHP, CSS, Javascript, TypeScript, Vue.js, Ruby and Gherkin kullanıldı.</p>
                            <div class="primary-button">
                              <a href="https://cloud.batuhan.basoglu.ca">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-21.jpg" data-lightbox="image-2"><img src="../img/project-21.jpg" alt=""></a>
                          <div class="text-content">
                            <h4>Başoğlu Aile Sitesi</h4>
                            <p>Başoğlu Aile Sitesinde HTML, CSS ve JavaScript kullanıldı. </p>
                            <div class="primary-button">
                              <a href="https://basoglu.ca/">Discover More</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Kargı Sİtesİnİn Web Sİtesİ</h4>
                            <p>Kargı Sitesi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular
                              kullanıldı.</p>
                            <div class="primary-button">
                              <a href="https://batuhan-basoglu.github.io/Kargi-Sitesi/">Daha Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemİ</h4>
                            <p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, CMake, JavaScript, Node.js, Roff,
                              Java, HTML and CSS kullanılarak
                              Araç Hırsızlığına Karşı Yüz Tanıma Sistemi yapıldı. </p>
                            <div class="primary-button">
                              <a
                                href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Olympus Ev Hİzmetİ Uygulaması</h4>
                            <p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı.
                              Bu
                              kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz
                              uygulamasıdır.
                              Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da
                              yaptı.</p>
                            <div class="primary-button">
                              <a
                                href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Hastane-Hasta Yönetİm Sİstemİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React
                              kullanılarak Hastane Yönetim Sistemi yapıldı.
                              Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı
                              eylemlerde bulunduğu hastane çalışanları ile
                              onlara atama yapabilir.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Kene's Cribs Web Sİtesİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript, Node,js ve
                              React kullanılarak emlak sitesi yapıldı.
                              Bu Kullanıcının evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
                              Haritalar kullanılarak veya iletişim formu ile acentelerle iletişime geçilebilir.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Batuhan'ın Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak chatbot hizmeti
                              web sitesi ile alternatif bir hizmet şirketi yapıldı.</p>
                            <div class="primary-button">
                              <a
                                href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ Alternatİfİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak alternatif bir hizmet şirketi yapıldı.</p>
                            <div class="primary-button">
                              <a
                                href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak bir hizmet şirketi yapıldı.
                              Bu, Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</p>
                            <div class="primary-button">
                              <a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını
                                Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
                            <div class="primary-button">
                              <a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Sam's Mart Web Sİtesİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak alternatif bir bakkal web sitesi hazırlandı. </p>
                            <div class="primary-button">
                              <a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Daha Fazlasını
                                Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
                            <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
                              kullanılarak analiz
                              fonksiyonu web sitesi ile alternatif bir Facebook anketi yapıldı.</p>
                            <div class="primary-button">
                              <a
                                href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha
                                Fazlasını
                                Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Facebook UI/UX Web Sİtesİ Anketİ</h4>
                            <p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML, CSS, JavaScript ve Node.js
                              kullanılarak bir Facebook anket Web Sitesi hazırlandı.
                              Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında
                              sorular sorulan bir web sitesidir.</p>
                            <div class="primary-button">
                              <a
                                href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="project-item">
                          <a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
                              alt=""></a>
                          <div class="text-content">
                            <h4>Websİtem</h4>
                            <p>Bu web sitesi HTML, CSS ve Javascript ile yapıldı.</p>
                            <div class="primary-button">
                              <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Daha
                                Fazlasını Keşfet</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-red" id="education">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="projects-content">
                <div style="padding-top: 20%" class="heading">
                  <h4>Eğİtİm</h4>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="slider">

                      <!-- slide 1 -->
                      <div class="slide">
                        <a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
                            src="../img/UOttawa_Diploma.jpg" alt="" /></a>
                        <div class="text-content">
                          <h4>Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ</h4>
                          <p>Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yıllık Bilgisayar Mühendisliği
                            programı. 7 Haziran 2021'de mezun olundu.</p>
                        </div>
                      </div>

                      <!-- slide 2 -->
                      <div class="slide">
                        <a href="../img/ironring-certificate.jpg" data-lightbox="image-3"><img
                            src="../img/ironring-certificate-sm.jpg" alt="" /></a>
                        <div class="text-content">
                          <h4>Mühendİs Çağırma Rİtüelİ</h4>
                          <p>Seven Wardens Inc.'in Mühendisin dürüstlüğü Resmi Mühendis beyanı.
                            13 Haziran 2021'de alındı.</p>
                        </div>
                      </div>

                      <!-- slide 3 -->
                      <div class="slide">
                        <a href="../img/horizons-certificate.jpg" data-lightbox="image-3"><img
                            src="../img/horizons-certificate.jpg" alt="" /></a>
                        <div class="text-content">
                          <h4>Horİzons Meslekİ Gelİşİm Programı</h4>
                          <p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik
                            kariyer geliştirme programı.
                            26 Nisan 2021'de alındı.</p>
                        </div>
                      </div>

                      <!-- Control buttons -->
                      <button class="btn btn-next"><img src="../img/next.png" /></button>
                      <button class="btn btn-prev"><img src="../img/prev.png" /></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>
  <section class="panel b-green" id="contact">
    <article class="panel__wrapper">
      <div class="panel__content">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <div class="contact-content">
                <div class="heading">
                  <h4>Bana Ulaşın</h4>
                </div>
                <div class="row">
                  <div class="col-md-8">
                    <div class="contact-form">
                      <form id="contact" action="https://formspree.io/f/mrgvywen" method="POST">
                        <fieldset>
                          <input name="name" type="text" class="form-control" id="name" placeholder="İsminiz" required>
                        </fieldset>
                        <fieldset>
                          <input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
                        </fieldset>
                        <fieldset>
                          <textarea name="message" rows="6" class="form-control" id="message" placeholder="Mesaj"
                            required></textarea>
                        </fieldset>
                        <fieldset>
                          <button type="submit" id="form-submit" class="btn">Mesaj Yollayın</button>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="more-info">
                      <p>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt
                        vereceğim.<br><br>
                        <em>Montreal, QC</em>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="footer">
                <p>Telif Hakkı &copy; 2024 Batuhan Berk Başoğlu</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </article>
  </section>


  <script>window.jQuery || document.write('<script src="../js/vendor/jquery-3.7.1.min.js"><\/script>')</script>

  <script src="../js/vendor/jquery-migrate.min.js"></script>
  <script src="js/vendor/bootstrap.min.js"></script>

  <script src="../js/plugins.js"></script>
  <script src="../js/main.js"></script>
</body>

</html>