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] -->
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< title > Batuhan 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" >
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]-->
< 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 >
< 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" >
< 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" >
2023-12-07 19:33:32 +00:00
< h4 > Professional< / h4 >
2023-04-13 14:55:59 +00:00
< ul class = "fa-ul" >
< li >
2023-12-07 19:33:32 +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 >
2023-12-07 19:33:32 +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 >
< li >
2023-12-07 19:33:32 +00:00
< i class = "fa fa-wordpress" > < / i > < a href = "https://arcticpress.privatedns.org/" > Blog< / a >
2023-04-13 14:55:59 +00:00
< / li >
2023-12-07 19:33:32 +00:00
< / ul >
< h4 > Personal< / h4 >
< ul class = "fa-ul" >
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-05-23 00:43:21 +00:00
< li >
2023-12-07 19:33:32 +00:00
< i class = "fa fa-pixelfed" > < / i > < a href = "https://pixelfed.social/@batuhan_basoglu" > Pixelfed< / a >
< / li >
2023-12-22 14:51:39 +00:00
< li >
2024-01-03 20:38:19 +00:00
< i class = "fa fa-comments" > < / i > < a href = "https://lemmy.ml/u/arctichawk1" > Lemmy< / a >
2023-12-22 14:51:39 +00:00
< / li >
2023-12-07 19:33:32 +00:00
< / ul >
< h4 > Contact< / h4 >
< ul class = "fa-ul" >
< li >
< i class = "fa fa-phone" > < / i > < a href = "tel:+14385963135" > Phone< / a >
2023-05-23 00:43:21 +00:00
< / li >
< li >
2023-12-07 19:33:32 +00:00
< i class = "fa fa-envelope" > < / i > < a href = "mailto:batuhanbasoglu@mailbox.org" > E-Mail< / a >
2023-05-23 00:43:21 +00:00
< / 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 >
< 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" >
< div style = "padding-top: 20%;" class = "heading" >
< 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 > 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 >
2023-12-07 19:33:32 +00:00
< li > TypeScript< / li >
< li > PHP< / li >
< li > Vue< / li >
2023-04-13 14:55:59 +00:00
< 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 >
< li > K-ECS< / li >
2023-12-07 19:33:32 +00:00
< li > WordPress< / li >
2023-04-13 14:55:59 +00:00
< li > Agile Methodologies< / li >
< li > Microsoft Office< / li >
< 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" >
< 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 >
< p > Worked as a web developer, doing a contract work through RPM Eco to develop it's website.
2023-12-07 19:33:32 +00:00
Did a contract work through IBM to develop VIA Rail Canada's website.< / 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 >
< p > Worked part-time as web developer. Made a website for the Kargı < / p >
< 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 >
< p > Learned how to design houses with Atelye70 through an internship.< / p >
< 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 >
< p > Worked on RPM Eco’
2023-12-25 03:37:31 +00:00
.NET, C#, React and MySQL. < / 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 >
2023-12-07 19:33:32 +00:00
< p > Worked on VIA Rail Canada’
2023-12-25 03:37:31 +00:00
CSS, .NET, C#, AngularJS and MySQL. < / 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 >
2023-12-25 03:37:31 +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 > My Photo Management Website< / h4 >
< p > A self-hosted Photo Management Website hosted in a Ubuntu Linux server via Oracle. It is configured
with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. < / p >
< div class = "primary-button" >
2024-01-03 20:38:19 +00:00
< a href = "https://arcticphoto.privatedns.org/" > Discover More< / a >
2023-12-25 03:37:31 +00:00
< / 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.
WordPress is made using PHP, JavaScript, CSS and HTML.< / p >
< div class = "primary-button" >
< a href = "https://arcticpress.privatedns.org/" > Discover More< / 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 > My Nextcloud Storage< / h4 >
< p > A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is
2023-12-25 03:37:31 +00:00
made using JavaScript, PHP, TypeScript and Vue.< / p >
2023-12-07 19:33:32 +00:00
< div class = "primary-button" >
< a href = "https://arcticcloud.privatedns.org" > Discover More< / a >
< / 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 >
< p > Built Kargi Building Complex’
2023-12-07 19:33:32 +00:00
Typescript. < / 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 >
< p > Made a Vehicle Anti-Theft Face Recognition System using Python, HTML, CMake, Node.js,
Roff, CSS and Java in Computer Engineering Design Project. < / p >
< 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" >
2023-12-07 19:33:32 +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 >
< p > Made a Hospital Management System using React.js in Software Design and Architecture
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" >
2023-12-07 19:33:32 +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 >
< p > Made a real estate website using HTML, CSS and React.js in Analysis and Design of User
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" >
2023-12-07 19:33:32 +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 >
< p > Made an alternative service company with chatbot service website using HTML, CSS and
Node.js in Analysis and Design of User Interfaces class. < / p >
< 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 >
< p > Made an alternative service company with validating form website using HTML, CSS and
Node.js in Analysis and Design of User Interfaces class.< / p >
< 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 >
< p > Made a service company website using HTML and CSS in Analysis and Design of User
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 >
< p > Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and
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 >
< p > Made a grocery store website using HTML, CSS and Node.js in Analysis and 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/" > 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 >
< p > Made an alternative Facebook survey with analysis function website using HTML and CSS,
Node.js and EJS in Analysis and Design of User Interfaces class.< / p >
< div class = "primary-button" >
< a
2023-12-07 19:33:32 +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 >
< p > Made a Facebook survey Website using HTML and CSS in Analysis and Design of User
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" >
< h4 > My Personal Website< / h4 >
< p > This very website that I made with HTML, CSS and Javascript.< / p >
< div class = "primary-button" >
2023-12-07 19:33:32 +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 >
< em > Montreal, QC,
< br > 1220 Crescent Street #304,
< br > H3G 2A9< / 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 >
