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/fr.png" width = "20" height = "15" > Français
< / button >
< div class = "dropdown-content" >
< a href = "../index.html" >
< img src = "../img/en.png"
width="20" height="15"> English< / 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 >
< 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 15:08:11 +00:00
< h1 > < em > Batuhan Berk Başoğlu< / em > < br > Développeur Logiciel< / 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 15:08:11 +00:00
< h4 > À Propos de Moi< / h4 >
< p > Développeur logiciel motivé avec une connaissance approfondie du développement, de la conception et du codage Web,
ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et d'outils. Succès avéré
dans le développement et le déploiement d'applications, de sites Web et de services Web. Très organisé et soucieux du détail,
avec le don de trouver des solutions créatives à des problèmes difficiles.
2024-02-05 06:37:21 +00:00
< / p >
< div class = "primary-button" >
2024-03-25 03:47:25 +00:00
< a href = "../resume/CV_Batuhan_fr.pdf" > Téléchargez le CV< / 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 15:08:11 +00:00
< h4 > Liens< / 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-04-16 15:49:34 +00:00
< h4 > Professionel< / h4 >
2024-02-05 06:37:21 +00:00
< ul class = "fa-ul" >
< li >
2024-04-05 00:24:26 +00:00
< i class = "fa fa-wordpress" > < / i > < a href = "https://arcticpress.basoglu.co/index.php/fr/" > Blog< / a >
2024-02-05 06:37:21 +00:00
< / li >
< li >
2024-04-05 00:24:26 +00:00
< i class = "fa fa-linkedin" > < / i > < a href = "https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR" > LinkedIn< / a >
2024-02-05 06:37:21 +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 >
2024-02-05 06:37:21 +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-02-06 19:38:29 +00:00
< / li >
2024-04-16 15:49:34 +00:00
< / ul >
< h4 > Personnel< / h4 >
< ul class = "fa-ul" >
2024-02-05 06:37:21 +00:00
< li >
< i class = "fa fa-mastodon" > < / i > < a rel = "me" href = "https://mastodon.social/@batuhan_basoglu" > Mastodon< / a >
< / li >
2024-04-16 15:49:34 +00:00
< li >
< i class = "fa fa-pixelfed" > < / i > < a rel = "me" href = "https://pixelfed.social/batuhan_basoglu" > Pixelfed< / a >
< / li >
2024-02-05 06:37:21 +00:00
< / ul >
< h4 > Contact< / h4 >
< ul class = "fa-ul" >
< 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 >
2024-02-05 06:37: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 >
2024-02-05 06:37:21 +00:00
< li >
< i class = "fa fa-matrix-org" > < / i > < a href = "https://matrix.to/#/@arctichawk1:mozilla.org" > Matrix< / a >
< / li >
< / ul >
2024-02-05 15:08:11 +00:00
< h4 > Pourboire< / 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 15:08:11 +00:00
< a href = "#contact" > Contactez-Moi< / 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" >
2024-03-16 16:02:15 +00:00
< div class = "heading" >
2024-02-05 15:08:11 +00:00
< h4 > Compétences< / 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 15:08:11 +00:00
< h4 > Langues et Compétences< / 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 15:08:11 +00:00
< h4 > L'Expérience Professionnelle< / 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 15:08:11 +00:00
< p > A travaillé en tant que développeur Web, a réalisé un travail contractuel via RPM Eco pour développer son site Web.
J'ai passé un contrat avec IBM pour développer le site Web de VIA Rail Canada.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://www.inovestor.com/" > Visitez le Site Web< / 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ı < / h4 >
< p > (2021-2021)< / p >
2024-02-05 15:08:11 +00:00
< p > J'ai travaillé à temps partiel en tant que développeur Web. Création d'un site Web pour le complexe immobilier Kargı < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://kargisitesi.com/" > Visitez le Site Web< / 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 15:08:11 +00:00
< p > J'ai appris à concevoir des maisons avec Atelye70 grâce à un stage.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://atelye70.com/" > Visitez le Site Web< / 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" >
2024-02-05 15:08:11 +00:00
< h4 > Projets< / 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/project-17.jpg" data-lightbox = "image-2" > < img src = "../img/project-17.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-02-05 15:08:11 +00:00
< h4 > Site Web de RPM Eco< / h4 >
< p > Travaillé sur le site Web de RPM Eco dans le cadre d'un contrat avec RPM Eco. Il est réalisé en HTML, CSS,
2024-02-13 05:39:38 +00:00
.NET, C#, Node.js, Typescript, React et MySQL. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://rpm.eco" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Site Web de VIA Rail Canada< / h4 >
< p > Travaillé sur le site Web de VIA Rail Canada dans le cadre d'un contrat avec IBM. Il est réalisé en HTML,
2024-02-13 05:39:38 +00:00
CSS, .NET, C#, Node.js, Javascript, AngularJS et MySQL. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://reservia.viarail.ca" > Découvrez Plus< / 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 avec Angular< / h4 >
< p > J'ai créé une API Web .NET comme back-end et utilisé Angular comme front-end pour récupérer une API à partir d'un lien à l'aide de l'API REST.
Il est réalisé en utilisant .NET, Angular, Node.js, C#, Typescript, HTML et CSS.< / p >
< div class = "primary-button" >
< a href = "https://github.com/batuhan-basoglu/NET-Web-API-w-Angular" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Mon Service d'Hébergement Git< / h4 >
< p > Un site web d'hébergement git auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
avec Forgejo qui est un fork de Gitea. Il est réalisé en Go, Javascript, Roff et CSS. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://git.batuhan.basoglu.co/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Mon Blog WordPress< / h4 >
< p > Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
avec Activity Pub pour vous connecter avec d'autres réseaux sociaux fédérés.
WordPress est réalisé en PHP, JavaScript, CSS et HTML.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://arcticpress.basoglu.co/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Mon Stockage Nextcloud< / h4 >
< p > Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Nextcloud est
réalisé en utilisant JavaScript, PHP, TypeScript et Vue.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://arcticcloud.basoglu.co" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Site Web du Complexe Immobilier Kargı < / h4 >
< p > Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, Javascript, Angular et
Manuscrit.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://kargisitesi.com/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Système de Reconnaissance Faciale Antivol pour Véhicule< / h4 >
< p > Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, HTML, CMake, Node.js,
Roff, CSS et Java dans le projet de conception en génie informatique. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://sherm048.github.io/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Demande de Service à Domicile Olympus< / h4 >
< p > Créé une application d'appareil Android en utilisant Java dans le cours d'introduction au génie logiciel. Il
est une application d'appareil où l'utilisateur peut configurer ses coordonnées et commander un appareil
services depuis le domicile de l’ < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Système de Gestion Hôpital-Patient< / h4 >
< p > Créé un système de gestion hospitalière à l'aide de React.js dans la conception et l'architecture logicielles
classe. Dans le système de gestion hospitalière, l'utilisateur peut gérer les patients et les affecter à
les employés de l'hôpital où chaque employé effectue des actions différentes.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://github.com/batuhan-basoglu/Hospital-Management-System" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Site Web des Berceaux de Ken< / h4 >
< p > Réalisé un site immobilier en utilisant HTML, CSS et React.js en Analyse et Conception Utilisateur
Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les rechercher dans Google
cartes ou contactez les agents depuis le formulaire de contact.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://github.com/batuhan-basoglu/Kene-s-Cribs-Website" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Alternative au Site Web Batuhan's Bikes avec Service Chatbot< / h4 >
< p > Créé une société de services alternatifs avec un site Web de service de chatbot en utilisant HTML, CSS et
Node.js dans le cours Analyse et conception d'interfaces utilisateur. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 15:08:11 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Alternative au Site Web Batuhan's Bikes avec Formulaire de Validation< / h4 >
< p > Créé une société de services alternative avec un site Web de formulaire de validation en utilisant HTML, CSS et
Node.js dans le cours Analyse et conception d'interfaces utilisateur.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 15:08:11 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Site Web des Vélos de Batuhan< / h4 >
< p > Créé un site Web de société de services en utilisant HTML et CSS dans l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web d'entreprise de services de vélos qui parle de réparation de vélos.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Alternative au Site Web de Sam's Mart< / h4 >
< p > Créé un site Web d'épicerie alternatif en utilisant HTML, CSS et Node.js dans Analysis et
Cours de conception d'interfaces utilisateur.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Site Web de Sam's Mart< / h4 >
< p > Créé un site Web d'épicerie en utilisant HTML, CSS et Node.js en analyse et conception utilisateur
Classe d'interfaces.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website/" > Découvrez Plus< / 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 15:08:11 +00:00
< h4 > Questionnaire de l'Alternative au Site Web Facebook UI/UX avec Fonction d'Analyse< / h4 >
< p > Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant HTML et CSS,
Node.js et EJS dans le cours Analyse et Conception d'Interfaces Utilisateurs.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 15:08:11 +00:00
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
Plus< / 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 15:08:11 +00:00
< h4 > Questionnaire du Site Facebook UI/UX< / h4 >
< p > Réalisé un site Web d'enquête Facebook en utilisant HTML et CSS dans l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web qui pose des questions sur l'interface utilisateur de Facebook
avec le bouton Soumettre pour envoyer les réponses.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/" > Découvrez
Plus< / 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 15:08:11 +00:00
< h4 > Mon Site Web< / h4 >
< p > Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 15:08:11 +00:00
< a href = "https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website" > Découvrez
Plus< / 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 15:08:11 +00:00
< h4 > Éducation< / 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 15:08:11 +00:00
< h4 > Diplôme en Génie Informatique de l'Université d'Ottawa< / h4 >
< p > Baccalauréat en sciences appliquées en génie informatique. 4 ans d'ingénierie informatique
programme, diplômé le 7 juin 2021.< / 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 15:08:11 +00:00
< h4 > Le Rituel de l'Appel d'Ingénieur< / h4 >
< p > Déclaration officielle de l'ingénieur par Seven Wardens Inc. Un document exécutoire qui déclare le
l'intégrité de l'Ingénieur. Reçu le 13 juin 2021.< / 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 15:08:11 +00:00
< h4 > Le Programme de Développement Professionnel Horizons< / h4 >
< p > Programme de développement de carrière visant à améliorer les relations professionnelles grâce à l'utilisation de
ressources professionnelles. Reçu le 26 avril 2021.< / 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 15:08:11 +00:00
< h4 > Contactez-Moi< / 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 15:08:11 +00:00
< input name = "name" type = "text" class = "form-control" id = "name" placeholder = "Votre Nom"
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 >
< textarea name = "message" rows = "6" class = "form-control" id = "message" placeholder = "Message"
required>< / textarea >
< / fieldset >
< fieldset >
2024-02-05 15:08:11 +00:00
< button type = "submit" id = "form-submit" class = "btn" > Envoyez un Message< / 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 15:08:11 +00:00
< p > N'hésitez pas à me contacter, je vous répondrai dans les plus brefs délais.< 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 15:08:11 +00:00
< p > Droits d'Auteur © 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 >
