Added the Spanish Translation.
This commit is contained in:
parent
3fa63bb676
commit
1f5deecf10
2 changed files with 120 additions and 126 deletions
244
es/index.html
244
es/index.html
|
|
@ -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>Desarrollador de Software</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>Acerca de mí</h4>
|
||||||
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding,
|
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y codificación.
|
||||||
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success
|
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de programación. Éxito comprobado
|
||||||
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented,
|
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y detallista,
|
||||||
with a knack for finding creative solutions to challenging problems.
|
con una habilidad especial para encontrar soluciones creativas a problemas difíciles.
|
||||||
</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">Descarga el currículum</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>Enlaces</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>Profesional</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>
|
||||||
|
|
@ -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>Contacto</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>Propinas</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">Contáctame</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>Habilidades</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>Idiomas y Habilidades</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>Experiencia Laboral</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> Trabajó como desarrollador web, realizó un contrato a través de RPM Eco para desarrollar su sitio web.
|
||||||
Did a contract work through IBM to develop VIA Rail Canada's website.</p>
|
Trabajó por contrato a través de IBM para desarrollar el sitio web de VIA Rail Canada.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://www.inovestor.com/">Visit Website</a>
|
<a href="https://www.inovestor.com/">Visita el Sitio Web</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>Trabajó a tiempo parcial como desarrollador web. Creó un sitio web para el complejo de edificios Kargı. </p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://kargisitesi.com/">Visit Website</a>
|
<a href="https://kargisitesi.com/">Visita el Sitio Web</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>Aprendí a diseñar casas con Atelye70 a través de una pasantía.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://atelye70.com/">Visit Website</a>
|
<a href="https://atelye70.com/">Visita el Sitio Web</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -336,7 +336,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>Projects</h4>
|
<h4>Proyectos</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
|
@ -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>Sitio Web de RPM Eco</h4>
|
||||||
<p>Worked on RPM Eco’s Website through a contract with RPM Eco. It is made using HTML, CSS,
|
<p>Trabajó en el sitio web de RPM Eco a través de un contrato con RPM Eco. Está hecho usando HTML, CSS,
|
||||||
.NET, C#, React and MySQL. </p>
|
.NET, C#, reaccionar y MySQL.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://rpm.eco">Discover More</a>
|
<a href="https://rpm.eco">Descubra Más</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>Sitio Web de VIA Rail Canadá</h4>
|
||||||
<p>Worked on VIA Rail Canada’s Website through a contract with IBM. It is made using HTML,
|
<p>Trabajó en el sitio web de VIA Rail Canada a través de un contrato con IBM. Está hecho usando HTML,
|
||||||
CSS, .NET, C#, AngularJS and MySQL. </p>
|
CSS, .NET, C#, AngularJS y MySQL. </p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://reservia.viarail.ca">Discover More</a>
|
<a href="https://reservia.viarail.ca">Descubra Más</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>Mi Servicio de Alojamiento Git</h4>
|
||||||
<p>A self-hosted Git hosting Website hosted in a Ubuntu Linux server via Oracle. It is configured
|
<p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
|
||||||
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p>
|
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript, Roff y CSS.</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/">Descubra Más</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>Mi Sitio Web de Festión de Fotos</h4>
|
||||||
<p>A self-hosted Photo Management Website hosted in a Ubuntu Linux server via Oracle. It is configured
|
<p>Un sitio web de gestión de fotografías autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
|
||||||
with PhotoPrism which uses AI to index its photos. It is made using Go, Vue and CSS. </p>
|
con PhotoPrism, que utiliza IA para indexar sus fotografías. Está hecho usando Go, Vue y CSS.</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/">Descubra Más</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>Mi Blog de WordPress</h4>
|
||||||
<p>A self-hosted WordPress blog hosted in a Ubuntu Linux server via Oracle. It is configured
|
<p>Un blog de WordPress autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
|
||||||
with Activity Pub to connect with other federated social networks.
|
con Activity Pub para conectar con otras redes sociales federadas.
|
||||||
WordPress is made using PHP, JavaScript, CSS and HTML.</p>
|
WordPress está hecho usando PHP, JavaScript, CSS y HTML.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://arcticpress.basoglu.co/">Discover More</a>
|
<a href="https://arcticpress.basoglu.co/">Descubra Más</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>Mi Almacenamiento Nextcloud</h4>
|
||||||
<p>A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is
|
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. Nextcloud es
|
||||||
made using JavaScript, PHP, TypeScript and Vue.</p>
|
realizado utilizando JavaScript, PHP, TypeScript y Vue.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://arcticcloud.basoglu.co">Discover More</a>
|
<a href="https://arcticcloud.basoglu.co">Descubra Más</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>Sitio Web del Complejo de Edificios Kargı</h4>
|
||||||
<p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and
|
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, Javascript, Angular y
|
||||||
Typescript. </p>
|
Mecanografiado.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://kargisitesi.com/">Discover More</a>
|
<a href="https://kargisitesi.com/">Descubra Más</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>Sistema de Reconocimiento Facial Antirrobo para Vehículos</h4>
|
||||||
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, HTML, CMake, Node.js,
|
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, HTML, CMake, Node.js,
|
||||||
Roff, CSS and Java in Computer Engineering Design Project. </p>
|
Roff, CSS y Java en Proyecto de Diseño de Ingeniería Informática.</p>
|
||||||
<div class="primary-button">
|
<div class="primary-button">
|
||||||
<a href="https://sherm048.github.io/">Discover More</a>
|
<a href="https://sherm048.github.io/">Descubra Más</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>Aplicación de Servicio a Domicilio de Olympus</h4>
|
||||||
<p>Made Android appliance app using Java in Introduction to Software Engineering class. It
|
<p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a la ingeniería de software. Él
|
||||||
is an appliance application where user can set up his/her details and order appliance
|
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y solicitar electrodomésticos
|
||||||
services from user’s home. App is made on the Android Studio.</p>
|
servicios desde el domicilio del usuario. La aplicación está hecha en Android Studio.</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">Descubra Más</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>Sistema de Gestión Hospitalaria de Pacientes</h4>
|
||||||
<p>Made a Hospital Management System using React.js in Software Design and Architecture
|
<p>Realicé un sistema de gestión hospitalaria utilizando React.js en diseño y arquitectura de software.
|
||||||
class. In the Hospital Management System, user can manage the patients and assign them to
|
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y asignarlos a
|
||||||
the hospital employees where each employee makes different actions.</p>
|
los empleados del hospital donde cada empleado realiza diferentes acciones.</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">Descubra Más</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>Sitio Web de Cunas de Kene</h4>
|
||||||
<p>Made a real estate website using HTML, CSS and React.js in Analysis and Design of User
|
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS y React.js en Análisis y Diseño de Usuario
|
||||||
Interfaces class. It is a website where user can browse the houses, search them in google
|
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas, buscarlas en google.
|
||||||
maps or contact the agents from the contact form.</p>
|
mapas o contacta con los agentes desde el formulario de contacto.</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">Descubra Más</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>Alternativa al Sitio Web de Batuhan's Bikes con Servicio Chatbot</h4>
|
||||||
<p>Made an alternative service company with chatbot service website using HTML, CSS and
|
<p>Creé una empresa de servicios alternativos con un sitio web de servicios de chatbot utilizando HTML, CSS y
|
||||||
Node.js in Analysis and Design of User Interfaces class. </p>
|
Node.js en la clase Análisis y Diseño de Interfaces de Usuario.</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/">Descubra Más</a>
|
||||||
More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -508,13 +506,12 @@
|
||||||
<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>Alternativa al Sitio Web de Batuhan's Bikes con Formulario de Validación</h4>
|
||||||
<p>Made an alternative service company with validating form website using HTML, CSS and
|
<p>Creó una empresa de servicios alternativos con formulario de validación de sitio web utilizando HTML, CSS y
|
||||||
Node.js in Analysis and Design of User Interfaces class.</p>
|
Node.js en la clase Análisis y Diseño de Interfaces de Usuario.</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/">Descubra Más</a>
|
||||||
More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -523,11 +520,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>Sitio Web de Bicicletas de Batuhan</h4>
|
||||||
<p>Made a service company website using HTML and CSS in Analysis and Design of User
|
<p>Realicé un sitio web de una empresa de servicios utilizando HTML y CSS en Análisis y Diseño de Usuario.
|
||||||
Interfaces class. It is a bike service company website which talks about bike repairs.</p>
|
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">
|
<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/">Descubra Más</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -536,12 +533,11 @@
|
||||||
<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>Alternativa al Sitio Web de Sam's Mart</h4>
|
||||||
<p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and
|
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS y Node.js en Análisis y
|
||||||
Design of User Interfaces class.</p>
|
Clase de Diseño de Interfaces de Usuario.</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/">Descubra Más</a>
|
||||||
More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -550,11 +546,11 @@
|
||||||
<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>Sitio Web de Sam's Mart</h4>
|
||||||
<p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User
|
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS y Node.js en Análisis y Diseño de Usuario.
|
||||||
Interfaces class. </p>
|
Clase de interfaces.</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/">Descubra Más</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -563,13 +559,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>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis</h4>
|
||||||
<p>Made an alternative Facebook survey with analysis function website using HTML and CSS,
|
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web utilizando HTML y CSS.
|
||||||
Node.js and EJS in Analysis and Design of User Interfaces class.</p>
|
Node.js y EJS en la clase Análisis y Diseño de Interfaces de Usuario.</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">Descubra
|
||||||
More</a>
|
Más</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -578,13 +574,12 @@
|
||||||
<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>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook</h4>
|
||||||
<p>Made a Facebook survey Website using HTML and CSS in Analysis and Design of User
|
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML y CSS en Análisis y Diseño de Usuario
|
||||||
Interfaces class. This is a website that asks questions about the Facebook user interface
|
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario de Facebook.
|
||||||
with submit button to send the answers.</p>
|
con botón de enviar para enviar las respuestas.</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/">Descubra Más</a>
|
||||||
More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -593,11 +588,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>Mi Sitio Web</h4>
|
||||||
<p>This very website that I made with HTML, CSS and Javascript.</p>
|
<p>Este mismo sitio web que hice con HTML, CSS y Javascript.</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">Descubra Más</a>
|
||||||
More</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -620,7 +614,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>Educación</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
|
@ -631,9 +625,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>Licenciatura en Ingeniería Informática de la Universidad de Ottawa</h4>
|
||||||
<p>Bachelor of Applied Science in Computer Engineering. 4 years of Computer Engineering
|
<p>Licenciatura en Ciencias Aplicadas en Ingeniería Informática. 4 años de Ingeniería Informática
|
||||||
program, graduated in 7 June 2021.</p>
|
programa, graduado el 7 de junio de 2021.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -642,9 +636,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>El Ritual de la Vocación de Ingeniero</h4>
|
||||||
<p>Official Engineer declaration by Seven Wardens Inc. A Binding document which declares the
|
<p>Declaración oficial del ingeniero de Seven Wardens Inc. Un documento vinculante que declara la
|
||||||
integrity of the Engineer. Received at 13 June 2021.</p>
|
integridad del Ingeniero. Recibido el 13 de junio de 2021.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -653,9 +647,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>El Programa de Desarrollo Profesional Horizons</h4>
|
||||||
<p>Career development program to improve professional connections through the use of
|
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el uso de
|
||||||
professional resources. Received at 26 April 2021.</p>
|
recursos profesionales. Recibido el 26 de abril de 2021.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -680,14 +674,14 @@
|
||||||
<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>Contáctame</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="Su Nombre"
|
||||||
required>
|
required>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
|
|
@ -698,14 +692,14 @@
|
||||||
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">Envia Mensaje</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>No dudes en ponerte en contacto conmigo y te responderé lo antes posible.<br><br>
|
||||||
<em>Montreal, QC</em>
|
<em>Montreal, QC</em>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -715,7 +709,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>Copyright © 2024 Batuhan Başoğlu</p>
|
<p>Derechos de Autor © 2024 Batuhan Başoğlu</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -89,7 +89,7 @@
|
||||||
<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>About Me</h4>
|
||||||
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding,
|
<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
|
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,
|
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue