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

Added the French Translation.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2024-02-05 10:08:11 -05:00
parent 65e4ed8477
commit 3fa63bb676
5 changed files with 133 additions and 137 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css/styles.css
View file

@ -876,7 +876,7 @@ body.lb-disable-scrolling {
.lb-outerContainer { .lb-outerContainer {
position: relative; position: relative;
*zoom: 1; zoom: 1;
width: 250px; width: 250px;
height: 250px; height: 250px;
margin: 0 auto; margin: 0 auto;
@ -975,7 +975,7 @@ body.lb-disable-scrolling {
.lb-dataContainer { .lb-dataContainer {
margin: 0 auto; margin: 0 auto;
padding-top: 5px; padding-top: 5px;
*zoom: 1; zoom: 1;
width: 100%; width: 100%;
-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;

4
es/index.html
View file

@ -250,7 +250,7 @@
<li>HCS12</li> <li>HCS12</li>
<li>Altera DE2</li> <li>Altera DE2</li>
<li>K-CSP</li> <li>K-CSP</li>
<li>K-ECS</li>sn <li>K-ECS</li>
<li>Adobe After Effects</li> <li>Adobe After Effects</li>
<li>Adobe Photoshop</li> <li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</li> <li>Adobe Premiere Pro</li>
@ -284,7 +284,7 @@
<div class="text-content"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <p>(2021-2024)</p>
<p> Worked as a web developer, doing a contract work through RPM Eco to develop it's website. <p> Worked as a web developer, did a contract work through RPM Eco to develop it's website.
Did a contract work through IBM to develop VIA Rail Canada's website.</p> Did a contract work through IBM to develop VIA Rail Canada's website.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Visit Website</a>

248
fr/index.html
View file

@ -83,20 +83,20 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="home-content"> <div class="home-content">
<div class="home-heading"> <div class="home-heading">
<h1><em>Batuhan Berk Başoğlu</em> <br>Software Developer</h1> <h1><em>Batuhan Berk Başoğlu</em> <br>Développeur Logiciel</h1>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>About me</h4> <h4>À Propos de Moi</h4>
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding, <p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la conception et du codage Web,
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et d'outils. Succès avéré
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented, 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,
with a knack for finding creative solutions to challenging problems. avec le don de trouver des solutions créatives à des problèmes difficiles.
</p> </p>
<div class="primary-button"> <div class="primary-button">
<a href="../resume/CV_Batuhan.pdf">Download Resume</a> <a href="../resume/CV_Batuhan.pdf">Téléchargez le CV</a>
</div> </div>
</div> </div>
<div class="right-image"> <div class="right-image">
@ -120,7 +120,7 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="about-content"> <div class="about-content">
<div style="padding-top: 10%;" class="heading"> <div style="padding-top: 10%;" class="heading">
<h4>Links</h4> <h4>Liens</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -130,7 +130,7 @@
</div> </div>
<div class="col-md-7 col-md-offset-5"> <div class="col-md-7 col-md-offset-5">
<div class="about-box-text"> <div class="about-box-text">
<h4>Professional</h4> <h4>Professionnel</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <li>
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a> <i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
@ -142,7 +142,7 @@
<i class="fa fa-wordpress"></i> <a href="https://arcticpress.basoglu.co/">Blog</a> <i class="fa fa-wordpress"></i> <a href="https://arcticpress.basoglu.co/">Blog</a>
</li> </li>
</ul> </ul>
<h4>Personal</h4> <h4>Personnel</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <li>
<i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.social/@batuhan_basoglu">Mastodon</a> <i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.social/@batuhan_basoglu">Mastodon</a>
@ -163,7 +163,7 @@
<i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a> <i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li> </li>
</ul> </ul>
<h4>Tipping</h4> <h4>Pourboire</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <li>
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a> <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
@ -173,7 +173,7 @@
</li> </li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
<a href="#contact">Contact Me</a> <a href="#contact">Contactez-Moi</a>
</div> </div>
</div> </div>
</div> </div>
@ -193,12 +193,12 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="about-content"> <div class="about-content">
<div style="padding-top: 20%;" class="heading"> <div style="padding-top: 20%;" class="heading">
<h4>Skills</h4> <h4>Compétences</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<div class="about-box-text" style="margin-top: 0;"> <div class="about-box-text" style="margin-top: 0;">
<h4>Languages and Skills</h4> <h4>Langues et Compétences</h4>
<ul> <ul>
<li>Git</li> <li>Git</li>
<li>Python</li> <li>Python</li>
@ -250,7 +250,7 @@
<li>HCS12</li> <li>HCS12</li>
<li>Altera DE2</li> <li>Altera DE2</li>
<li>K-CSP</li> <li>K-CSP</li>
<li>K-ECS</li>sn <li>K-ECS</li>
<li>Adobe After Effects</li> <li>Adobe After Effects</li>
<li>Adobe Photoshop</li> <li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</li> <li>Adobe Premiere Pro</li>
@ -273,7 +273,7 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="projects-content"> <div class="projects-content">
<div class="heading"> <div class="heading">
<h4>Work Experience</h4> <h4>L'Expérience Professionnelle</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -284,10 +284,10 @@
<div class="text-content"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <p>(2021-2024)</p>
<p> Worked as a web developer, doing a contract work through RPM Eco to develop it's website. <p> A travaillé en tant que développeur Web, a réalisé un travail contractuel via RPM Eco pour développer son site Web.
Did a contract work through IBM to develop VIA Rail Canada's website.</p> J'ai passé un contrat avec IBM pour développer le site Web de VIA Rail Canada.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Visitez le Site Web</a>
</div> </div>
</div> </div>
</div> </div>
@ -298,9 +298,9 @@
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex</h4> <h4>Kargı Building Complex</h4>
<p>(2021-2021)</p> <p>(2021-2021)</p>
<p>Worked part-time as web developer. Made a website for the Kargı building complex. </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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Visit Website</a> <a href="https://kargisitesi.com/">Visitez le Site Web</a>
</div> </div>
</div> </div>
</div> </div>
@ -311,9 +311,9 @@
<div class="text-content"> <div class="text-content">
<h4>Atelye70</h4> <h4>Atelye70</h4>
<p>(2016-2016)</p> <p>(2016-2016)</p>
<p>Learned how to design houses with Atelye70 through an internship.</p> <p>J'ai appris à concevoir des maisons avec Atelye70 grâce à un stage.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://atelye70.com/">Visit Website</a> <a href="https://atelye70.com/">Visitez le Site Web</a>
</div> </div>
</div> </div>
</div> </div>
@ -336,7 +336,7 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="projects-content"> <div class="projects-content">
<div class="heading"> <div class="heading">
<h4>Projects</h4> <h4>Projets</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -345,11 +345,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>RPM Eco's Website</h4> <h4>Site Web de RPM Eco</h4>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco. It is made using HTML, CSS, <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#, React and MySQL. </p> .NET, C#, React et MySQL. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://rpm.eco">Discover More</a> <a href="https://rpm.eco">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -358,11 +358,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>VIA Rail Canada's Website</h4> <h4>Site Web de VIA Rail Canada</h4>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM. It is made using HTML, <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#, AngularJS and MySQL. </p> CSS, .NET, C#, AngularJS et MySQL. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a> <a href="https://reservia.viarail.ca">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -371,11 +371,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>My Git Hosting Service</h4> <h4>Mon Service d'Hébergement Git</h4>
<p>A self-hosted Git hosting Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>Un site web d'hébergement git auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p> avec Forgejo qui est un fork de Gitea. Il est réalisé en Go, Javascript, Roff et CSS. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Discover More</a> <a href="https://git.batuhan.basoglu.co/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -384,11 +384,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>My Photo Management Website</h4> <h4>Mon Site de Gestion de Photos</h4>
<p>A self-hosted Photo Management Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>Un site web de gestion de photos auto-hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. </p> 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"> <div class="primary-button">
<a href="https://arcticcloud.basoglu.co:2342/">Discover More</a> <a href="https://arcticcloud.basoglu.co:2342/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -397,12 +397,12 @@
<div class="project-item"> <div class="project-item">
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg" alt=""></a> <a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>My WordPress Blog</h4> <h4>Mon Blog WordPress</h4>
<p>A self-hosted WordPress blog hosted in a Ubuntu Linux server via Oracle. It is configured <p>Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
with Activity Pub to connect with other federated social networks. avec Activity Pub pour vous connecter avec d'autres réseaux sociaux fédérés.
WordPress is made using PHP, JavaScript, CSS and HTML.</p> WordPress est réalisé en PHP, JavaScript, CSS et HTML.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Discover More</a> <a href="https://arcticpress.basoglu.co/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -411,11 +411,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>My Nextcloud Storage</h4> <h4>Mon Stockage Nextcloud</h4>
<p>A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is <p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Nextcloud est
made using JavaScript, PHP, TypeScript and Vue.</p> réalisé en utilisant JavaScript, PHP, TypeScript et Vue.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arcticcloud.basoglu.co">Discover More</a> <a href="https://arcticcloud.basoglu.co">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -424,11 +424,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Kargı Building Complex's Website</h4> <h4>Site Web du Complexe Immobilier Kargı</h4>
<p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and <p>Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, Javascript, Angular et
Typescript. </p> Manuscrit.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a> <a href="https://kargisitesi.com/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -437,11 +437,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Vehicle Anti-Theft Face Recognition System</h4> <h4>Système de Reconnaissance Faciale Antivol pour Véhicule</h4>
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, HTML, CMake, Node.js, <p>Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, HTML, CMake, Node.js,
Roff, CSS and Java in Computer Engineering Design Project. </p> Roff, CSS et Java dans le projet de conception en génie informatique. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://sherm048.github.io/">Discover More</a> <a href="https://sherm048.github.io/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -450,13 +450,12 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Olympus Home Service Application</h4> <h4>Demande de Service à Domicile Olympus</h4>
<p>Made Android appliance app using Java in Introduction to Software Engineering class. It <p>Créé une application d'appareil Android en utilisant Java dans le cours d'introduction au génie logiciel. Il
is an appliance application where user can set up his/her details and order appliance est une application d'appareil où l'utilisateur peut configurer ses coordonnées et commander un appareil
services from user’s home. App is made on the Android Studio.</p> services depuis le domicile de l’utilisateur. L'application est réalisée sur Android Studio.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover <a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Découvrez Plus</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -465,12 +464,12 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Hospital-Patient Management System</h4> <h4>Système de Gestion Hôpital-Patient</h4>
<p>Made a Hospital Management System using React.js in Software Design and Architecture <p>Créé un système de gestion hospitalière à l'aide de React.js dans la conception et l'architecture logicielles
class. In the Hospital Management System, user can manage the patients and assign them to classe. Dans le système de gestion hospitalière, l'utilisateur peut gérer les patients et les affecter à
the hospital employees where each employee makes different actions.</p> les employés de l'hôpital où chaque employé effectue des actions différentes.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Discover More</a> <a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -479,12 +478,12 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Kene's Cribs Website</h4> <h4>Site Web des Berceaux de Ken</h4>
<p>Made a real estate website using HTML, CSS and React.js in Analysis and Design of User <p>Réalisé un site immobilier en utilisant HTML, CSS et React.js en Analyse et Conception Utilisateur
Interfaces class. It is a website where user can browse the houses, search them in google Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les rechercher dans Google
maps or contact the agents from the contact form.</p> cartes ou contactez les agents depuis le formulaire de contact.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Discover More</a> <a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -493,13 +492,12 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Chatbot Service</h4> <h4>Alternative au Site Web Batuhan's Bikes avec Service Chatbot</h4>
<p>Made an alternative service company with chatbot service website using HTML, CSS and <p>Créé une société de services alternatifs avec un site Web de service de chatbot en utilisant HTML, CSS et
Node.js in Analysis and Design of User Interfaces class. </p> Node.js dans le cours Analyse et conception d'interfaces utilisateur. </p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Discover href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez Plus</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -508,13 +506,12 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Validating Form</h4> <h4>Alternative au Site Web Batuhan's Bikes avec Formulaire de Validation</h4>
<p>Made an alternative service company with validating form website using HTML, CSS and <p>Créé une société de services alternative avec un site Web de formulaire de validation en utilisant HTML, CSS et
Node.js in Analysis and Design of User Interfaces class.</p> Node.js dans le cours Analyse et conception d'interfaces utilisateur.</p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Discover href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez Plus</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -523,11 +520,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Batuhan's Bikes Website</h4> <h4>Site Web des Vélos de Batuhan</h4>
<p>Made a service company website using HTML and CSS in Analysis and Design of User <p>Créé un site Web de société de services en utilisant HTML et CSS dans l'analyse et la conception de l'utilisateur
Interfaces class. It is a bike service company website which talks about bike repairs.</p> 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"> <div class="primary-button">
<a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Discover More</a> <a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -536,12 +533,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Sam's Mart Website Alternative</h4> <h4>Alternative au Site Web de Sam's Mart</h4>
<p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and <p>Créé un site Web d'épicerie alternatif en utilisant HTML, CSS et Node.js dans Analysis et
Design of User Interfaces class.</p> Cours de conception d'interfaces utilisateur.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Discover <a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Découvrez Plus</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -550,11 +546,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Sam's Mart Website</h4> <h4>Site Web de Sam's Mart</h4>
<p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User <p>Créé un site Web d'épicerie en utilisant HTML, CSS et Node.js en analyse et conception utilisateur
Interfaces class. </p> Classe d'interfaces.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Discover More</a> <a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Découvrez Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -563,13 +559,13 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website Alternative with Analysis Function</h4> <h4>Questionnaire de l'Alternative au Site Web Facebook UI/UX avec Fonction d'Analyse</h4>
<p>Made an alternative Facebook survey with analysis function website using HTML and CSS, <p>Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant HTML et CSS,
Node.js and EJS in Analysis and Design of User Interfaces class.</p> Node.js et EJS dans le cours Analyse et Conception d'Interfaces Utilisateurs.</p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
More</a> Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -578,13 +574,13 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website</h4> <h4>Questionnaire du Site Facebook UI/UX</h4>
<p>Made a Facebook survey Website using HTML and CSS in Analysis and Design of User <p>Réalisé un site Web d'enquête Facebook en utilisant HTML et CSS dans l'analyse et la conception de l'utilisateur
Interfaces class. This is a website that asks questions about the Facebook user interface Classe d'interfaces. Il s'agit d'un site Web qui pose des questions sur l'interface utilisateur de Facebook
with submit button to send the answers.</p> avec le bouton Soumettre pour envoyer les réponses.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover <a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
More</a> Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -593,11 +589,11 @@
<div class="project-item"> <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"> <div class="text-content">
<h4>My Website</h4> <h4>Mon Site Web</h4>
<p>This very website that I made with HTML, CSS and Javascript.</p> <p>Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Discover <a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
More</a> Plus</a>
</div> </div>
</div> </div>
</div> </div>
@ -620,7 +616,7 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="projects-content"> <div class="projects-content">
<div style="padding-top: 20%" class="heading"> <div style="padding-top: 20%" class="heading">
<h4>Education</h4> <h4>Éducation</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -631,9 +627,9 @@
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg" <a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a> alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>University of Ottawa Computer Engineering Degree</h4> <h4>Diplôme en Génie Informatique de l'Université d'Ottawa</h4>
<p>Bachelor of Applied Science in Computer Engineering. 4 years of Computer Engineering <p>Baccalauréat en sciences appliquées en génie informatique. 4 ans d'ingénierie informatique
program, graduated in 7 June 2021.</p> programme, diplômé le 7 juin 2021.</p>
</div> </div>
</div> </div>
@ -642,9 +638,9 @@
<a href="../img/ironring-certificate.jpg" data-lightbox="image-3"><img <a href="../img/ironring-certificate.jpg" data-lightbox="image-3"><img
src="../img/ironring-certificate-sm.jpg" alt="" /></a> src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>The Ritual of the Calling of an Engineer</h4> <h4>Le Rituel de l'Appel d'Ingénieur</h4>
<p>Official Engineer declaration by Seven Wardens Inc. A Binding document which declares the <p>Déclaration officielle de l'ingénieur par Seven Wardens Inc. Un document exécutoire qui déclare le
integrity of the Engineer. Received at 13 June 2021.</p> l'intégrité de l'Ingénieur. Reçu le 13 juin 2021.</p>
</div> </div>
</div> </div>
@ -653,9 +649,9 @@
<a href="../img/horizons-certificate.jpg" data-lightbox="image-3"><img <a href="../img/horizons-certificate.jpg" data-lightbox="image-3"><img
src="../img/horizons-certificate.jpg" alt="" /></a> src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>The Horizons Professional Development Program</h4> <h4>Le Programme de Développement Professionnel Horizons</h4>
<p>Career development program to improve professional connections through the use of <p>Programme de développement de carrière visant à améliorer les relations professionnelles grâce à l'utilisation de
professional resources. Received at 26 April 2021.</p> ressources professionnelles. Reçu le 26 avril 2021.</p>
</div> </div>
</div> </div>
@ -680,14 +676,14 @@
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="contact-content"> <div class="contact-content">
<div class="heading"> <div class="heading">
<h4>Contact me</h4> <h4>Contactez-Moi</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
<div class="contact-form"> <div class="contact-form">
<form id="contact" action="https://formspree.io/f/mrgvywen" method="POST"> <form id="contact" action="https://formspree.io/f/mrgvywen" method="POST">
<fieldset> <fieldset>
<input name="name" type="text" class="form-control" id="name" placeholder="Your Name" <input name="name" type="text" class="form-control" id="name" placeholder="Votre Nom"
required> required>
</fieldset> </fieldset>
<fieldset> <fieldset>
@ -698,14 +694,14 @@
required></textarea> required></textarea>
</fieldset> </fieldset>
<fieldset> <fieldset>
<button type="submit" id="form-submit" class="btn">Send Message</button> <button type="submit" id="form-submit" class="btn">Envoyez un Message</button>
</fieldset> </fieldset>
</form> </form>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="more-info"> <div class="more-info">
<p>Feel free to get in touch with me, and I will respond as promptly as possible.<br><br> <p>N'hésitez pas à me contacter, je vous répondrai dans les plus brefs délais.<br><br>
<em>Montreal, QC</em> <em>Montreal, QC</em>
</p> </p>
</div> </div>
@ -715,7 +711,7 @@
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<div class="footer"> <div class="footer">
<p>Copyright &copy; 2024 Batuhan Başoğlu</p> <p>Droits d'Auteur &copy; 2024 Batuhan Başoğlu</p>
</div> </div>
</div> </div>
</div> </div>

10
index.html
View file

@ -250,7 +250,7 @@
<li>HCS12</li> <li>HCS12</li>
<li>Altera DE2</li> <li>Altera DE2</li>
<li>K-CSP</li> <li>K-CSP</li>
<li>K-ECS</li>sn <li>K-ECS</li>
<li>Adobe After Effects</li> <li>Adobe After Effects</li>
<li>Adobe Photoshop</li> <li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</li> <li>Adobe Premiere Pro</li>
@ -284,7 +284,7 @@
<div class="text-content"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <p>(2021-2024)</p>
<p> Worked as a web developer, doing a contract work through RPM Eco to develop it's website. <p> Worked as a web developer, did a contract work through RPM Eco to develop it's website.
Did a contract work through IBM to develop VIA Rail Canada's website.</p> Did a contract work through IBM to develop VIA Rail Canada's website.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Visit Website</a>
@ -372,7 +372,7 @@
<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"> <div class="text-content">
<h4>My Git Hosting Service</h4> <h4>My Git Hosting Service</h4>
<p>A self-hosted Git hosting Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>A self-hosted git hosting website hosted in a Ubuntu Linux server via Oracle. It is configured
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p> with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Discover More</a> <a href="https://git.batuhan.basoglu.co/">Discover More</a>
@ -385,7 +385,7 @@
<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"> <div class="text-content">
<h4>My Photo Management Website</h4> <h4>My Photo Management Website</h4>
<p>A self-hosted Photo Management Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>A self-hosted photo management website hosted in a Ubuntu Linux server via Oracle. It is configured
with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. </p> with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arcticcloud.basoglu.co:2342/">Discover More</a> <a href="https://arcticcloud.basoglu.co:2342/">Discover More</a>
@ -425,7 +425,7 @@
<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"> <div class="text-content">
<h4>Kargı Building Complex's Website</h4> <h4>Kargı Building Complex's Website</h4>
<p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and <p>Built Kargı Building Complex’s Website using HTML, CSS, Javascript, Angular and
Typescript. </p> Typescript. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a> <a href="https://kargisitesi.com/">Discover More</a>

4
tr/index.html
View file

@ -250,7 +250,7 @@
<li>HCS12</li> <li>HCS12</li>
<li>Altera DE2</li> <li>Altera DE2</li>
<li>K-CSP</li> <li>K-CSP</li>
<li>K-ECS</li>sn <li>K-ECS</li>
<li>Adobe After Effects</li> <li>Adobe After Effects</li>
<li>Adobe Photoshop</li> <li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</li> <li>Adobe Premiere Pro</li>
@ -284,7 +284,7 @@
<div class="text-content"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <p>(2021-2024)</p>
<p> Worked as a web developer, doing a contract work through RPM Eco to develop it's website. <p> Worked as a web developer, did a contract work through RPM Eco to develop it's website.
Did a contract work through IBM to develop VIA Rail Canada's website.</p> Did a contract work through IBM to develop VIA Rail Canada's website.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Visit Website</a>