Fixed the errors.

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

View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button>
<div class="dropdown-content">
<a href="../index.html">
<img src="../img/en.png"
width="20" height="15"> English</a>
<a href="../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="../index.html">
<img src="../img/en.png" width="20" height="15"> English</a>
<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>
</div>
</div>
@ -89,9 +86,12 @@
<div class="home-box-content">
<div class="left-text">
<h4>Hakkımda</h4>
<p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir Yazılım Geliştiricisi. Geniş bir programlama
dili, çerçeve ve araç yelpazesinde deneyime sahip. Uygulamalar, web siteleri ve web hizmetleri geliştirme ve dağıtma konusundaki
başarıları kanıtlanmış bir birey. Son derece organize ve ayrıntılara özen gösteren, zorlu problemler için yaratıcı çözümler bulma
<p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir
Yazılım Geliştiricisi. Geniş bir programlama
dili, çerçeve ve araç yelpazesinde deneyime sahip. Uygulamalar, web siteleri ve web hizmetleri
geliştirme ve dağıtma konusundaki
başarıları kanıtlanmış bir birey. Son derece organize ve ayrıntılara özen gösteren, zorlu
problemler için yaratıcı çözümler bulma
yeteneğine sahip bir programcı.
</p>
<div class="primary-button">
@ -132,31 +132,38 @@
<h4>Genel</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projeler</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projeler</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/tr/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/tr/">Blog</a>
</li>
<li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/?locale=tr_TR">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=tr_TR">LinkedIn</a>
</li>
</ul>
<h4>İletİşİm</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>Bahşİş</h4>
@ -165,7 +172,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -284,12 +292,14 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
<p> IBM ve RPM Eco için alt sözleşmeler yapan bir tam yığın geliştirici olarak çalışıldı.
RPM Eco ve VIA Rail Canada için C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL ve Microsoft Azure
RPM Eco ve VIA Rail Canada için C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript,
Node,js, Angular, Next.js, React, SQL, MySQL ve Microsoft Azure
kullanılarak bu web siteleriyle çalışıldı.</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a>
@ -303,8 +313,9 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi yapıldı.
HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için
<p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi
yapıldı.
HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için
bir reklam web sitesi yaratıldı ve işverenden mükemmel geri bildirim alındı.
</p>
<div class="primary-button">
@ -315,7 +326,8 @@
</div>
<div>
<div class="project-item">
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg" alt=""></a>
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
alt=""></a>
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
@ -353,11 +365,13 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg" alt=""></a>
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
alt=""></a>
<div class="text-content">
<h4>RPM Eco'nun Websİtesİ</h4>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft Azure kullanıldı.</p>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft
Azure kullanıldı.</p>
<div class="primary-button">
<a href="https://rpm.eco">Daha Fazlasını Keşfet</a>
</div>
@ -366,11 +380,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
alt=""></a>
<div class="text-content">
<h4>VIA Raİl Canada'nın Websİtesİ</h4>
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure kullanıldı. </p>
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure
kullanıldı. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a>
</div>
@ -379,63 +395,76 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
<div class="text-content">
<h4>HavalI AlIşverİş Sİtesİ</h4>
<p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak arzuladıkları
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile oluşturuldu.</p>
<p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak
arzuladıkları
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile
oluşturuldu.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Daha Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg" alt=""></a>
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
alt=""></a>
<div class="text-content">
<h4>.NET Web API İle Angular</h4>
<p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek için ön uç olarak Angular'ı kullanıldı.
<p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek
için ön uç olarak Angular'ı kullanıldı.
C#, .NET, HTML, CSS, TypeScript, Node,js ve Angular kullanılarak yapıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg" alt=""></a>
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
alt=""></a>
<div class="text-content">
<h4>Gİt Barındırma Hİzmetİm</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yapıldı. Go, Javascript, Roff ve CSS kullanıldı.</p>
Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yapıldı. Go,
Javascript, Roff ve CSS kullanıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<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">
<h4>WordPress Blogum</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu yapıldı.
diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu
yapıldı.
WordPress PHP, JavaScript, HTML ve CSS kullanıldı.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Daha Fazlasını Keşfet</a>
<a href="https://blog.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg" alt=""></a>
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
alt=""></a>
<div class="text-content">
<h4>Nextcloud Depom</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan bir Nextcloud depolama alanı yapıldı.
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
bir Nextcloud depolama alanı yapıldı.
Nextcloud'da PHP, CSS, Javascript, TypeScript, Vue.js, Ruby and Gherkin kullanıldı.</p>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Daha Fazlasını Keşfet</a>
@ -445,10 +474,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
alt=""></a>
<div class="text-content">
<h4>Kargı Yapı Sİtesİnİn Web Sİtesİ</h4>
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanıldı.</p>
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular
kullanıldı.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</a>
</div>
@ -457,125 +488,120 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
alt=""></a>
<div class="text-content">
<h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemİ</h4>
<p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, CMake, JavaScript, Node.js, Roff, Java, HTML and CSS kullanılarak
<p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, CMake, JavaScript, Node.js, Roff,
Java, HTML and CSS kullanılarak
Araç Hırsızlığına Karşı Yüz Tanıma Sistemi yapıldı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Daha Fazlasını Keşfet</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png" alt=""></a>
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
alt=""></a>
<div class="text-content">
<h4>Olympus Ev Hİzmetİ Uygulaması</h4>
<p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı. Bu
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulamasıdır.
Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da yaptı.</p>
<p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı.
Bu
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz
uygulamasıdır.
Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da
yaptı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha Fazlasını Keşfet</a>
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg" alt=""></a>
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
alt=""></a>
<div class="text-content">
<h4>Hastane-Hasta Yönetİm Sİstemİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React kullanılarak Hastane Yönetim Sistemi yapıldı.
Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı eylemlerde bulunduğu hastane çalışanları ile
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React
kullanılarak Hastane Yönetim Sistemi yapıldı.
Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı
eylemlerde bulunduğu hastane çalışanları ile
onlara atama yapabilir.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg" alt=""></a>
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
alt=""></a>
<div class="text-content">
<h4>Kene's Cribs Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript, Node,js ve React kullanılarak emlak sitesi yapıldı.
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript, Node,js ve
React kullanılarak emlak sitesi yapıldı.
Bu Kullanıcının evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
Haritalar kullanılarak veya iletişim formu ile acentelerle iletişime geçilebilir.</p>
<div class="primary-button"> Berk "><img src="../img/project-7.jpg" alt=""></a>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak chatbot hizmeti
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak chatbot hizmeti
web sitesi ile alternatif bir hizmet şirketi yapıldı.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha Fazlasını Keşfet</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg" alt=""></a>
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir hizmet şirketi yapıldı.</p>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir hizmet şirketi yapıldı.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha Fazlasını Keşfet</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg" alt=""></a>
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak bir hizmet şirketi yapıldı.
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak bir hizmet şirketi yapıldı.
Bu, Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir bakkal web sitesi hazırlandı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<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>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yapıldı.</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">Daha Fazlasını
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını
Keşfet</a>
</div>
</div>
@ -583,25 +609,80 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg" alt=""></a>
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
alt=""></a>
<div class="text-content">
<h4>Facebook UI/UX Web Sİtesİ Anketİ</h4>
<p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML, CSS, JavaScript ve Node.js kullanılarak bir Facebook anket Web Sitesi hazırlandı.
Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında sorular sorulan bir web sitesidir.</p>
<h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha Fazlasını Keşfet</a>
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir bakkal web sitesi hazırlandı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Daha Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<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>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yapıldı.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha
Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<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>Facebook UI/UX Web Sİtesİ Anketİ</h4>
<p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML, CSS, JavaScript ve Node.js
kullanılarak bir Facebook anket Web Sitesi hazırlandı.
Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında
sorular sorulan bir web sitesidir.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<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>Websİtem</h4>
<p>Bu web sitesi HTML, CSS ve Javascript ile yapıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
@ -632,8 +713,8 @@
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content">
<h4>Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ</h4>
<p>Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yıllık Bilgisayar Mühendisliği
@ -658,7 +739,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
<h4>Horİzons Meslekİ Gelİşİm Programı</h4>
<p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik kariyer geliştirme programı.
<p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik
kariyer geliştirme programı.
26 Nisan 2021'de alındı.</p>
</div>
</div>
@ -691,8 +773,7 @@
<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="İsminiz"
required>
<input name="name" type="text" class="form-control" id="name" placeholder="İsminiz" required>
</fieldset>
<fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
@ -709,7 +790,8 @@
</div>
<div class="col-md-4">
<div class="more-info">
<p>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt vereceğim.<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>
</p>
</div>
@ -738,4 +820,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>