Added the Turkish Translation.

This commit is contained in:
Batuhan Berk Başoğlu 2024-02-05 17:05:09 -05:00
parent 1f5deecf10
commit 2f05abb8e8
4 changed files with 125 additions and 135 deletions

View file

@ -5,10 +5,10 @@
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]--> <html class="no-js" lang=""> <!--<![endif]-->
<head>gi <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Batuhan Başoğlu</title> <title>Batuhan Berk Başoğlu</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="../apple-touch-icon.png"> <link rel="apple-touch-icon" href="../apple-touch-icon.png">
@ -688,7 +688,7 @@
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required> <input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
</fieldset> </fieldset>
<fieldset> <fieldset>
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Message" <textarea name="message" rows="6" class="form-control" id="message" placeholder="Mensaje"
required></textarea> required></textarea>
</fieldset> </fieldset>
<fieldset> <fieldset>

View file

@ -5,10 +5,10 @@
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]--> <html class="no-js" lang=""> <!--<![endif]-->
<head>gi <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Batuhan Başoğlu</title> <title>Batuhan Berk Başoğlu</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="../apple-touch-icon.png"> <link rel="apple-touch-icon" href="../apple-touch-icon.png">

View file

@ -5,10 +5,10 @@
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]--> <html class="no-js" lang=""> <!--<![endif]-->
<head>gi <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Batuhan Başoğlu</title> <title>Batuhan Berk Başoğlu</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="apple-touch-icon" href="apple-touch-icon.png">

View file

@ -5,10 +5,10 @@
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]--> <html class="no-js" lang=""> <!--<![endif]-->
<head>gi <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Batuhan Başoğlu</title> <title>Batuhan Berk Başoğlu</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="../apple-touch-icon.png"> <link rel="apple-touch-icon" href="../apple-touch-icon.png">
@ -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>Yazılım Geliştirici</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>Hakkımda</h4>
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding, <p>Web geliştirme, tasarım ve kodlama konusunda kapsamlı bilgi birikiminin yanı sıra çok çeşitli programlama dilleri,
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success çerçeveleri ve araçları konusunda deneyime sahip Motivasyonlu Yazılım Geliştiricisiyim. Uygulamaları, web sitelerini ve
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented, web hizmetlerini geliştirme ve dağıtmada kanıtlanmış başarı sahibiyim. Son derece organize ve detay odaklı,
with a knack for finding creative solutions to challenging problems. zorlu sorunlara yaratıcı çözümler bulma becerisine sahibim.
</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">Özgeçmişi İndir</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>Linkler</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>Profesyonel</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>Kişisel</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>
@ -151,7 +151,7 @@
<i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/@batuhan_basoglu">Pixelfed</a> <i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/@batuhan_basoglu">Pixelfed</a>
</li> </li>
</ul> </ul>
<h4>Contact</h4> <h4>İletişim</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <li>
<i class="fa fa-phone"></i> <a href="tel:+14385963135">Phone</a> <i class="fa fa-phone"></i> <a href="tel:+14385963135">Phone</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>Bahşiş</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">Bana Ulaşın</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>Yetenekler</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>Diller ve Yetenekler</h4>
<ul> <ul>
<li>Git</li> <li>Git</li>
<li>Python</li> <li>Python</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>İş Tecrübesi</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, did a contract work through RPM Eco to develop it's website. <p> Bir web geliştiricisi olarak çalıştım, RPM Eco web sitesini geliştirmek için sözleşme aracılığıyla çalıştım.
Did a contract work through IBM to develop VIA Rail Canada's website.</p> VIA Rail Canada'nın web sitesini geliştirmek için IBM sözleşmesi aracılığıyla çalıştım</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Siteyi Ziyaret Et</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>Yarı zamanlı olarak web geliştiricisi olarak çalıştım. Kargı yapı kompleksine web sitesi yaptım. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Visit Website</a> <a href="https://kargisitesi.com/">Siteyi Ziyaret Et</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>Atelye70 ile ev tasarlamayı staj yaparak öğrendim.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://atelye70.com/">Visit Website</a> <a href="https://atelye70.com/">Siteyi Ziyaret Et</a>
</div> </div>
</div> </div>
</div> </div>
@ -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>RPM Eco'nun Websitesi</h4>
<p>Worked on RPM Ecos Website through a contract with RPM Eco. It is made using HTML, CSS, <p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalıştım. HTML, CSS,
.NET, C#, React and MySQL. </p> .NET, C#, React ve MySQL kullandım.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://rpm.eco">Discover More</a> <a href="https://rpm.eco">Daha Fazlasını Keşfet</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>VIA Rail Canada'nın Websitesi</h4>
<p>Worked on VIA Rail Canadas Website through a contract with IBM. It is made using HTML, <p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalıştım. HTML,
CSS, .NET, C#, AngularJS and MySQL. </p> CSS, .NET, C#, AngularJS ve MySQL kullandım. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a> <a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</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>Git Barındırma Hizmetim</h4>
<p>A self-hosted Git hosting Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p> Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yaptım. Go, Javascript, Roff ve CSS kullandım.</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/">Daha Fazlasını Keşfet</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>Fotoğraf Yönetim Web Sitem</h4>
<p>A self-hosted Photo Management Website hosted in a Ubuntu Linux server via Oracle. It is configured <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. </p> Fotoğraflarını indekslemek için yapay zekayı kullanan PhotoPrism ile bir Fotoğraf Yönetimi Web Sitesi yaptım. Go, Vue ve CSS kullandım. </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/">Daha Fazlasını Keşfet</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>WordPress Blogum</h4>
<p>A self-hosted WordPress blog hosted in a Ubuntu Linux server via Oracle. It is configured <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
with Activity Pub to connect with other federated social networks. diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu yaptım.
WordPress is made using PHP, JavaScript, CSS and HTML.</p> WordPress PHP, JavaScript, CSS ve HTML kullandım.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Discover More</a> <a href="https://arcticpress.basoglu.co/">Daha Fazlasını Keşfet</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>Nextcloud Depom</h4>
<p>A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is <p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan bir Nextcloud depolama alanı yaptım. Nextcloud:
made using JavaScript, PHP, TypeScript and Vue.</p> JavaScript, PHP, TypeScript ve Vue.js kullandım.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arcticcloud.basoglu.co">Discover More</a> <a href="https://arcticcloud.basoglu.co">Daha Fazlasını Keşfet</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>Kargı Yapı Sitesinin Web Sitesi</h4>
<p>Built Kargi Building Complexs Website using HTML, CSS, Javascript, Angular and <p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, Javascript, Angular ve
Typescript. </p> Typescript kullandım.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a> <a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</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>Araç Hırsızlığına Karşı Yüz Tanıma Sistemi</h4>
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, HTML, CMake, Node.js, <p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, HTML, CMake, Node.js,Roff, CSS ve Java kullanarak Araç Hırsızlığına Karşı
Roff, CSS and Java in Computer Engineering Design Project. </p> Yüz Tanıma Sistemi yaptım. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://sherm048.github.io/">Discover More</a> <a href="https://sherm048.github.io/">Daha Fazlasını Keşfet</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>Olympus Ev Hizmeti Uygulaması</h4>
<p>Made Android appliance app using Java in Introduction to Software Engineering class. It <p>Yazılım Mühendisliğine Giriş dersinde Java kullanarak Android cihaz uygulaması yaptım. Bu
is an appliance application where user can set up his/her details and order appliance kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulamasıdır.
services from users home. App is made on the Android Studio.</p> Kullanıcının evinden hizmetler. Uygulamayı Android Studio'da yaptım.</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">Daha Fazlasını Keşfet</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>Hastane-Hasta Yönetim Sistemi</h4>
<p>Made a Hospital Management System using React.js in Software Design and Architecture <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde React.js Kullanarak Hastane Yönetim Sistemi Yaptım.
class. In the Hospital Management System, user can manage the patients and assign them to Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve Her çalışanın farklı eylemlerde bulunduğu hastane çalışanları ile
the hospital employees where each employee makes different actions.</p> onlara atama yapabilir.</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">Daha Fazlasını Keşfet</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>Kene's Cribs Web Sitesi</h4>
<p>Made a real estate website using HTML, CSS and React.js in Analysis and Design of User <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve React.js kullanarak emlak sitesi yaptım.
Interfaces class. It is a website where user can browse the houses, search them in google Kullanıcının evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
maps or contact the agents from the contact form.</p> Haritaları kullanabilirsiniz veya iletişim formundan acentelerle iletişime geçebilirsiniz.</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">Daha Fazlasını Keşfet</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>Batuhan'ın Bisikletleri Chatbot Hizmetiyle Web Sitesi Alternatifi</h4>
<p>Made an alternative service company with chatbot service website using HTML, CSS and <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan chatbot hizmeti
Node.js in Analysis and Design of User Interfaces class. </p> web sitesi ile alternatif bir hizmet şirketi yaptım.</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/">Daha Fazlasını Keşfet</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -508,13 +506,11 @@
<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>Batuhan'ın Bisikletleri Web Sitesi Alternatifi</h4>
<p>Made an alternative service company with validating form website using HTML, CSS and <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan alternatif bir hizmet şirketi yaptım.</p>
Node.js in Analysis and Design of User Interfaces class.</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/">Daha Fazlasını Keşfet</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -523,11 +519,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>Batuhan'ın Bisikletleri Web Sitesi</h4>
<p>Made a service company website using HTML and CSS in Analysis and Design of User <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js, HTML ve CSS kullanan bir hizmet şirketi yaptım.
Interfaces class. It is a bike service company website which talks about bike repairs.</p> Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</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/">Daha Fazlasını Keşfet</a>
</div> </div>
</div> </div>
</div> </div>
@ -536,12 +532,10 @@
<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>Sam's Mart Web Sitesi Alternatifi</h4>
<p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazırladım.</p>
Design of User Interfaces class.</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/">Daha Fazlasını Keşfet</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -550,11 +544,10 @@
<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>Sam's Mart Web Sitesi</h4>
<p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazırladım. </p>
Interfaces class. </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/">Daha Fazlasını Keşfet</a>
</div> </div>
</div> </div>
</div> </div>
@ -563,13 +556,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>Analiz İşlevli Facebook UI/UX Web Sitesi Alternatifi Anketi</h4>
<p>Made an alternative Facebook survey with analysis function website using HTML and CSS, <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde Node.js ve EJS HTML ve CSS kullanarak analiz
Node.js and EJS in Analysis and Design of User Interfaces class.</p> fonksiyonu web sitesi ile alternatif bir Facebook anketi yaptım.</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">Daha Fazlasını
More</a> Keşfet</a>
</div> </div>
</div> </div>
</div> </div>
@ -578,13 +571,11 @@
<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>Facebook UI/UX Web Sitesi Anketi</h4>
<p>Made a Facebook survey Website using HTML and CSS in Analysis and Design of User <p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML ve CSS kullanarak bir Facebook anket Web Sitesi hazırladım.
Interfaces class. This is a website that asks questions about the Facebook user interface Bu, Cevapları göndermek için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında sorular soran bir web sitesidir.</p>
with submit button to send the answers.</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/">Daha Fazlasını Keşfet</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -593,11 +584,10 @@
<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>Websitem</h4>
<p>This very website that I made with HTML, CSS and Javascript.</p> <p>Bu web sitesini HTML, CSS ve Javascript ile yaptım.</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">Daha Fazlasını Keşfet</a>
More</a>
</div> </div>
</div> </div>
</div> </div>
@ -620,7 +610,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>Eğitim</h4>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -631,9 +621,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>Ottawa Üniversitesi Bilgisayar Mühendisliği Derecesi</h4>
<p>Bachelor of Applied Science in Computer Engineering. 4 years of Computer Engineering <p>Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yıllık Bilgisayar Mühendisliği
program, graduated in 7 June 2021.</p> programı. 7 Haziran 2021'de mezun oldum.</p>
</div> </div>
</div> </div>
@ -642,9 +632,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>Mühendis Çağırma Ritüeli</h4>
<p>Official Engineer declaration by Seven Wardens Inc. A Binding document which declares the <p>Seven Wardens Inc.'in Mühendisin dürüstlüğü Resmi Mühendis beyanı.
integrity of the Engineer. Received at 13 June 2021.</p> 13 Haziran 2021'de aldım.</p>
</div> </div>
</div> </div>
@ -653,9 +643,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>Horizons Mesleki Gelişim Programı</h4>
<p>Career development program to improve professional connections through the use of <p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik kariyer geliştirme programı.
professional resources. Received at 26 April 2021.</p> 26 Nisan 2021'de aldım.</p>
</div> </div>
</div> </div>
@ -680,32 +670,32 @@
<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>Bana Ulaşın</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="İsminiz"
required> required>
</fieldset> </fieldset>
<fieldset> <fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required> <input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
</fieldset> </fieldset>
<fieldset> <fieldset>
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Message" <textarea name="message" rows="6" class="form-control" id="message" placeholder="Mesaj"
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">Mesaj Yollayın</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>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt vereceğim.<br><br>
<em>Montreal, QC</em> <em>Montreal, QC</em>
</p> </p>
</div> </div>
@ -715,7 +705,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>Telif Hakkı &copy; 2024 Batuhan Başoğlu</p>
</div> </div>
</div> </div>
</div> </div>