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

275
es/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>
@ -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="../tr/index.html">
<img src="../img/tr.png"
width="20" height="15"> Türkçe</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="../tr/index.html">
<img src="../img/tr.png" width="20" height="15"> Türkçe</a>
</div>
</div>
@ -89,9 +86,12 @@
<div class="home-box-content">
<div class="left-text">
<h4>Acerca de mí</h4>
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y codificación.
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de programación. Éxito comprobado
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y detallista,
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y
codificación.
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de
programación. Éxito comprobado
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y
detallista,
con una habilidad especial para encontrar soluciones creativas a problemas difíciles.
</p>
<div class="primary-button">
@ -132,31 +132,38 @@
<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">Proyectos</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Proyectos</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/es/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/es/">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=es_ES">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=es_ES">LinkedIn</a>
</li>
</ul>
<h4>Contacto</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>Propinas</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,13 +292,16 @@
<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> Trabajó como desarrollador full stack, realizó un contrato a través de IBM y RPM Eco para desarrollar su sitio web.
Colaboré en sitios web para VIA Rail Canada y RPM Eco utilizando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL y Microsoft Azure</p>
<p> Trabajó como desarrollador full stack, realizó un contrato a través de IBM y RPM Eco
para desarrollar su sitio web.
Colaboré en sitios web para VIA Rail Canada y RPM Eco utilizando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js,
React, SQL, MySQL y Microsoft Azure</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visita el Sitio Web</a>
</div>
@ -303,9 +314,11 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM Eco.
Créé un sitio web publicitario para el complejo de edificios Kargı utilizando
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del empleador.
<p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM
Eco.
Créé un sitio web publicitario para el complejo de edificios Kargı utilizando
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del
empleador.
</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visita el Sitio Web</a>
@ -315,12 +328,14 @@
</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>
<p>Aprendí a diseñar casas con Atelye70 a través de una pasantía.
Adquirió experiencia con AutoCAD y aprendió principios fundamentales de diseño arquitectónico.
Adquirió experiencia con AutoCAD y aprendió principios fundamentales de diseño
arquitectónico.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visita el Sitio Web</a>
@ -353,11 +368,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>Sitio Web de RPM Eco</h4>
<p>Trabajó en el sitio web de RPM Eco a través de un contrato con RPM Eco. Está hecho usando
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL y Microsoft Azure.</p>
<p>Trabajó en el sitio web de RPM Eco a través de un contrato con RPM Eco. Está hecho usando
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL y Microsoft
Azure.</p>
<div class="primary-button">
<a href="https://rpm.eco">Descubra Más</a>
</div>
@ -366,10 +383,12 @@
</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>Sitio Web de VIA Rail Canadá</h4>
<p>Trabajó en el sitio web de VIA Rail Canada a través de un contrato con IBM. Está hecho usando
<p>Trabajó en el sitio web de VIA Rail Canada a través de un contrato con IBM. Está hecho
usando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular y Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Descubra Más</a>
@ -379,63 +398,77 @@
</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>El Sitio Shopping Cool</h4>
<p>Creó un sitio de comercio que es similar a Amazon. Los usuarios pueden agregar y/o eliminar los
artículos que deseen utilizar su propia cuenta. Fue diseñado utilizando PHP, CSS, JavaScript, SQL y MySQL.</p>
<p>Creó un sitio de comercio que es similar a Amazon. Los usuarios pueden agregar y/o
eliminar los
artículos que deseen utilizar su propia cuenta. Fue diseñado utilizando PHP, CSS,
JavaScript, SQL y MySQL.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Descubra
Más</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 con Angular</h4>
<p>Creé una API web .NET como back-end y usé Angular como front-end para recuperar una API desde un enlace usando la API REST.
<p>Creé una API web .NET como back-end y usé Angular como front-end para recuperar una API
desde un enlace usando la API REST.
Está creado utilizando C#, .NET, HTML, CSS, TypeScript, Node,js y Angular.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Descubra
Más</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>Mi Servicio de Alojamiento Git</h4>
<p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript, Roff y CSS.</p>
<p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a
través de Oracle. esta configurado
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript,
Roff y CSS.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/">Descubra Más</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>Mi Blog de WordPress</h4>
<p>Un blog de WordPress autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
<p>Un blog de WordPress autohospedado alojado en un servidor Ubuntu Linux a través de
Oracle. esta configurado
con Activity Pub para conectar con otras redes sociales federadas.
WordPress está hecho usando PHP, JavaScript, HTML y CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Descubra Más</a>
<a href="https://blog.batuhan.basoglu.ca/">Descubra Más</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>Mi Almacenamiento Nextcloud</h4>
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. Nextcloud es
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de
Oracle. Nextcloud es
realizado utilizando PHP, CSS, Javascript, TypeScript, Vue.js, Ruby y Gherkin.</p>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Descubra Más</a>
@ -445,10 +478,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>Sitio Web del Complejo de Edificios Kargı</h4>
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, TypeScript, JavaScript, Node,js y Angular.</p>
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, TypeScript, JavaScript,
Node,js y Angular.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Descubra Más</a>
</div>
@ -457,94 +492,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>Sistema de Reconocimiento Facial Antirrobo para Vehículos</h4>
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, CMake, JavaScript, Node.js, Roff, Java, HTML y CSS
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, CMake,
JavaScript, Node.js, Roff, Java, HTML y CSS
en Proyecto de Diseño de Ingeniería Informática.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Descubra Más</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Descubra
Más</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>Aplicación de Servicio a Domicilio de Olympus</h4>
<p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a la ingeniería de software. Él
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y solicitar electrodomésticos
<p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a
la ingeniería de software. Él
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y
solicitar electrodomésticos
servicios desde el domicilio del usuario. La aplicación está hecha en Android Studio.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Descubra Más</a>
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Descubra
Más</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>Sistema de Gestión Hospitalaria de Pacientes</h4>
<p>Realicé un sistema de gestión hospitalaria utilizando HTML, JavaScript, Node,js y React en diseño y arquitectura de software.
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y asignarlos a
<p>Realicé un sistema de gestión hospitalaria utilizando HTML, JavaScript, Node,js y React
en diseño y arquitectura de software.
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y
asignarlos a
los empleados del hospital donde cada empleado realiza diferentes acciones.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Descubra
Más</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>Sitio Web de Cunas de Kene</h4>
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS, JavaScript, Node,js y React en Análisis y Diseño de Usuario
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas, buscarlas en google.
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS, JavaScript, Node,js y React en
Análisis y Diseño de Usuario
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas,
buscarlas en google.
mapas o contacta con los agentes desde el formulario de contacto.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Descubra
Más</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>
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternativa al Sitio Web de Batuhan's Bikes con Servicio Chatbot</h4>
<p>Creé una empresa de servicios alternativos con un sitio web de servicios de chatbot utilizando HTML, CSS, JavaScript y Node.js
<p>Creé una empresa de servicios alternativos con un sitio web de servicios de chatbot
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Descubra Más</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Descubra
Más</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>Alternativa al Sitio Web de Batuhan's Bikes con Formulario de Validación</h4>
<p>Creó una empresa de servicios alternativos con formulario de validación de sitio web utilizando HTML, CSS, JavaScript y Node.js
<p>Creó una empresa de servicios alternativos con formulario de validación de sitio web
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Descubra Más</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Descubra
Más</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>Sitio Web de Bicicletas de Batuhan</h4>
<p>Realicé un sitio web de una empresa de servicios utilizando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario.
Clase de interfaces. Es el sitio web de una empresa de servicios de bicicletas que habla sobre reparaciones de bicicletas.</p>
<p>Realicé un sitio web de una empresa de servicios utilizando HTML, CSS, JavaScript y
Node.js en Análisis y Diseño de Usuario.
Clase de interfaces. Es el sitio web de una empresa de servicios de bicicletas que habla
sobre reparaciones de bicicletas.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Descubra Más</a>
</div>
@ -553,23 +614,28 @@
</div>
<div>
<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">
<h4>Alternativa al Sitio Web de Sam's Mart</h4>
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS, JavaScript y Node.js en Análisis y
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS, JavaScript
y Node.js en Análisis y
Clase de Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Descubra Más</a>
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Descubra
Más</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>
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de Sam's Mart</h4>
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario.
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS, JavaScript y Node.js en
Análisis y Diseño de Usuario.
Clase de interfaces.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Descubra Más</a>
@ -579,14 +645,17 @@
</div>
<div>
<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">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis</h4>
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web utilizando HTML, CSS, JavaScript y Node.js
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis
</h4>
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</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">Descubra
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Descubra
Más</a>
</div>
</div>
@ -594,26 +663,33 @@
</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-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
alt=""></a>
<div class="text-content">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook</h4>
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario de Facebook.
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML, CSS, JavaScript y Node.js
en Análisis y Diseño de Usuario
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario
de Facebook.
con botón de enviar para enviar las respuestas.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Descubra Más</a>
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Descubra
Más</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-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
alt=""></a>
<div class="text-content">
<h4>Mi Sitio Web</h4>
<p>Este mismo sitio web que hice con HTML, CSS y JavaScript.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Descubra
Más</a>
</div>
</div>
</div>
@ -644,11 +720,12 @@
<!-- 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>Licenciatura en Ingeniería Informática de la Universidad de Ottawa</h4>
<p>Licenciatura en Ciencias Aplicadas en Ingeniería Informática. 4 años de Ingeniería Informática
<p>Licenciatura en Ciencias Aplicadas en Ingeniería Informática. 4 años de Ingeniería
Informática
programa, graduado el 7 de junio de 2021.</p>
</div>
</div>
@ -659,7 +736,8 @@
src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content">
<h4>El Ritual de la Vocación de Ingeniero</h4>
<p>Declaración oficial del ingeniero de Seven Wardens Inc. Un documento vinculante que declara la
<p>Declaración oficial del ingeniero de Seven Wardens Inc. Un documento vinculante que declara
la
integridad del Ingeniero. Recibido el 13 de junio de 2021.</p>
</div>
</div>
@ -670,7 +748,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
<h4>El Programa de Desarrollo Profesional Horizons</h4>
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el uso de
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el
uso de
recursos profesionales. Recibido el 26 de abril de 2021.</p>
</div>
</div>
@ -750,4 +829,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>