Batuhan-Basoglu-Website/tr/index.html

732 lines
37 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-02-05 22:05:09 +00:00
<h1><em>Batuhan Berk Başoğlu</em> <br>Yazılım Geliştirici</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-02-05 22:05:09 +00:00
<a href="../resume/CV_Batuhan.pdf">Özgeçmişi İndir</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>
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
</li>
<li>
<i class="fa fa-github"></i> <a href="https://github.com/batuhan-basoglu">GitHub</a>
</li>
<li>
<i class="fa fa-wordpress"></i> <a href="https://arcticpress.basoglu.co/">Blog</a>
</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-02-05 22:05:09 +00:00
<h4>Kişisel</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-02-05 22:05:09 +00:00
<h4>İletişim</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>
<li>
<i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
2024-02-05 22:05:09 +00:00
<h4>Bahşiş</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-02-05 22:05:09 +00:00
<h4>Diller 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-02-05 22:05:09 +00:00
<h4>İş Tecrübesi</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-02-05 22:05:09 +00:00
<a href="https://www.inovestor.com/">Siteyi Ziyaret 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-02-05 22:05:09 +00:00
<a href="https://kargisitesi.com/">Siteyi Ziyaret 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-02-05 22:05:09 +00:00
<a href="https://atelye70.com/">Siteyi Ziyaret 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">
<h4>Projects</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">
2024-02-05 22:05:09 +00:00
<h4>RPM Eco'nun Websitesi</h4>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalıştım. HTML, CSS,
.NET, C#, 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-02-05 22:05:09 +00:00
<h4>VIA Rail Canada'nın Websitesi</h4>
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalıştım. HTML,
CSS, .NET, C#, 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>
<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-02-05 22:05:09 +00:00
<h4>Git Barındırma Hizmetim</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 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-02-05 22:05:09 +00:00
<h4>Fotoğraf Yönetim Web Sitem</h4>
<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-02-05 22:05:09 +00:00
<h4>Kargı Yapı Sitesinin Web Sitesi</h4>
<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-02-05 22:05:09 +00:00
<h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemi</h4>
<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-02-05 22:05:09 +00:00
<h4>Olympus Ev Hizmeti Uygulaması</h4>
<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-02-05 22:05:09 +00:00
<h4>Hastane-Hasta Yönetim Sistemi</h4>
<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-02-05 22:05:09 +00:00
<h4>Kene's Cribs Web Sitesi</h4>
<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-02-05 22:05:09 +00:00
<h4>Batuhan'ın Bisikletleri Chatbot Hizmetiyle Web Sitesi Alternatifi</h4>
<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-02-05 22:05:09 +00:00
<h4>Batuhan'ın Bisikletleri Web Sitesi Alternatifi</h4>
<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-02-05 22:05:09 +00:00
<h4>Batuhan'ın Bisikletleri Web Sitesi</h4>
<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-02-05 22:05:09 +00:00
<h4>Sam's Mart Web Sitesi Alternatifi</h4>
<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-02-05 22:05:09 +00:00
<h4>Sam's Mart Web Sitesi</h4>
<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-02-05 22:05:09 +00:00
<h4>Analiz İşlevli Facebook UI/UX Web Sitesi Alternatifi Anketi</h4>
<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-02-05 22:05:09 +00:00
<h4>Facebook UI/UX Web Sitesi Anketi</h4>
<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-02-05 22:05:09 +00:00
<h4>Websitem</h4>
<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-02-05 22:05:09 +00:00
<h4>Eğitim</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-02-05 22:05:09 +00:00
<h4>Ottawa Üniversitesi Bilgisayar Mühendisliği Derecesi</h4>
<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-02-05 22:05:09 +00:00
<h4>Mühendis Çağırma Ritüeli</h4>
<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-02-05 22:05:09 +00:00
<h4>Horizons Mesleki Gelişim Programı</h4>
<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>