batuhan-basoglu/Batuhan-Basoglu-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed the errors.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2024-10-12 12:40:59 -04:00
parent 1ee842baf2
commit 01bbea75aa
4 changed files with 676 additions and 381 deletions
Download patch file Download diff file Expand all files Collapse all files

288
fr/index.html
View file

@ -25,7 +25,7 @@
<!--[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>
@ -62,15 +62,12 @@
</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>
<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>
@ -89,10 +86,13 @@
<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>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_fr.pdf">Téléchargez le CV</a>
@ -132,31 +132,38 @@
<h4>Général</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projets</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projets</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/fr/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/fr/">Blog</a>
</li>
<li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR">LinkedIn</a>
</li>
</ul>
<h4>Contact</h4>
<ul class="fa-ul">
<li>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
</li>
<li>
<i class="fa-brands fa-signal-messenger"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
<li>
<i class="fa-solid fa-share-nodes"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
<h4>Pourboire</h4>
@ -165,7 +172,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -284,13 +292,16 @@
<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>
<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>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et RPM Eco.
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.
<p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et
RPM Eco.
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.
</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visitez le Site Web</a>
@ -305,8 +316,9 @@
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Travaillé à temps partiel en tant que développeur Web.
Créé un site web publicitaire pour le complexe immobilier Kargı en utilisant
HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de l'employeur.
Créé un site web publicitaire pour le complexe immobilier Kargı en utilisant
HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de
l'employeur.
</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visitez le Site Web</a>
@ -316,12 +328,14 @@
</div>
<div>
<div class="project-item">
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg" alt=""></a>
<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>Appris à concevoir des maisons avec Atelye70 grâce à un stage.
Acquis une expérience avec AutoCAD et appris les principes fondamentaux de la conception architecturale.
Acquis une expérience avec AutoCAD et appris les principes fondamentaux de la conception
architecturale.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visitez le Site Web</a>
@ -354,11 +368,14 @@
<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>
<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
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft Azure. </p>
<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>
<div class="primary-button">
<a href="https://rpm.eco">Découvrez Plus</a>
</div>
@ -367,10 +384,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<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
<p>Travaillé sur le site Web de VIA Rail Canada dans le cadre d'un contrat avec IBM. Il est
réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular et Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Découvrez Plus</a>
@ -380,59 +399,77 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
<div class="text-content">
<h4>Un Site de Shopping Cool</h4>
<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>
<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>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">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>
<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>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.
<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.
Il est réalisé en utilisant C#, .NET, HTML, CSS, TypeScript, Node,js et Angular.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/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>
<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é
<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>
<a href="https://git.batuhan.basoglu.ca/">Découvrez Plus</a>
</div>
</div>
</div>
</div>arcticclou
<p>Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
</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, HTML et CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Découvrez Plus</a>
<a href="https://blog.batuhan.basoglu.ca/">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>
<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 PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et Gherkin.</p>
<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>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Découvrez Plus</a>
</div>
@ -441,10 +478,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<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, TypeScript, JavaScript, Node,js et Angular.</p>
<p>Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, TypeScript,
JavaScript,
Node,js et Angular.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Découvrez Plus</a>
</div>
@ -453,119 +493,160 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<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, CMake, JavaScript, Node.js, Roff, Java, HTML et CSS
<p>Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, CMake,
JavaScript, Node.js, Roff, Java, HTML et CSS
dans le projet de conception en génie informatique. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Découvrez Plus</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">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>
<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>
<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://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Découvrez Plus</a>
<a
href="https://git.batuhan.basoglu.ca/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>
<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 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 à
<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 à
les employés de l'hôpital où chaque employé effectue des actions différentes.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/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>
<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, 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
<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
cartes ou contactez les agents depuis le formulaire de contact.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/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>
<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, JavaScript et Node.js
<p>Créé une société de services alternatifs avec un site Web de service de chatbot en
utilisant
HTML, CSS, JavaScript et Node.js
dans le cours Analyse et conception d'interfaces utilisateur. </p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez Plus</a>
href="https://batuhan-basoglu.codeberg.page/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>
<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, JavaScript et Node.js
<p>Créé une société de services alternative avec un site Web de formulaire de validation en
utilisant HTML, CSS, JavaScript et Node.js
dans le cours Analyse et conception d'interfaces utilisateur.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez Plus</a>
href="https://batuhan-basoglu.codeberg.page/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>
<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, 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>
<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>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Découvrez Plus</a>
<a href="https://batuhan-basoglu.codeberg.page/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>
<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, JavaScript et Node.js dans Analysis et
<p>Créé un site Web d'épicerie alternatif en utilisant HTML, CSS, JavaScript et Node.js dans
Analysis et
Cours de conception d'interfaces utilisateur.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Découvrez Plus</a>
<a href="https://batuhan-basoglu.codeberg.page/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>
<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, JavaScript et Node.js en analyse et conception utilisateur
<p>Créé un site Web d'épicerie en utilisant HTML, CSS, JavaScript et Node.js en analyse et
conception utilisateur
Classe d'interfaces.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Découvrez Plus</a>
@ -575,14 +656,17 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg" alt=""></a>
<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, CSS, JavaScript et Node.js
<p>Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant
HTML,
CSS, JavaScript et Node.js
dans le cours Analyse et Conception d'Interfaces Utilisateurs.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.co/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
Plus</a>
</div>
</div>
@ -590,14 +674,19 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg" alt=""></a>
<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, 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
<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
avec le bouton Soumettre pour envoyer les réponses.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
Plus</a>
</div>
</div>
@ -605,12 +694,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
<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://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
Plus</a>
</div>
</div>
@ -642,8 +732,8 @@
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<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
@ -657,7 +747,8 @@
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
<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>
@ -668,7 +759,8 @@
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
<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>
@ -748,4 +840,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>