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

164
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>
@ -55,23 +55,20 @@
</li>
</ul>
</nav>
<div class="dropdown">
<button class="dropbtn">
<div class="dropdown">
<button class="dropbtn">
<img src="img/en.png" width="20" height="15"> English
</button>
<div class="dropdown-content">
<a href="/fr/index.html">
<img src="img/fr.png"
width="20" height="15"> Français</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>
</button>
<div class="dropdown-content">
<a href="/fr/index.html">
<img src="img/fr.png" width="20" height="15"> Français</a>
<a href="/es/index.html">
<img src="img/es.png" width="20" height="15"> Español</a>
<a href="/tr/index.html">
<img src="img/tr.png" width="20" height="15"> Türkçe</a>
</div>
</div>
<section class="panel b-blue" id="home">
@ -89,10 +86,13 @@
<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.
<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.
</p>
<div class="primary-button">
<a href="resume/CV_Batuhan.pdf">Download Resume</a>
@ -132,7 +132,8 @@
<h4>General</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projects</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projects</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/">Blog</a>
@ -141,22 +142,27 @@
<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/">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/">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>Tipping</h4>
@ -165,7 +171,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">
@ -275,7 +282,16 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="img/inovestorbatuhan.basoglu.caww.inovestor.com/">Visit Website</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> Worked as a full stack developer, doing sub-contracts for IBM and RPM Eco.
Collaborated on websites for VIA Rail Canada and RPM Eco using C#, .NET, ASP.NET, IIS,
HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL and
Microsoft Azure.</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a>
</div>
</div>
</div>
@ -286,7 +302,8 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Worked part-time as web developer. Created an advertising website from scratch for the Kargı Building Complex using HTML, CSS, TypeScript, JavaScript, Node,js and Angular </p>
<p>Worked part-time as web developer. Created an advertising website from scratch for the
Kargı Building Complex using HTML, CSS, TypeScript, JavaScript, Node,js and Angular </p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visit Website</a>
</div>
@ -299,8 +316,9 @@
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
<p>Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.</p>
<p>Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visit Website</a>
</div>
@ -335,8 +353,9 @@
<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 C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL and Microsoft Azure. </p>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL
and Microsoft Azure. </p>
<div class="primary-button">
<a href="https://rpm.eco">Discover More</a>
</div>
@ -348,8 +367,9 @@
<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 C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and Microsoft Azure. </p>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and
Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a>
</div>
@ -361,10 +381,12 @@
<a href="img/project-18.jpg" data-lightbox="image-2"><img src="img/project-18.jpg" alt=""></a>
<div class="text-content">
<h4>Cool Shopping Site</h4>
<p>Created a shopping site which is like Amazon. User can add and/or delete items they would like using their own account.
<p>Created a shopping site which is like Amazon. User can add and/or delete items they would
like using their own account.
It is made using PHP, CSS, JavaScript, SQL and MySQL.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Discover
More</a>
</div>
</div>
</div>
@ -374,10 +396,12 @@
<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 with Angular</h4>
<p>I created a .NET Web API as back-end and used Angular as front-end to retrieve an API from a link using REST API.
<p>I created a .NET Web API as back-end and used Angular as front-end to retrieve an API
from a link using REST API.
It is made using C#, .NET, HTML, CSS, TypeScript, Node,js and Angular. </p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Discover
More</a>
</div>
</div>
</div>
@ -387,10 +411,11 @@
<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>
<a href="https://git.batuhan.basoglu.ca/">Discover More</a>
</div>
</div>
</div>
@ -404,7 +429,7 @@
with Activity Pub to connect with other federated social networks.
WordPress is made using PHP, JavaScript, HTML and CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Discover More</a>
<a href="https://blog.batuhan.basoglu.ca/">Discover More</a>
</div>
</div>
</div>
@ -427,7 +452,8 @@
<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 Kargı Building Complex’s Website using HTML, CSS, TypeScript, JavaScript, Node,js and Angular. </p>
<p>Built Kargı Building Complex’s Website using HTML, CSS, TypeScript, JavaScript, Node,js
and Angular. </p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a>
</div>
@ -439,10 +465,13 @@
<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, CMake, JavaScript, Node.js, Roff, Java, HTML and CSS in
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, CMake, JavaScript,
Node.js, Roff, Java, HTML and CSS in
Computer Engineering Design Project. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Discover More</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Discover
More</a>
</div>
</div>
</div>
@ -456,7 +485,8 @@
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>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover
More</a>
</div>
</div>
@ -467,11 +497,13 @@
<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 HTML, JavaScript, Node,js and React in Software Design and Architecture
<p>Made a Hospital Management System using HTML, JavaScript, Node,js and React 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>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Discover
More</a>
</div>
</div>
</div>
@ -481,11 +513,13 @@
<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, JavaScript, Node,js and React in Analysis and Design of User
<p>Made a real estate website using HTML, CSS, JavaScript, Node,js and React 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>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Discover
More</a>
</div>
</div>
</div>
@ -495,7 +529,8 @@
<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, JavaScript and Node.js in
<p>Made an alternative service company with chatbot service website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class. </p>
<div class="primary-button">
<a
@ -510,7 +545,8 @@
<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, JavaScript and Node.js in
<p>Made an alternative service company with validating form website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class.</p>
<div class="primary-button">
<a
@ -525,7 +561,8 @@
<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, CSS, JavaScript and Node.js in Analysis and Design of User
<p>Made a service company website using HTML, CSS, JavaScript and Node.js in Analysis and
Design of User
Interfaces class. It is a bike service company website which talks about bike repairs.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Discover More</a>
@ -538,7 +575,8 @@
<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, JavaScript and Node.js in Analysis and
<p>Made an alternative grocery store website using HTML, CSS, JavaScript and Node.js in
Analysis and
Design of User Interfaces class.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Discover
@ -552,7 +590,8 @@
<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, JavaScript and Node.js in Analysis and Design of User
<p>Made a grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and
Design of User
Interfaces class. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Discover More</a>
@ -565,11 +604,12 @@
<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, CSS, JavaScript and Node.js in
<p>Made an alternative Facebook survey with analysis function website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class.</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">Discover
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover
More</a>
</div>
</div>
@ -580,11 +620,13 @@
<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, CSS, JavaScript and Node.js in Analysis and Design of User
<p>Made a Facebook survey Website using HTML, CSS, JavaScript and Node.js 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>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover
More</a>
</div>
</div>
@ -597,7 +639,7 @@
<h4>My Website</h4>
<p>This very website that I made with HTML, CSS and JavaScript.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Discover
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Discover
More</a>
</div>
</div>