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,
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-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,
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" >
< h4 > .NET Web API ile 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'ı 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-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ı © 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 >