750 lines
39 KiB
HTML
750 lines
39 KiB
HTML
<!doctype html>
|
||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
|
||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
|
||
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
|
||
<!--[if gt IE 8]><!-->
|
||
<html class="no-js" lang=""> <!--<![endif]-->
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<title>Batuhan Berk Başoğlu</title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="apple-touch-icon" href="../apple-touch-icon.png">
|
||
|
||
<link rel="stylesheet" href="../css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
|
||
<link rel="stylesheet" href="../css/styles.css">
|
||
|
||
<script src="../js/vendor/modernizr-3.6.0-respond-1.4.2.min.js"></script>
|
||
<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">
|
||
<h1><em>Batuhan Berk Başoğlu</em> <br>Développeur Logiciel</h1>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="home-box-content">
|
||
<div class="left-text">
|
||
<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.
|
||
</p>
|
||
<div class="primary-button">
|
||
<a href="../resume/CV_Batuhan.pdf">Téléchargez le CV</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-image">
|
||
<img src="../img/batuhan-basoglu.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
<section class="panel b-yellow" id="links">
|
||
<article class="panel__wrapper">
|
||
<div class="panel__content">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 col-md-offset-2">
|
||
<div class="about-content">
|
||
<div style="padding-top: 10%;" class="heading">
|
||
<h4>Liens</h4>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="about-box-content">
|
||
<img src="../img/social.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 col-md-offset-5">
|
||
<div class="about-box-text">
|
||
<h4>Professionnel</h4>
|
||
<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>
|
||
<li>
|
||
<i class="fa fa-youtube-play"></i> <a href="https://www.youtube.com/channel/UC6I8SlouORCHEtEsu45flRQ">YouTube</a>
|
||
</li>
|
||
</ul>
|
||
<h4>Personnel</h4>
|
||
<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>
|
||
<h4>Contact</h4>
|
||
<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>
|
||
<h4>Pourboire</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>
|
||
<div class="primary-button">
|
||
<a href="#contact">Contactez-Moi</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>Compétences</h4>
|
||
</div>
|
||
<div class="row">
|
||
<div class="column">
|
||
<div class="about-box-text" style="margin-top: 0;">
|
||
<h4>Langues et Compétences</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>
|
||
<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>
|
||
<li>K-ECS</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>L'Expérience Professionnelle</h4>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="owl-carousel owl-theme projects-container">
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>Inovestor</h4>
|
||
<p>(2021-2024)</p>
|
||
<p> 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>
|
||
<div class="primary-button">
|
||
<a href="https://www.inovestor.com/">Visitez le Site Web</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/kargi.jpg" data-lightbox="image-1"><img src="../img/kargi.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>Kargı Building Complex</h4>
|
||
<p>(2021-2021)</p>
|
||
<p>J'ai travaillé à temps partiel en tant que développeur Web. Création d'un site Web pour le complexe immobilier Kargı. </p>
|
||
<div class="primary-button">
|
||
<a href="https://kargisitesi.com/">Visitez le Site Web</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>J'ai appris à concevoir des maisons avec Atelye70 grâce à un stage.</p>
|
||
<div class="primary-button">
|
||
<a href="https://atelye70.com/">Visitez le Site Web</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>Projets</h4>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="owl-carousel owl-theme projects-container">
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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,
|
||
.NET, C#, Node.js, Typescript, React et MySQL. </p>
|
||
<div class="primary-button">
|
||
<a href="https://rpm.eco">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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,
|
||
CSS, .NET, C#, Node.js, Javascript, AngularJS et MySQL. </p>
|
||
<div class="primary-button">
|
||
<a href="https://reservia.viarail.ca">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>.NET Web API 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>
|
||
<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>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>
|
||
<div class="primary-button">
|
||
<a href="https://git.batuhan.basoglu.co/">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>Mon Site de Gestion de Photos</h4>
|
||
<p>Un site web de gestion de photos auto-hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
|
||
avec PhotoPrism qui utilise l'IA pour indexer ses photos. Il est réalisé en utilisant Go, Vue et CSS. </p>
|
||
<div class="primary-button">
|
||
<a href="https://arcticcloud.basoglu.co:2342/">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a href="https://arcticpress.basoglu.co/">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a href="https://arcticcloud.basoglu.co">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a href="https://kargisitesi.com/">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a href="https://sherm048.github.io/">Découvrez Plus</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>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’utilisateur. L'application est réalisée sur Android Studio.</p>
|
||
<div class="primary-button">
|
||
<a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a
|
||
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a
|
||
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Découvrez Plus</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>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>
|
||
<div class="primary-button">
|
||
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Découvrez Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>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>
|
||
<div class="primary-button">
|
||
<a
|
||
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
|
||
Plus</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 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>
|
||
<div class="primary-button">
|
||
<a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
|
||
Plus</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="project-item">
|
||
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
|
||
<div class="text-content">
|
||
<h4>Mon Site Web</h4>
|
||
<p>Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.</p>
|
||
<div class="primary-button">
|
||
<a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
|
||
Plus</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>Éducation</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>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>
|
||
</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>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>
|
||
</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>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>
|
||
</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>Contactez-Moi</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="Votre Nom"
|
||
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">Envoyez un Message</button>
|
||
</fieldset>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="more-info">
|
||
<p>N'hésitez pas à me contacter, je vous répondrai dans les plus brefs délais.<br><br>
|
||
<em>Montreal, QC</em>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="footer">
|
||
<p>Droits d'Auteur © 2024 Batuhan Başoğlu</p>
|
||
</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>
|