Batuhan-Basoglu-Website/tr/index.html

748 lines
39 KiB
HTML
Raw Normal View History

2024-02-05 06:37:21 +00:00
<!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]-->
2024-02-05 22:05:09 +00:00
<head>
2024-02-05 06:37:21 +00:00
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
2024-02-05 22:05:09 +00:00
<title>Batuhan Berk Başoğlu</title>
2024-02-05 06:37:21 +00:00
<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>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="angionymous">
</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">
2024-03-06 05:46:10 +00:00
<h1><em>Batuhan Berk Başoğlu</em> <br>Yazılım Gelİştİrİcİ</h1>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<div class="home-box-content">
<div class="left-text">
2024-02-05 22:05:09 +00:00
<h4>Hakkımda</h4>
<p>Web geliştirme, tasarım ve kodlama konusunda kapsamlı bilgi birikiminin yanı sıra çok çeşitli programlama dilleri,
çerçeveleri ve araçları konusunda deneyime sahip Motivasyonlu Yazılım Geliştiricisiyim. Uygulamaları, web sitelerini ve
web hizmetlerini geliştirme ve dağıtmada kanıtlanmış başarı sahibiyim. Son derece organize ve detay odaklı,
zorlu sorunlara yaratıcı çözümler bulma becerisine sahibim.
2024-02-05 06:37:21 +00:00
</p>
<div class="primary-button">
2024-03-06 05:46:10 +00:00
<a href="../resume/CV_Batuhan.pdf">Özgeçmİşİ İndİr</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 22:05:09 +00:00
<h4>Linkler</h4>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 22:05:09 +00:00
<h4>Profesyonel</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
2024-03-06 04:07:05 +00:00
<i class="fa fa-wordpress"></i> <a href="https://arcticpress.basoglu.co/">Blog</a>
2024-02-05 06:37:21 +00:00
</li>
<li>
2024-03-06 04:07:05 +00:00
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
2024-02-05 06:37:21 +00:00
</li>
<li>
2024-03-06 04:07:05 +00:00
<i class="fa fa-github"></i> <a href="https://github.com/batuhan-basoglu">GitHub</a>
2024-02-05 06:37:21 +00:00
</li>
2024-02-06 19:38:29 +00:00
<li>
<i class="fa fa-youtube-play"></i> <a href="https://www.youtube.com/channel/UC6I8SlouORCHEtEsu45flRQ">YouTube</a>
</li>
2024-02-05 06:37:21 +00:00
</ul>
2024-03-06 05:46:10 +00:00
<h4>Kİşİsel</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
<i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.social/@batuhan_basoglu">Mastodon</a>
</li>
<li>
<i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/@batuhan_basoglu">Pixelfed</a>
</li>
</ul>
2024-03-06 05:46:10 +00:00
<h4>İletİşİm</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
<i class="fa fa-phone"></i> <a href="tel:+14385963135">Phone</a>
</li>
<li>
<i class="fa fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">E-Mail</a>
</li>
2024-03-06 04:07:05 +00:00
<li>
<i class="fa fa-comment-o"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
2024-02-05 06:37:21 +00:00
<li>
<i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
2024-03-06 05:46:10 +00:00
<h4>Bahşİş</h4>
2024-02-05 06:37:21 +00:00
<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 fa-liberapay "></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="#contact">Bana Ulaşın</a>
2024-02-05 06:37:21 +00:00
</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 style="padding-top: 20%;" class="heading">
2024-02-05 22:05:09 +00:00
<h4>Yetenekler</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="column">
<div class="about-box-text" style="margin-top: 0;">
2024-03-06 05:46:10 +00:00
<h4>Dİller ve Yetenekler</h4>
2024-02-05 06:37:21 +00:00
<ul>
<li>Git</li>
<li>Python</li>
<li>Java</li>
<li>Android Studio</li>
<li>JavaScript</li>
<li>Visual Studio</li>
<li>Node.js</li>
<li>React.js</li>
<li>Angular</li>
<li>JQuery</li>
<li>Bootstrap</li>
<li>EJS</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>MySQL</li>
<li>IIS</li>
<li>Microsoft Azure</li>
<li>Oracle Cloud</li>
<li>Docker</li>
<li>MATLAB</li>
<li>ModelSim</li>
<li>AutoCAD</li>
<li>TypeScript</li>
<li>PHP</li>
<li>Vue</li>
<li>Kotlin</li>
<li>CMake</li>
<li>Shell Scripting</li>
<li>Quartus</li>
<li>Microsoft Azure</li>
<li>Roff</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>
2024-02-05 15:08:11 +00:00
<li>K-ECS</li>
2024-02-05 06:37:21 +00:00
<li>Adobe After Effects</li>
<li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</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">
2024-03-06 05:46:10 +00:00
<h4>İş Tecrübesİ</h4>
2024-02-05 06:37:21 +00:00
</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/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
2024-02-05 22:05:09 +00:00
<p> Bir web geliştiricisi olarak çalıştım, RPM Eco web sitesini geliştirmek için sözleşme aracılığıyla çalıştım.
VIA Rail Canada'nın web sitesini geliştirmek için IBM sözleşmesi aracılığıyla çalıştım</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-03-06 05:46:10 +00:00
<a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a>
2024-02-05 06:37:21 +00:00
</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ı Building Complex</h4>
<p>(2021-2021)</p>
2024-02-05 22:05:09 +00:00
<p>Yarı zamanlı olarak web geliştiricisi olarak çalıştım. Kargı yapı kompleksine web sitesi yaptım. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-03-06 05:46:10 +00:00
<a href="https://kargisitesi.com/">Sİteyİ Zİyaret Et</a>
2024-02-05 06:37:21 +00:00
</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>
2024-02-05 22:05:09 +00:00
<p>Atelye70 ile ev tasarlamayı staj yaparak öğrendim.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-03-06 05:46:10 +00:00
<a href="https://atelye70.com/">Sİteyİ Zİyaret Et</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Projeler</h4>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>RPM Eco'nun Websİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalıştım. HTML, CSS,
2024-02-13 05:39:38 +00:00
.NET, C#, Node.js, Typescript, React ve MySQL kullandım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://rpm.eco">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>VIA Raİl Canada'nın Websİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalıştım. HTML,
2024-02-13 05:39:38 +00:00
CSS, .NET, C#, Node.js, Javascript, AngularJS ve MySQL kullandım. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
2024-02-13 05:39:38 +00:00
<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">
2024-03-06 05:46:10 +00:00
<h4>.NET Web API İle Angular</h4>
2024-02-13 05:39:38 +00:00
<p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek için ön uç olarak Angular'ı kullandım.
.NET, Angular, C#, Typescript, Node.js, HTML ve CSS kullanılarak yapılmıştır.</p>
<div class="primary-button">
<a href="https://github.com/batuhan-basoglu/NET-Web-API-w-Angular">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
2024-02-05 06:37:21 +00:00
<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">
2024-03-06 05:46:10 +00:00
<h4>Gİt Barındırma Hİzmetİm</h4>
2024-02-05 22:05:09 +00:00
<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 yaptım. Go, Javascript, Roff ve CSS kullandım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://git.batuhan.basoglu.co/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Fotoğraf Yönetİm Web Sİtem</h4>
2024-02-05 22:05:09 +00:00
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
Fotoğraflarını indekslemek için yapay zekayı kullanan PhotoPrism ile bir Fotoğraf Yönetimi Web Sitesi yaptım. Go, Vue ve CSS kullandım. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://arcticcloud.basoglu.co:2342/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 22:05:09 +00:00
<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 yaptım.
WordPress PHP, JavaScript, CSS ve HTML kullandım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://arcticpress.basoglu.co/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 22:05:09 +00:00
<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ı yaptım. Nextcloud:
JavaScript, PHP, TypeScript ve Vue.js kullandım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://arcticcloud.basoglu.co">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Kargı Yapı Sİtesİnİn Web Sİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, Javascript, Angular ve
Typescript kullandım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemİ</h4>
2024-02-05 22:05:09 +00:00
<p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, HTML, CMake, Node.js,Roff, CSS ve Java kullanarak Araç Hırsızlığına Karşı
Yüz Tanıma Sistemi yaptım. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://sherm048.github.io/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Olympus Ev Hİzmetİ Uygulaması</h4>
2024-02-05 22:05:09 +00:00
<p>Yazılım Mühendisliğine Giriş dersinde Java kullanarak Android cihaz uygulaması yaptım. Bu
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulamasıdır.
Kullanıcının evinden hizmetler. Uygulamayı Android Studio'da yaptım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Hastane-Hasta Yönetİm Sİstemİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde React.js Kullanarak Hastane Yönetim Sistemi Yaptım.
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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Kene's Cribs Web Sİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve React.js kullanarak emlak sitesi yaptım.
Kullanıcının evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
Haritaları kullanabilirsiniz veya iletişim formundan acentelerle iletişime geçebilirsiniz.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Batuhan'ın Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan chatbot hizmeti
web sitesi ile alternatif bir hizmet şirketi yaptım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 22:05:09 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ Alternatİfİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan alternatif bir hizmet şirketi yaptım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 22:05:09 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan bir hizmet şirketi yaptım.
Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazırladım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Sam's Mart Web Sİtesİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazırladım. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js ve EJS HTML ve CSS kullanarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yaptım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 22:05:09 +00:00
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha Fazlasını
Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Facebook UI/UX Web Sİtesİ Anketİ</h4>
2024-02-05 22:05:09 +00:00
<p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML ve CSS kullanarak bir Facebook anket Web Sitesi hazırladım.
Bu, Cevapları göndermek için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında sorular soran bir web sitesidir.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Websİtem</h4>
2024-02-05 22:05:09 +00:00
<p>Bu web sitesini HTML, CSS ve Javascript ile yaptım.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 22:05:09 +00:00
<a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Daha Fazlasını Keşfet</a>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Eğİtİm</h4>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ</h4>
2024-02-05 22:05:09 +00:00
<p>Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yıllık Bilgisayar Mühendisliği
programı. 7 Haziran 2021'de mezun oldum.</p>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Mühendİs Çağırma Rİtüelİ</h4>
2024-02-05 22:05:09 +00:00
<p>Seven Wardens Inc.'in Mühendisin dürüstlüğü Resmi Mühendis beyanı.
13 Haziran 2021'de aldım.</p>
2024-02-05 06:37:21 +00:00
</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">
2024-03-06 05:46:10 +00:00
<h4>Horİzons Meslekİ Gelİşİm Programı</h4>
2024-02-05 22:05:09 +00:00
<p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik kariyer geliştirme programı.
26 Nisan 2021'de aldım.</p>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 22:05:09 +00:00
<h4>Bana Ulaşın</h4>
2024-02-05 06:37:21 +00:00
</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>
2024-02-05 22:05:09 +00:00
<input name="name" type="text" class="form-control" id="name" placeholder="İsminiz"
2024-02-05 06:37:21 +00:00
required>
</fieldset>
<fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
</fieldset>
<fieldset>
2024-02-05 22:05:09 +00:00
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Mesaj"
2024-02-05 06:37:21 +00:00
required></textarea>
</fieldset>
<fieldset>
2024-02-05 22:05:09 +00:00
<button type="submit" id="form-submit" class="btn">Mesaj Yollayın</button>
2024-02-05 06:37:21 +00:00
</fieldset>
</form>
</div>
</div>
<div class="col-md-4">
<div class="more-info">
2024-02-05 22:05:09 +00:00
<p>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt vereceğim.<br><br>
2024-02-05 06:37:21 +00:00
<em>Montreal, QC</em>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="footer">
2024-02-05 22:05:09 +00:00
<p>Telif Hakkı &copy; 2024 Batuhan Başoğlu</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<script src="..//ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/vendor/jquery-3.6.4.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>