2023-04-13 14:55:59 +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 >
2023-04-13 14:55:59 +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 >
2023-04-13 14:55:59 +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" >
2023-04-17 04:22:34 +00:00
< script src = "js/vendor/modernizr-3.6.0-respond-1.4.2.min.js" > < / script >
2023-04-13 14:55:59 +00:00
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
2023-04-17 04:22:34 +00:00
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="angionymous">
2023-04-13 14:55:59 +00:00
< / 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]-->
2024-02-05 06:37:21 +00:00
2023-04-13 14:55:59 +00:00
< 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 >
2024-02-05 06:37:21 +00:00
< div class = "dropdown" >
< button class = "dropbtn" >
< img src = "img/en.png" width = "20" height = "15" > English
< / button >
< div class = "dropdown-content" >
< 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 >
< a href = "/tr/index.html" >
< img src = "img/tr.png"
width="20" height="15"> Türkçe< / a >
< / div >
< / div >
2023-04-13 14:55:59 +00:00
< 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-01-24 18:46:23 +00:00
< h1 > < em > Batuhan Berk Başoğlu< / em > < br > Software Developer< / h1 >
2023-04-13 14:55:59 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "home-box-content" >
< div class = "left-text" >
2024-02-05 16:20:47 +00:00
< h4 > About Me< / h4 >
2024-01-16 21:05:52 +00:00
< p > Motivated Software Developer with an extensive knowledge of web development, design, and coding,
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented,
with a knack for finding creative solutions to challenging problems.
2023-12-07 19:33:32 +00:00
< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
2023-05-25 18:36:51 +00:00
< a href = "resume/CV_Batuhan.pdf" > Download Resume< / a >
2023-04-13 14:55:59 +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" >
2023-12-07 19:33:32 +00:00
< div style = "padding-top: 10%;" class = "heading" >
2023-04-13 14:55:59 +00:00
< h4 > Links< / h4 >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "about-box-content" >
2023-05-22 21:54:20 +00:00
< img src = "img/social.jpg" alt = "" >
2023-04-13 14:55:59 +00:00
< / div >
< / div >
< div class = "col-md-7 col-md-offset-5" >
< div class = "about-box-text" >
2024-08-22 15:24:54 +00:00
< h4 > Social Media< / h4 >
2023-04-13 14:55:59 +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 >
2023-04-13 14:55:59 +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 >
2023-04-13 14:55:59 +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 >
2023-04-13 14:55:59 +00:00
< / li >
2024-02-06 19:38:29 +00:00
< li >
2024-03-11 15:58:56 +00:00
< i class = "fa fa-youtube-play" > < / i > < a href = "https://www.youtube.com/@batuhan-basoglu" > YouTube< / a >
2024-09-01 00:37:52 +00:00
< / li >
< li >
< i > 𝕏 < / i > < a href = "https://x.com/batuhanbbasoglu" > X< / a >
2024-02-06 19:38:29 +00:00
< / li >
2023-04-13 14:55:59 +00:00
< li >
2023-12-07 19:33:32 +00:00
< i class = "fa fa-mastodon" > < / i > < a rel = "me" href = "https://mastodon.social/@batuhan_basoglu" > Mastodon< / a >
2023-04-13 14:55:59 +00:00
< / li >
2023-12-07 19:33:32 +00:00
< / ul >
< h4 > Contact< / h4 >
< ul class = "fa-ul" >
2023-05-23 00:43:21 +00:00
< li >
2024-03-28 01:03:48 +00:00
< i class = "fa fa-envelope" > < / i > < a href = "mailto:batuhanbasoglu@mailbox.org" > E-Mail< / a > / < a href = "./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc" > PGP< / a >
2023-05-23 00:43:21 +00:00
< / 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 >
2023-12-08 06:26:21 +00:00
< li >
< i class = "fa fa-matrix-org" > < / i > < a href = "https://matrix.to/#/@arctichawk1:mozilla.org" > Matrix< / a >
< / li >
2023-04-13 14:55:59 +00:00
< / ul >
2024-02-05 06:37:21 +00:00
< h4 > Tipping< / 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 fa-liberapay " > < / i > < a href = "https://liberapay.com/batuhan-basoglu/" > Liberapay< / a >
< / li >
< / ul >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "#contact" > Contact Me< / 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" >
2024-03-16 16:02:15 +00:00
< div class = "heading" >
2023-04-13 14:55:59 +00:00
< h4 > Skills< / h4 >
< / div >
< div class = "row" >
< div class = "column" >
< div class = "about-box-text" style = "margin-top: 0;" >
< h4 > Languages and Skills< / h4 >
< ul >
< li > Git< / li >
< li > Python< / li >
< li > Java< / li >
< li > Android Studio< / li >
< li > JavaScript< / li >
< li > JQuery< / li >
< li > Bootstrap< / li >
2024-06-29 15:46:47 +00:00
< li > Node.js< / li >
< li > Next.js< / li >
< li > Angular< / li >
< li > React< / li >
< li > Vue.js< / li >
< li > Visual Studio< / li >
2023-04-13 14:55:59 +00:00
< 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 >
2024-06-29 15:46:47 +00:00
< li > XML< / li >
< li > SQL< / li >
2023-04-13 14:55:59 +00:00
< li > MySQL< / li >
< li > IIS< / li >
< li > Microsoft Azure< / li >
< li > Oracle Cloud< / li >
2024-06-29 15:46:47 +00:00
< li > AWS< / li >
2023-04-13 14:55:59 +00:00
< li > Docker< / li >
< li > MATLAB< / li >
2024-06-29 15:46:47 +00:00
< li > VHDL< / li >
2023-04-13 14:55:59 +00:00
< li > ModelSim< / li >
< li > AutoCAD< / li >
2023-12-07 19:33:32 +00:00
< li > TypeScript< / li >
< li > PHP< / li >
2023-04-13 14:55:59 +00:00
< li > Kotlin< / li >
< li > CMake< / li >
< li > Shell Scripting< / li >
< li > Quartus< / li >
< li > Roff< / li >
2024-06-29 15:46:47 +00:00
< li > WordPress< / li >
< li > Go< / li >
< li > Ruby< / li >
< li > Gherkin< / li >
2023-04-13 14:55:59 +00:00
< 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 >
2023-04-13 14:55:59 +00:00
< li > Adobe After Effects< / li >
< li > Adobe Photoshop< / li >
< li > Adobe Premiere Pro< / li >
2024-06-29 15:46:47 +00:00
< li > Microsoft Office< / li >
2023-04-13 14:55:59 +00:00
< / 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 > Work Experience< / 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 >
2024-01-16 22:38:50 +00:00
< p > (2021-2024)< / p >
2024-08-09 17:09:16 +00:00
< p > Worked as a full stack developer, doing sub-contracts for IBM and RPM Eco.
2024-06-29 15:46:47 +00:00
Collaborated on websites for VIA Rail Canada and RPM Eco using
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL and Microsoft Azure.< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://www.inovestor.com/" > Visit Website< / 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ı < / h4 >
< p > (2021-2021)< / p >
2024-06-29 15:46:47 +00:00
< p > Worked part-time as web developer. Created an advertising website from scratch for the Kargı < / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://kargisitesi.com/" > Visit Website< / 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 >
2024-06-29 15:46:47 +00:00
< p > Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://atelye70.com/" > Visit Website< / 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 > Projects< / h4 >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "owl-carousel owl-theme projects-container" >
2023-12-07 19:33:32 +00:00
< 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's Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Worked on RPM Eco’
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL and Microsoft Azure. < / p >
2023-12-07 19:33:32 +00:00
< div class = "primary-button" >
< a href = "https://rpm.eco" > Discover More< / a >
< / div >
< / div >
< / div >
< / div >
2023-04-13 14:55:59 +00:00
< 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 Rail Canada's Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Worked on VIA Rail Canada’
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and Microsoft Azure. < / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://reservia.viarail.ca" > Discover More< / a >
< / div >
< / div >
< / div >
< / div >
2024-05-07 22:34:37 +00:00
< 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 > Cool Shopping Site< / h4 >
< p > Created a shopping site which is like Amazon. User can add and/or delete items they would like using their own account.
2024-06-29 15:46:47 +00:00
It is made using PHP, CSS, JavaScript, SQL and MySQL.< / p >
2024-05-07 22:34:37 +00:00
< div class = "primary-button" >
< a href = "https://github.com/batuhan-basoglu/Cool-Shopping-Site" > Discover More< / a >
< / 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 with Angular< / h4 >
< p > I created a .NET Web API as back-end and used Angular as front-end to retrieve an API from a link using REST API.
2024-06-29 15:46:47 +00:00
It is made using C#, .NET, HTML, CSS, TypeScript, Node,js and Angular. < / p >
2024-02-13 05:39:38 +00:00
< div class = "primary-button" >
< a href = "https://github.com/batuhan-basoglu/NET-Web-API-w-Angular" > Discover More< / a >
< / div >
< / div >
< / div >
< / div >
2024-02-01 00:06:56 +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" >
< h4 > My Git Hosting Service< / h4 >
2024-02-05 15:08:11 +00:00
< p > A self-hosted git hosting website hosted in a Ubuntu Linux server via Oracle. It is configured
2024-06-29 15:46:47 +00:00
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. < / p >
2024-02-01 00:06:56 +00:00
< div class = "primary-button" >
< a href = "https://git.batuhan.basoglu.co/" > Discover More< / a >
< / div >
< / div >
< / div >
< / div >
2023-12-07 19:33:32 +00:00
< 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 > My WordPress Blog< / h4 >
< p > A self-hosted WordPress blog hosted in a Ubuntu Linux server via Oracle. It is configured
with Activity Pub to connect with other federated social networks.
2024-06-29 15:46:47 +00:00
WordPress is made using PHP, JavaScript, HTML and CSS.< / p >
2023-12-07 19:33:32 +00:00
< div class = "primary-button" >
2024-01-26 06:35:42 +00:00
< a href = "https://arcticpress.basoglu.co/" > Discover More< / a >
2023-12-07 19:33:32 +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" >
< h4 > My Nextcloud Storage< / h4 >
< p > A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is
2024-06-29 15:46:47 +00:00
made using PHP, CSS, Javascript, TypeScript, Vue.js, Ruby and Gherkin.< / p >
2023-12-07 19:33:32 +00:00
< div class = "primary-button" >
2024-01-26 06:35:42 +00:00
< a href = "https://arcticcloud.basoglu.co" > Discover More< / a >
2023-12-07 19:33:32 +00:00
< / div >
< / div >
< / div >
< / div >
2023-04-13 14:55:59 +00:00
< 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ı < / h4 >
2024-06-29 15:46:47 +00:00
< p > Built Kargı ’ < / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://kargisitesi.com/" > Discover More< / 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 > Vehicle Anti-Theft Face Recognition System< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a Vehicle Anti-Theft Face Recognition System using Python, CMake, JavaScript, Node.js, Roff, Java, HTML and CSS in
Computer Engineering Design Project. < / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a href = "https://sherm048.github.io/" > Discover More< / 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 Home Service Application< / h4 >
< p > Made Android appliance app using Java in Introduction to Software Engineering class. It
is an appliance application where user can set up his/her details and order appliance
services from user’ < / p >
< div class = "primary-button" >
2024-02-01 04:31:09 +00:00
< a href = "https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application" > Discover
2023-04-13 14:55:59 +00:00
More< / 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 > Hospital-Patient Management System< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a Hospital Management System using HTML, JavaScript, Node,js and React in Software Design and Architecture
2023-04-13 14:55:59 +00:00
class. In the Hospital Management System, user can manage the patients and assign them to
the hospital employees where each employee makes different actions.< / p >
< div class = "primary-button" >
2024-02-01 04:31:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Hospital-Management-System" > Discover More< / a >
2023-04-13 14:55:59 +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" >
< h4 > Kene's Cribs Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a real estate website using HTML, CSS, JavaScript, Node,js and React in Analysis and Design of User
2023-04-13 14:55:59 +00:00
Interfaces class. It is a website where user can browse the houses, search them in google
maps or contact the agents from the contact form.< / p >
< div class = "primary-button" >
2024-02-01 04:31:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Kene-s-Cribs-Website" > Discover More< / a >
2023-04-13 14:55:59 +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" >
< h4 > Batuhan's Bikes Website Alternative with Chatbot Service< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made an alternative service company with chatbot service website using HTML, CSS, JavaScript and Node.js in
Analysis and Design of User Interfaces class. < / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a
2023-12-07 19:33:32 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Discover
2023-04-13 14:55:59 +00:00
More< / 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's Bikes Website Alternative with Validating Form< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made an alternative service company with validating form website using HTML, CSS, JavaScript and Node.js in
Analysis and Design of User Interfaces class.< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a
2023-12-07 19:33:32 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Discover
2023-04-13 14:55:59 +00:00
More< / 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's Bikes Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a service company website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
2023-04-13 14:55:59 +00:00
Interfaces class. It is a bike service company website which talks about bike repairs.< / p >
< div class = "primary-button" >
2023-12-07 19:33:32 +00:00
< a href = "https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/" > Discover More< / a >
2023-04-13 14:55:59 +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" >
< h4 > Sam's Mart Website Alternative< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made an alternative grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and
2023-04-13 14:55:59 +00:00
Design of User Interfaces class.< / p >
< div class = "primary-button" >
2023-12-07 19:33:32 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/" > Discover
2023-04-13 14:55:59 +00:00
More< / 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 Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
2023-04-13 14:55:59 +00:00
Interfaces class. < / p >
< div class = "primary-button" >
2023-12-07 19:33:32 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website/" > Discover More< / a >
2023-04-13 14:55:59 +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" >
< h4 > Questionnaire of the Facebook UI/UX Website Alternative with Analysis Function< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made an alternative Facebook survey with analysis function website using HTML, CSS, JavaScript and Node.js in
Analysis and Design of User Interfaces class.< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
< a
2024-02-01 04:31:09 +00:00
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover
2023-04-13 14:55:59 +00:00
More< / 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 > Questionnaire of the Facebook UI/UX Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > Made a Facebook survey Website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
2023-04-13 14:55:59 +00:00
Interfaces class. This is a website that asks questions about the Facebook user interface
with submit button to send the answers.< / p >
< div class = "primary-button" >
2023-12-07 19:33:32 +00:00
< a href = "https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/" > Discover
2023-04-13 14:55:59 +00:00
More< / a >
< / div >
< / div >
< / div >
2023-12-07 19:33:32 +00:00
< / div >
< div >
2023-04-13 14:55:59 +00:00
< 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-01-26 06:35:42 +00:00
< h4 > My Website< / h4 >
2024-06-29 15:46:47 +00:00
< p > This very website that I made with HTML, CSS and JavaScript.< / p >
2023-04-13 14:55:59 +00:00
< div class = "primary-button" >
2024-02-01 04:31:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website" > Discover
2023-04-13 14:55:59 +00:00
More< / 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 > Education< / 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 > University of Ottawa Computer Engineering Degree< / h4 >
< p > Bachelor of Applied Science in Computer Engineering. 4 years of Computer Engineering
program, graduated in 7 June 2021.< / 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 > The Ritual of the Calling of an Engineer< / h4 >
< p > Official Engineer declaration by Seven Wardens Inc. A Binding document which declares the
integrity of the Engineer. Received at 13 June 2021.< / 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 > The Horizons Professional Development Program< / h4 >
< p > Career development program to improve professional connections through the use of
professional resources. Received at 26 April 2021.< / 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 > Contact me< / 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 = "Your Name"
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 = "Message"
required>< / textarea >
< / fieldset >
< fieldset >
< button type = "submit" id = "form-submit" class = "btn" > Send Message< / button >
< / fieldset >
< / form >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "more-info" >
2024-01-24 18:46:23 +00:00
< p > Feel free to get in touch with me, and I will respond as promptly as possible.< br > < br >
2024-02-05 06:37:21 +00:00
< em > Montreal, QC< / em >
2023-04-13 14:55:59 +00:00
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-12" >
< div class = "footer" >
2024-01-24 18:46:23 +00:00
< p > Copyright © 2024 Batuhan Başoğlu< / p >
2023-04-13 14:55:59 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
2023-04-17 04:15:58 +00:00
< 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 >
2023-04-13 14:55:59 +00:00
2023-04-17 04:15:58 +00:00
< script src = "js/vendor/jquery-migrate.min.js" > < / script >
2023-04-13 14:55:59 +00:00
< script src = "js/vendor/bootstrap.min.js" > < / script >
< script src = "js/plugins.js" > < / script >
< script src = "js/main.js" > < / script >
< / body >
< / html >
