Batuhan-Basoglu-Website/fr/index.html

877 lines
45 KiB
HTML
Raw Normal View History

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>
2024-09-08 18:06:53 +00:00
<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/js/all.min.js"></script>
2024-02-05 06:37:21 +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-10-12 16:40:59 +00:00
2024-02-05 06:37:21 +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>
<div class="dropdown">
<button class="dropbtn">
<img src="../img/fr.png" width="20" height="15"> Français
</button>
<div class="dropdown-content">
2024-10-12 16:40:59 +00:00
<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>
2024-02-05 06:37:21 +00:00
</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-11-26 17:03:06 +00:00
<h1><em>Batuhan Berk Başoğlu</em> <br>Développeur Logiciel / Spécialiste en Cybersécurité</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>
2024-10-12 16:40:59 +00:00
<p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la
2024-10-15 04:15:46 +00:00
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-09-05 21:19:14 +00:00
<h4>Général</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projets</a>
2024-02-05 06:37:21 +00:00
</li>
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/fr/">Blog</a>
2024-02-05 06:37:21 +00:00
</li>
<li>
2024-09-08 18:06:53 +00:00
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
2024-02-05 06:37:21 +00:00
</li>
2024-02-06 19:38:29 +00:00
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
2024-02-06 19:38:29 +00:00
</li>
2024-09-01 00:37:52 +00:00
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR">LinkedIn</a>
2024-09-01 00:37:52 +00:00
</li>
2024-02-05 06:37:21 +00:00
</ul>
<h4>Contact</h4>
<ul class="fa-ul">
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">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>
2024-10-12 16:40:59 +00:00
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
2024-03-06 04:07:05 +00:00
</li>
2024-02-05 06:37:21 +00:00
<li>
2024-10-12 16:40:59 +00:00
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
2024-02-05 06:37:21 +00:00
</li>
</ul>
2024-09-08 18:39:25 +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>
2024-10-12 16:40:59 +00:00
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
2024-02-05 06:37:21 +00:00
</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>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>
2024-02-05 06:37:21 +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>
2024-02-05 06:37:21 +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>
2024-02-05 06:37:21 +00:00
<li>Docker</li>
<li>MATLAB</li>
2024-06-29 15:46:47 +00:00
<li>VHDL</li>
2024-02-05 06:37:21 +00:00
<li>ModelSim</li>
<li>AutoCAD</li>
<li>TypeScript</li>
<li>PHP</li>
<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>
2024-02-05 06:37:21 +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>
2024-02-05 06:37:21 +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>
2024-02-05 06:37:21 +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">
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">
2024-12-02 08:23:35 +00:00
<div>
<div class="project-item">
2024-12-15 01:58:03 +00:00
<a href="../img/osmose.png" data-lightbox="image-1"><img src="../img/osmose.png" alt=""></a>
2024-12-02 08:23:35 +00:00
<div class="text-content">
<h4>Osmose</h4>
<p>(2024-Present)</p>
2024-12-15 01:58:03 +00:00
<p>Travaille en tant que développeur .NET. Collaborer et documenter le site Web Gamma en utilisant
.NET, ASP.NET, C#, JavaScript, IIS, HTML, CSS, XML, SOAP, SQL, Microsoft SQL et Tortoise SVN.</p>
2024-12-02 08:23:35 +00:00
<div class="primary-button">
2024-12-15 01:58:03 +00:00
<a href="https://www.osmose.com/">Visit Website</a>
2024-12-02 08:23:35 +00:00
</div>
</div>
</div>
2024-12-15 01:58:03 +00:00
</div>
2024-02-05 06:37:21 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
2024-10-12 16:40:59 +00:00
<p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et
2024-12-15 01:58:03 +00:00
RPM Eco.
2024-10-12 16:40:59 +00:00
Collaboré sur des sites web pour VIA Rail Canada et RPM Eco en utilisant
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js,
React, SQL, MySQL et Microsoft Azure.
2024-06-29 15:46:47 +00:00
</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">
2024-11-03 20:45:14 +00:00
<h4>Complexe Immobilier Kargi</h4>
2024-02-05 06:37:21 +00:00
<p>(2021-2021)</p>
2024-06-29 15:46:47 +00:00
<p>Travaillé à temps partiel en tant que développeur Web.
2024-11-03 20:45:14 +00:00
Créé un site web publicitaire pour le Complexe Immobilier Kargi en utilisant
2024-10-12 16:40:59 +00:00
HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de
l'employeur.
2024-06-29 15:46:47 +00:00
</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-11-04 04:02:59 +00:00
<a href="https://batuhan-basoglu.github.io/Kargi-Sitesi/">Visitez le Site Web</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
2024-06-29 15:46:47 +00:00
<p>Appris à concevoir des maisons avec Atelye70 grâce à un stage.
2024-10-12 16:40:59 +00:00
Acquis une expérience avec AutoCAD et appris les principes fondamentaux de la conception
architecturale.
2024-06-29 15:46:47 +00:00
</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">
2024-12-15 01:58:03 +00:00
<div>
<div class="project-item">
<a href="../img/project-22.jpg" data-lightbox="image-2"><img src="../img/project-22.jpg" alt=""></a>
<div class="text-content">
<h4>Gamma</h4>
<p>Travaille sur le projet Gamma conçu par Osmose.
Il est réalisé en utilisant .NET, ASP.NET, C#, JavaScript, IIS, HTML, CSS, XML, SOAP, SQL, Microsoft SQL et Tortoise SVN. </p>
<div class="primary-button">
<a href="https://gamma.effigis.com/app/">Découvrez Plus</a>
</div>
</div>
</div>
</div>
2024-02-05 06:37:21 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Site Web de RPM Eco</h4>
2024-10-12 16:40:59 +00:00
<p>Travaillé sur le site Web de RPM Eco dans le cadre d'un contrat avec RPM Eco. Il est
réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft
Azure. </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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Site Web de VIA Rail Canada</h4>
2024-10-12 16:40:59 +00:00
<p>Travaillé sur le site Web de VIA Rail Canada dans le cadre d'un contrat avec IBM. Il est
réalisé en
2024-06-29 15:46:47 +00:00
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular et Microsoft Azure. </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-05-07 22:34:37 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
2024-05-07 22:34:37 +00:00
<div class="text-content">
<h4>Un Site de Shopping Cool</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un site de shopping qui est semblable à Amazon. Les utilisateurs peuvent ajouter
et/ou supprimer
les articles qu'ils souhaitent en utilisant leur propre compte. Il a été conçu avec PHP,
CSS, JavaScript, SQL et MySQL.</p>
2024-05-07 22:34:37 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Découvrez
Plus</a>
2024-05-07 22:34:37 +00:00
</div>
</div>
</div>
</div>
2024-02-13 05:39:38 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
alt=""></a>
2024-02-13 05:39:38 +00:00
<div class="text-content">
<h4>.NET Web API avec Angular</h4>
2024-10-12 16:40:59 +00:00
<p>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.
2024-06-29 15:46:47 +00:00
Il est réalisé en utilisant C#, .NET, HTML, CSS, TypeScript, Node,js et Angular.</p>
2024-02-13 05:39:38 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Découvrez
Plus</a>
2024-02-13 05:39:38 +00:00
</div>
</div>
</div>
</div>
2024-02-05 06:37:21 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Mon Service d'Hébergement Git</h4>
2024-10-12 16:40:59 +00:00
<p>Un site web d'hébergement git auto-hébergé est hébergé sur un serveur Ubuntu Linux via
2024-10-15 04:15:46 +00:00
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-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/">Découvrez Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
2024-10-12 16:40:59 +00:00
</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
2024-10-15 04:15:46 +00:00
configuré avec Activity Pub pour vous connecter avec d'autres réseaux sociaux fédérés.
2024-06-29 15:46:47 +00:00
WordPress est réalisé en PHP, JavaScript, HTML et CSS.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a href="https://blog.batuhan.basoglu.ca/">Découvrez Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Mon Stockage Nextcloud</h4>
2024-10-12 16:40:59 +00:00
<p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle.
Nextcloud est réalisé en utilisant PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et
Gherkin.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-11 22:11:02 +00:00
<a href="https://cloud.batuhan.basoglu.ca">Découvrez Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
2024-11-03 20:45:14 +00:00
<div>
<div class="project-item">
<a href="../img/project-21.jpg" data-lightbox="image-2"><img src="../img/project-21.jpg" alt=""></a>
<div class="text-content">
<h4>Site Web de la Famille Başoğlu</h4>
<p>Site Web de la Famille Başoğlu utilisant HTML, CSS et JavaScript. </p>
<div class="primary-button">
<a href="https://basoglu.ca/">Discover More</a>
</div>
</div>
</div>
</div>
2024-02-05 06:37:21 +00:00
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-11-03 20:45:14 +00:00
<h4>Site Web du Complexe Immobilier Kargi</h4>
2024-10-12 16:40:59 +00:00
<p>Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, TypeScript,
JavaScript,
Node,js et Angular.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-11-04 04:02:59 +00:00
<a href="https://batuhan-basoglu.github.io/Kargi-Sitesi/">Découvrez Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Système de Reconnaissance Faciale Antivol pour Véhicule</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, CMake,
JavaScript, Node.js, Roff, Java, HTML et CSS
2024-06-29 15:46:47 +00:00
dans le projet de conception en génie informatique. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Découvrez
Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Demande de Service à Domicile Olympus</h4>
2024-10-12 16:40:59 +00:00
<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 lutilisateur. L'application est réalisée sur Android
Studio.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a
href="https://git.batuhan.basoglu.ca/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Système de Gestion Hôpital-Patient</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un système de gestion hospitalière à l'aide de HTML, JavaScript, Node,js et React
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 à
2024-02-05 15:08:11 +00:00
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-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Site Web des Berceaux de Ken</h4>
2024-10-12 16:40:59 +00:00
<p>Réalisé un site immobilier en utilisant HTML, CSS, JavaScript, Node,js et React en
Analyse et
Conception Utilisateur
Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les
rechercher dans Google
2024-02-05 15:08:11 +00:00
cartes ou contactez les agents depuis le formulaire de contact.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Alternative au Site Web Batuhan's Bikes avec Service Chatbot</h4>
2024-10-12 16:40:59 +00:00
<p>Créé une société de services alternatifs avec un site Web de service de chatbot en
utilisant
HTML, CSS, JavaScript et Node.js
2024-06-29 15:46:47 +00:00
dans le cours Analyse et conception d'interfaces utilisateur. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-10-12 16:40:59 +00:00
href="https://batuhan-basoglu.codeberg.page/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<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>
2024-10-12 16:40:59 +00:00
<p>Créé une société de services alternative avec un site Web de formulaire de validation en
utilisant HTML, CSS, JavaScript et Node.js
2024-06-29 15:46:47 +00:00
dans le cours Analyse et conception d'interfaces utilisateur.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-10-12 16:40:59 +00:00
href="https://batuhan-basoglu.codeberg.page/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Site Web des Vélos de Batuhan</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un site Web de société de services en utilisant HTML, CSS, JavaScript et Node.js
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-10-12 16:40:59 +00:00
<a href="https://batuhan-basoglu.codeberg.page/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Alternative au Site Web de Sam's Mart</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un site Web d'épicerie alternatif en utilisant HTML, CSS, JavaScript et Node.js dans
Analysis et
2024-02-05 15:08:11 +00:00
Cours de conception d'interfaces utilisateur.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a href="https://batuhan-basoglu.codeberg.page/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Site Web de Sam's Mart</h4>
2024-10-12 16:40:59 +00:00
<p>Créé un site Web d'épicerie en utilisant HTML, CSS, JavaScript et Node.js en analyse et
conception utilisateur
2024-02-05 15:08:11 +00:00
Classe d'interfaces.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-09-07 20:49:37 +00:00
<a href="https://batuhan-basoglu.codeberg.page/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">
2024-10-12 16:40:59 +00:00
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<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>
2024-10-12 16:40:59 +00:00
<p>Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant
HTML,
CSS, JavaScript et Node.js
2024-06-29 15:46:47 +00:00
dans le cours Analyse et Conception d'Interfaces Utilisateurs.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-10-12 16:40:59 +00:00
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
2024-02-05 15:08:11 +00:00
Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<div class="text-content">
2024-02-05 15:08:11 +00:00
<h4>Questionnaire du Site Facebook UI/UX</h4>
2024-10-12 16:40:59 +00:00
<p>Réalisé un site Web d'enquête Facebook en utilisant HTML, CSS, JavaScript et Node.js 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
2024-02-05 15:08:11 +00:00
avec le bouton Soumettre pour envoyer les réponses.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-10-12 16:40:59 +00:00
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
2024-02-05 15:08:11 +00:00
Plus</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
2024-10-12 16:40:59 +00:00
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
alt=""></a>
2024-02-05 06:37:21 +00:00
<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-10-12 16:40:59 +00:00
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
2024-02-05 15:08:11 +00:00
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">
2024-10-12 16:40:59 +00:00
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
src="../img/UOttawa_Diploma.jpg" alt="" /></a>
2024-02-05 06:37:21 +00:00
<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>
2024-10-12 16:40:59 +00:00
<p>Déclaration officielle de l'ingénieur par Seven Wardens Inc. Un document exécutoire qui
déclare le
2024-02-05 15:08:11 +00:00
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>
2024-10-12 16:40:59 +00:00
<p>Programme de développement de carrière visant à améliorer les relations professionnelles
grâce à l'utilisation de
2024-02-05 15:08:11 +00:00
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-10-11 22:27:51 +00:00
<p>Droits d'Auteur &copy; 2024 Batuhan Berk Başoğlu</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</article>
</section>
2024-09-08 18:18:05 +00:00
<script>window.jQuery || document.write('<script src="../js/vendor/jquery-3.7.1.min.js"><\/script>')</script>
2024-02-05 06:37:21 +00:00
<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>
2024-10-12 16:40:59 +00:00
</html>