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