Batuhan-Basoglu-Website/es/index.html

736 lines
38 KiB
HTML
Raw Normal View History

2024-02-05 06:37:21 +00:00
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->
2024-02-05 22:05:09 +00:00
<head>
2024-02-05 06:37:21 +00:00
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
2024-02-05 22:05:09 +00:00
<title>Batuhan Berk Başoğlu</title>
2024-02-05 06:37:21 +00:00
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="../apple-touch-icon.png">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/styles.css">
<script src="../js/vendor/modernizr-3.6.0-respond-1.4.2.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="angionymous">
</head>
<body>
<!--[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>
</div>
<ul class="nav__list">
<li class="nav__item">
<a href="#home" class="nav__link c-blue"><img src="../img/home-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#links" class="nav__link c-yellow scrolly"><img src="../img/link-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#skills" class="nav__link c-red"><img src="../img/skills-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#experience" class="nav__link c-green"><img src="../img/work-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#projects" class="nav__link c-red"><img src="../img/projects-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#education" class="nav__link c-red"><img src="../img/education-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#contact" class="nav__link c-green"><img src="../img/contact-icon.png" alt=""></a>
</li>
</ul>
</nav>
<div class="dropdown">
<button class="dropbtn">
<img src="../img/es.png" width="20" height="15"> Español
</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>
</div>
</div>
<section class="panel b-blue" id="home">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="home-content">
<div class="home-heading">
2024-02-05 16:20:47 +00:00
<h1><em>Batuhan Berk Başoğlu</em> <br>Desarrollador de Software</h1>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<div class="home-box-content">
<div class="left-text">
2024-02-05 16:20:47 +00:00
<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,
con una habilidad especial para encontrar soluciones creativas a problemas difíciles.
2024-02-05 06:37:21 +00:00
</p>
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="../resume/CV_Batuhan.pdf">Descarga el currículum</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
<div class="right-image">
<img src="../img/batuhan-basoglu.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-yellow" id="links">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="about-content">
<div style="padding-top: 10%;" class="heading">
2024-02-05 16:20:47 +00:00
<h4>Enlaces</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<div class="about-box-content">
<img src="../img/social.jpg" alt="">
</div>
</div>
<div class="col-md-7 col-md-offset-5">
<div class="about-box-text">
2024-02-05 16:20:47 +00:00
<h4>Profesional</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
</li>
<li>
<i class="fa fa-github"></i> <a href="https://github.com/batuhan-basoglu">GitHub</a>
</li>
<li>
<i class="fa fa-wordpress"></i> <a href="https://arcticpress.basoglu.co/">Blog</a>
</li>
2024-02-06 19:38:29 +00:00
<li>
<i class="fa fa-youtube-play"></i> <a href="https://www.youtube.com/channel/UC6I8SlouORCHEtEsu45flRQ">YouTube</a>
</li>
2024-02-05 06:37:21 +00:00
</ul>
<h4>Personal</h4>
<ul class="fa-ul">
<li>
<i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.social/@batuhan_basoglu">Mastodon</a>
</li>
<li>
<i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/@batuhan_basoglu">Pixelfed</a>
</li>
</ul>
2024-02-05 16:20:47 +00:00
<h4>Contacto</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
<i class="fa fa-phone"></i> <a href="tel:+14385963135">Phone</a>
</li>
<li>
<i class="fa fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">E-Mail</a>
</li>
<li>
<i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
2024-02-05 16:20:47 +00:00
<h4>Propinas</h4>
2024-02-05 06:37:21 +00:00
<ul class="fa-ul">
<li>
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa fa-liberapay "></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="#contact">Contáctame</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-yellow" id="skills">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="about-content">
<div style="padding-top: 20%;" class="heading">
2024-02-05 16:20:47 +00:00
<h4>Habilidades</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="column">
<div class="about-box-text" style="margin-top: 0;">
2024-02-05 16:20:47 +00:00
<h4>Idiomas y Habilidades</h4>
2024-02-05 06:37:21 +00:00
<ul>
<li>Git</li>
<li>Python</li>
<li>Java</li>
<li>Android Studio</li>
<li>JavaScript</li>
<li>Visual Studio</li>
<li>Node.js</li>
<li>React.js</li>
<li>Angular</li>
<li>JQuery</li>
<li>Bootstrap</li>
<li>EJS</li>
<li>Spring Framework</li>
<li>REST APIs</li>
<li>C</li>
<li>C++</li>
<li>C#</li>
<li>.NET</li>
<li>ASP.NET</li>
<li>HTML</li>
<li>CSS</li>
<li>MySQL</li>
<li>IIS</li>
<li>Microsoft Azure</li>
<li>Oracle Cloud</li>
<li>Docker</li>
<li>MATLAB</li>
<li>ModelSim</li>
<li>AutoCAD</li>
<li>TypeScript</li>
<li>PHP</li>
<li>Vue</li>
<li>Kotlin</li>
<li>CMake</li>
<li>Shell Scripting</li>
<li>Quartus</li>
<li>Microsoft Azure</li>
<li>Roff</li>
<li>Windows</li>
<li>Linux</li>
<li>Ubuntu</li>
<li>Fedora</li>
<li>Arch Linux</li>
<li>Android</li>
<li>iOS</li>
<li>Embedded Systems</li>
<li>FPGA</li>
<li>HCS12</li>
<li>Altera DE2</li>
<li>K-CSP</li>
2024-02-05 15:08:11 +00:00
<li>K-ECS</li>
2024-02-05 06:37:21 +00:00
<li>Adobe After Effects</li>
<li>Adobe Photoshop</li>
<li>Adobe Premiere Pro</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-red" id="experience">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="projects-content">
<div class="heading">
2024-02-05 16:20:47 +00:00
<h4>Experiencia Laboral</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<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>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
2024-02-05 16:20:47 +00:00
<p> Trabajó como desarrollador web, realizó un contrato a través de RPM Eco para desarrollar su sitio web.
Trabajó por contrato a través de IBM para desarrollar el sitio web de VIA Rail Canada.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://www.inovestor.com/">Visita el Sitio Web</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/kargi.jpg" data-lightbox="image-1"><img src="../img/kargi.jpg" alt=""></a>
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
2024-02-05 16:20:47 +00:00
<p>Trabajó a tiempo parcial como desarrollador web. Creó un sitio web para el complejo de edificios Kargı. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://kargisitesi.com/">Visita el Sitio Web</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<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>
2024-02-05 16:20:47 +00:00
<p>Aprendí a diseñar casas con Atelye70 a través de una pasantía.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://atelye70.com/">Visita el Sitio Web</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-red" id="projects">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="projects-content">
<div class="heading">
2024-02-05 16:20:47 +00:00
<h4>Proyectos</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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 HTML, CSS,
.NET, C#, reaccionar y MySQL.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://rpm.eco">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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 HTML,
CSS, .NET, C#, AngularJS y MySQL. </p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://reservia.viarail.ca">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://git.batuhan.basoglu.co/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Mi Sitio Web de Festión de Fotos</h4>
<p>Un sitio web de gestión de fotografías autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
con PhotoPrism, que utiliza IA para indexar sus fotografías. Está hecho usando Go, Vue y CSS.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://arcticcloud.basoglu.co:2342/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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
con Activity Pub para conectar con otras redes sociales federadas.
WordPress está hecho usando PHP, JavaScript, CSS y HTML.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://arcticpress.basoglu.co/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Mi Almacenamiento Nextcloud</h4>
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. Nextcloud es
realizado utilizando JavaScript, PHP, TypeScript y Vue.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://arcticcloud.basoglu.co">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Sitio Web del Complejo de Edificios Kargı</h4>
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, Javascript, Angular y
Mecanografiado.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://kargisitesi.com/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Sistema de Reconocimiento Facial Antirrobo para Vehículos</h4>
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, HTML, CMake, Node.js,
Roff, CSS y Java en Proyecto de Diseño de Ingeniería Informática.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://sherm048.github.io/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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
servicios desde el domicilio del usuario. La aplicación está hecha en Android Studio.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Sistema de Gestión Hospitalaria de Pacientes</h4>
<p>Realicé un sistema de gestión hospitalaria utilizando React.js 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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Sitio Web de Cunas de Kene</h4>
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS y React.js 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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<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 y
Node.js en la clase Análisis y Diseño de Interfaces de Usuario.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 16:20:47 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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 y
Node.js en la clase Análisis y Diseño de Interfaces de Usuario.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 16:20:47 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>Sitio Web de Bicicletas de Batuhan</h4>
<p>Realicé un sitio web de una empresa de servicios utilizando HTML y CSS 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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<h4>Alternativa al Sitio Web de Sam's Mart</h4>
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS y Node.js en Análisis y
Clase de Diseño de Interfaces de Usuario.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<h4>Sitio Web de Sam's Mart</h4>
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS y Node.js en Análisis y Diseño de Usuario.
Clase de interfaces.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<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 y CSS.
Node.js y EJS en la clase Análisis y Diseño de Interfaces de Usuario.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
<a
2024-02-05 16:20:47 +00:00
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Descubra
Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook</h4>
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML y CSS 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>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</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">
2024-02-05 16:20:47 +00:00
<h4>Mi Sitio Web</h4>
<p>Este mismo sitio web que hice con HTML, CSS y Javascript.</p>
2024-02-05 06:37:21 +00:00
<div class="primary-button">
2024-02-05 16:20:47 +00:00
<a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Descubra Más</a>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-red" id="education">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="projects-content">
<div style="padding-top: 20%" class="heading">
2024-02-05 16:20:47 +00:00
<h4>Educación</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-12">
<div class="slider">
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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
programa, graduado el 7 de junio de 2021.</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
<!-- slide 2 -->
<div class="slide">
<a href="../img/ironring-certificate.jpg" data-lightbox="image-3"><img
src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<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
integridad del Ingeniero. Recibido el 13 de junio de 2021.</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
<!-- slide 3 -->
<div class="slide">
<a href="../img/horizons-certificate.jpg" data-lightbox="image-3"><img
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
2024-02-05 16:20:47 +00:00
<h4>El Programa de Desarrollo Profesional Horizons</h4>
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el uso de
recursos profesionales. Recibido el 26 de abril de 2021.</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
<!-- Control buttons -->
<button class="btn btn-next"><img src="../img/next.png" /></button>
<button class="btn btn-prev"><img src="../img/prev.png" /></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-green" id="contact">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="contact-content">
<div class="heading">
2024-02-05 16:20:47 +00:00
<h4>Contáctame</h4>
2024-02-05 06:37:21 +00:00
</div>
<div class="row">
<div class="col-md-8">
<div class="contact-form">
<form id="contact" action="https://formspree.io/f/mrgvywen" method="POST">
<fieldset>
2024-02-05 16:20:47 +00:00
<input name="name" type="text" class="form-control" id="name" placeholder="Su Nombre"
2024-02-05 06:37:21 +00:00
required>
</fieldset>
<fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
</fieldset>
<fieldset>
2024-02-05 22:05:09 +00:00
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Mensaje"
2024-02-05 06:37:21 +00:00
required></textarea>
</fieldset>
<fieldset>
2024-02-05 16:20:47 +00:00
<button type="submit" id="form-submit" class="btn">Envia Mensaje</button>
2024-02-05 06:37:21 +00:00
</fieldset>
</form>
</div>
</div>
<div class="col-md-4">
<div class="more-info">
2024-02-05 16:20:47 +00:00
<p>No dudes en ponerte en contacto conmigo y te responderé lo antes posible.<br><br>
2024-02-05 06:37:21 +00:00
<em>Montreal, QC</em>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="footer">
2024-02-05 16:20:47 +00:00
<p>Derechos de Autor &copy; 2024 Batuhan Başoğlu</p>
2024-02-05 06:37:21 +00:00
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<script src="..//ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/vendor/jquery-3.6.4.min.js"><\/script>')</script>
<script src="../js/vendor/jquery-migrate.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
</body>
</html>