749 lines
39 KiB
HTML
Executable file
749 lines
39 KiB
HTML
Executable file
<!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İ</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/">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/">LinkedIn</a>
|
||
</li>
|
||
</ul>
|
||
<h4>İletİşİm</h4>
|
||
<ul class="fa-ul">
|
||
<li>
|
||
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">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/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ı Building Complex</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://kargisitesi.com/">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.co/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.co/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.co/">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://arcticpress.basoglu.co/">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-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>Kargı Yapı Sİtesİnİn Web Sİtesİ</h4>
|
||
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanıldı.</p>
|
||
<div class="primary-button">
|
||
<a href="https://kargisitesi.com/">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.co/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.co/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.co/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.co/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.co/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ı © 2024 Batuhan 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>
|