check web redirect url status code checker

Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
308 Permanent Redirect - jsfdz.com
HTTP Status: 308
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Content-Type: text/plain
Location: https://jsfdz.com/
Refresh: 0;url=https://jsfdz.com/
server: Vercel

HTTP Code 308 Permanent Redirect

308 http code is a permanent redirect that, unlike 301, ensures the request method remains unchanged.

When is Code 308 used?

  • When a resource is permanently moved while preserving the request method
  • When enforcing HTTPS without changing form submission behavior

What does Code 308 mean for the user?

The user is permanently redirected to the new URL, and the request method remains the same.

200 OK - https://jsfdz.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 0
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 54380
Content-Type: text/html; charset=utf-8
Date: Tue, 20 May 2025 22:00:22 GMT
Etag: "1f21f7306aa5da7c5218d5b26cb48736"
Last-Modified: Tue, 20 May 2025 22:00:22 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: arn1::cxrp6-1747778421624-16d27eccc09e

HTTP Code 200 OK

200 http code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: jsfdz.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jesús Fernández</title>
    <meta name="description" content="Hola, soy Jesús Fernández, desarrollador web full-stack, instructor de Academlo y amante de la tecnología.">
    <link rel="preload" href="fonts/poppins/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="fonts/raleway/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="fonts/borel/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="fonts/lineicons/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="swiper-bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="fonts/poppins/style.css">
      <link rel="stylesheet" href="fonts/raleway/style.css">
      <link rel="stylesheet" href="fonts/borel/style.css">
      <link rel="stylesheet" href="fonts/lineicons/style.css">
      <link rel="stylesheet" href="swiper-bundle.min.css">
    </noscript>
    <link rel="stylesheet" href="style.css">

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#2b4a78">
    <meta name="msapplication-TileColor" content="#2b4a78">
    <meta name="theme-color" content="#ffffff">
    <link rel="canonical" href="https://jsfdz.com/">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://jsfdz.com/">
    <meta property="og:title" content="Jesús Fernández">
    <meta property="og:description" content="Hola, soy Jesús Fernández, desarrollador web full-stack, instructor de Academlo y amante de la tecnología.">
    <meta property="og:image" content="https://jsfdz.com/js-banner.webp">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://jsfdz.com/">
    <meta property="twitter:title" content="Jesús Fernández">
    <meta property="twitter:description" content="Hola, soy Jesús Fernández, desarrollador web full-stack, instructor de Academlo y amante de la tecnología.">
    <meta property="twitter:image" content="https://jsfdz.com/js-banner.webp">
  </head>
  <body>
    <div class="c-loading">
      <div class="c-loading__inner">
        <div class="c-loader">
          <div class="c-loader__dots">
            <div class="c-loader__item"></div>
            <div class="c-loader__item"></div>
            <div class="c-loader__item"></div>
            <div class="c-loader__item"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="l-wrapper">
      <header class="c-head">
        <div class="c-head__container l-container">
          <div class="c-head__me">
            <h1 class="c-head__title">jsfdz</h1>
            <div class="c-head__buttons">
              <button type="button" class="c-head__theme" aria-label="theme">
                <span></span>
              </button>
              <a href="en/" class="c-head__lang">
                <span>en</span>
              </a>
            </div>
          </div>

          <nav class="c-nav">
            <ul class="c-nav__list">
              <li class="c-nav__item active">
                <a href="#about" class="c-nav__link">Sobre Mí<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#skills" class="c-nav__link">Habilidades<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#education" class="c-nav__link">Formación<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#services" class="c-nav__link">Servicios<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#portfolio" class="c-nav__link">Proyectos<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#community" class="c-nav__link">Comunidad<span></span></a>
              </li>
              <li class="c-nav__item">
                <a href="#contact" class="c-nav__link">Contacto<span></span></a>
              </li>
            </ul>
          </nav>

          <div class="c-social">
            <a href="https://www.linkedin.com/in/jsfdz/" class="c-social__link" target="_blank" aria-label="Linkedin"><i class="lni lni-linkedin-original"></i></a>
            <a href="https://github.com/jsfdz" class="c-social__link" target="_blank" aria-label="GitHub"><i class="lni lni-github-original"></i></a>
            <a href="https://www.youtube.com/@jsfdz" class="c-social__link" target="_blank" aria-label="Youtube"><i class="lni lni-youtube"></i></a>
            <!-- <a href="" class="c-social__link" target="_blank"><i class="lni lni-instagram"></i></a> -->
            <a href="https://www.facebook.com/jsfdzdev" class="c-social__link" target="_blank" aria-label="Facebook"><i class="lni lni-facebook-original"></i></a>
            <a href="https://open.spotify.com/playlist/5Jv0ZetHKXTxJQfimMqhfL?si=a83dc827205044b1" class="c-social__link" target="_blank" aria-label="Spotify"><i class="lni lni-spotify-original"></i></a>
          </div>
        </div>
      </header>

      <div class="c-body">
        <main class="l-main">
          <section id="about" class="l-section c-about">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Acerca de mí</h2>
                <p class="l-section__description">Mi esencia: código, diseño y pasión.</p>
                <img class="c-about__img" src="img/me.webp" alt="Jesús Fernández" width="350" height="350">
                <p class="l-section__text"><span class="u-saludar">👋🏻</span>!Hola!, <br> Soy Jesús Fernández, un
                  desarrollador especializado en JavaScript, lenguaje que amo 💛. Me fascinan los frameworks de frontend
                  como React y Svelte, y también disfruto trabajando en el backend con Node.js. Además de mi pasión por
                  el desarrollo, tengo un gran interés en el diseño UI. En mi tiempo libre, me encanta escuchar música y
                  viajar. Pero, sin duda, lo que más me apasiona es compartir mis conocimientos. ¡Bienvenido a mi
                  portafolio, un reflejo de mi mundo entre código, diseño y enseñanza!</p>
              </div>
            </div>
          </section>
          <section id="skills" class="l-section c-skills">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Habilidades</h2>
                <p class="l-section__description">Estas habilidades son la base de mi éxito.</p>
                <p class="l-section__text">Mis capacidades técnicas y profesionales se convierten en el motor que
                  me impulsa a superar desafíos y crear soluciones innovadoras. Son estas competencias las que cimientan
                  cada paso de mi carrera.
                </p>
              </div>

              <div class="l-section__body">

                <p class="c-skills__text">Habilidades en diversas tecnologías web que han sido herramientas esenciales
                  en
                  mis proyectos:</p>

                <div class="c-skills__content">
                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/bash.svg" alt="Bash">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Bash</h3>
                    <p class="c-skills__text">Lenguajes</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/vsc.svg" alt="VsCode">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">VsCode</h3>
                    <p class="c-skills__text">Herramientas</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/vite.svg" alt="Vite">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Vite</h3>
                    <p class="c-skills__text">Desarrollo</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/docker.svg" alt="Docker">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Docker</h3>
                    <p class="c-skills__text">Desarrollo</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/html.svg" alt="HTML">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">HTML</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/css.svg" alt="CSS">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">CSS</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/javascript.svg" alt="JavaScript">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">JavaScript</h3>
                    <p class="c-skills__text">Lenguajes</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/git.svg" alt="Git">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Git</h3>
                    <p class="c-skills__text">Desarrollo</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/react.svg" alt="React">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">React</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/redux.svg" alt="Redux">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Redux</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/tailwind.svg" alt="Tailwind">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Tailwind</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/next.svg" alt="Next.js">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Next.js</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/nodejs.svg" alt="Node.js">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Node.js</h3>
                    <p class="c-skills__text">Backend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/express.svg" alt="Express">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Express</h3>
                    <p class="c-skills__text">Backend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/mongodb.svg" alt="MongoDB">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">MongoDB</h3>
                    <p class="c-skills__text">Base de Datos</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/postgres.svg" alt="Postgress">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Postgress</h3>
                    <p class="c-skills__text">Base de Datos</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/svelte.svg" alt="Svelte">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Svelte</h3>
                    <p class="c-skills__text">Frontend</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/typescript.svg" alt="TypeScript">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">TypeScript</h3>
                    <p class="c-skills__text">Lenguajes</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/github.svg" alt="GitHub">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">GitHub</h3>
                    <p class="c-skills__text">Desarrollo</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/gitlab.svg" alt="GitLab">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">GitLab</h3>
                    <p class="c-skills__text">Desarrollo</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/illustrator.svg" alt="Ilustrator">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Ilustrator</h3>
                    <p class="c-skills__text">Diseño</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/figma.svg" alt="Figma">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Figma</h3>
                    <p class="c-skills__text">Diseño</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/notion.svg" alt="Notion">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Notion</h3>
                    <p class="c-skills__text">Productividad</p>
                  </div>

                  <div class="c-skills__item">
                    <div class="c-skills__img">
                      <img class="c-skills__img-img" loading="lazy" width="50" height="50" src="./img/slack.svg" alt="Slack">
                    </div>
                    <h3 class="c-skills__text c-skills__text-name">Slack</h3>
                    <p class="c-skills__text">Productividad</p>
                  </div>

                </div>

                <p class="c-skills__text">Habilidades Blandas que me han ayudado a crecer como profesional:</p>

                <ul class="c-skills__list">
                  <li class="c-skills__list-item">~ Comunicación clara y asertiva.</li>
                  <li class="c-skills__list-item">~ Trabajo en equipo y colaboración.</li>
                  <li class="c-skills__list-item">~ Resolución de conflictos.</li>
                  <li class="c-skills__list-item">~ Adaptabilidad y flexibilidad frente a cambios.</li>
                  <li class="c-skills__list-item">~ Eficiente gestión del tiempo.</li>
                  <li class="c-skills__list-item">~ Apertura para dar y recibir feedback.</li>
                  <li class="c-skills__list-item">~ Autodidactismo y pasión por el aprendizaje.</li>
                  <li class="c-skills__list-item">~ Liderazgo y capacidad de toma de decisiones.</li>
                  <li class="c-skills__list-item">~ Pensamiento crítico y resolutivo.</li>
                  <li class="c-skills__list-item">~ Empatía y sensibilidad intercultural.</li>
                </ul>

              </div>
            </div>
          </section>
          <section id="education" class="l-section c-education">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Educación</h2>
                <p class="l-section__description">Fundamentos sólidos para el éxito</p>
                <p class="l-section__text">Aquí encontrarás información sobre mi formación académica y mi
                  compromiso con el aprendizaje continuo. Mi educación proporciona una base sólida que sustenta mi
                  carrera
                  y mis logros.</p>
              </div>

              <div class="l-section__body">

                <div class="c-education__item">
                  <div class="c-education__content">
                    <img class="c-education__logo" src="img/aca_logo.webp" alt="Academlo" loading="lazy" width="150" height="150">

                    <div class="c-education__info">
                      <h3 class="c-education__title">Academlo</h3>
                      <p class="c-education__text">Es un programa de cinco a seis meses, con clases diarias, en las
                        noches
                        y en vivo. La idea es estudiar en línea, pero con una experiencia muy interactiva.</p>
                    </div>

                    <p class="c-education__since">2020 - 2021</p>
                  </div>

                  <h4 class="c-education__subtitle">Certificados:</h4>
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a href="https://certiwise.co/verify/261" target="_blank" class="c-education__slide">
                          <div class="c-education__profile">
                            <img class="c-education__img" loading="lazy" src="img/certificate-foundations.webp" alt="Certificado Fundamentos">
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="https://certiwise.co/verify/261" target="_blank" class="c-education__slide">
                          <div class="c-education__profile">
                            <img class="c-education__img" loading="lazy" src="img/certificate-react.webp" alt="Certificado React">
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="https://certiwise.co/verify/263" target="_blank" class="c-education__slide">
                          <div class="c-education__profile">
                            <img class="c-education__img" loading="lazy" src="img/certificate-node.webp" alt="Certificado Node">
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="https://certiwise.co/verify/264" target="_blank" class="c-education__slide">
                          <div class="c-education__profile">
                            <img class="c-education__img" loading="lazy" src="img/certificate-fullstack.webp" alt="Certificado Node">
                          </div>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>

              </div>

            </div>
          </section>
          <section id="services" class="l-section c-services">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Servicios</h2>
                <p class="l-section__description">Soluciones a tu medida, adaptadas a tus visiones y aspiraciones</p>
                <p class="l-section__text">Explora los diferentes servicios que presento, diseñados meticulosamente
                  para llevar tus objetivos al siguiente nivel. Desde el desarrollo y diseño web, hasta asesorías
                  especializadas en el ámbito web, mi enfoque está en ofrecerte soluciones y herramientas que se alineen
                  de forma precisa con tus aspiraciones.</p>
              </div>

              <div class="l-section__body">
                <div class="c-services__item">
                  <div class="c-services__head">
                    <div class="c-services__icon c-services__icon--dev">
                      <i class="lni lni-code"></i>
                    </div>
                    <div class="c-services__title">
                      <h3 class="c-services__name">Desarrollo Web <i class="lni lni-chevron-right"></i></h3>
                      <p class="c-services__description">Forjando la infraestructura digital de tu visión.</p>
                    </div>
                  </div>
                  <div class="c-services__content">
                    <p class="c-services__text">El desarrollo web es más que solo codificar; se trata de dar vida a tus
                      ideas y visiones
                      digitales. A través de este servicio, construyo la base técnica y funcional de tu presencia en
                      línea, garantizando que tu sitio o aplicación no solo funcione sin problemas, sino que también
                      esté optimizado para los visitantes y para los motores de búsqueda. Ya sea una tienda en línea, un
                      blog personal, una plataforma educativa o cualquier otro proyecto, mi enfoque es asegurar que se
                      adapte a tus necesidades y crezca contigo.</p>

                    <h4 class="c-services__subtitle">¿Qué incluye?</h4>
                    <ul class="c-services__list">
                      <li class="c-services__list-item">~ Análisis de Requisitos</li>
                      <li class="c-services__list-item">~ Diseño de Experiencia de Usuario (UX)</li>
                      <li class="c-services__list-item">~ Diseño Frontend</li>
                      <li class="c-services__list-item">~ Diseño Responsivo</li>
                      <li class="c-services__list-item">~ Optimización para SEO</li>
                      <li class="c-services__list-item">~ Desarrollo Backend</li>
                      <li class="c-services__list-item">~ Desarrollo de Base de Datos</li>
                      <li class="c-services__list-item">~ Integración de API</li>
                      <li class="c-services__list-item">~ Optimización de Rendimiento</li>
                      <li class="c-services__list-item">~ Seguridad</li>
                      <li class="c-services__list-item">~ Pruebas y Depuración</li>
                      <li class="c-services__list-item">~ Lanzamiento y Puesta en Marcha</li>
                      <li class="c-services__list-item">~ Capacitación y Documentación</li>
                      <li class="c-services__list-item">~ Mantenimiento</li>
                    </ul>

                    <h4 class="c-services__subtitle">Paquetes</h4>
                    <ol class="c-services__list c-services__packs">
                      <li class="c-services__list-item"><strong>Inicio Rápido:</strong> <br> Ideal para startups y
                        pequeños
                        negocios. Incluye una página de inicio, galería, formulario de contacto y optimización básica
                        para móviles.</li>
                      <li class="c-services__list-item"><strong>Negocios en Crecimiento:</strong> <br> Diseñado para
                        empresas
                        medianas. Incluye todas las características del paquete Inicio Rápido más integraciones de
                        eCommerce, blog y SEO avanzado.</li>
                      <li class="c-services__list-item"><strong>Solución Empresarial:</strong> <br> Para grandes
                        corporaciones. Personalización completa, integraciones de terceros, funciones avanzadas y
                        soporte continuo.</li>
                    </ol>
                  </div>
                </div>

                <div class="c-services__item">
                  <div class="c-services__head">
                    <div class="c-services__icon c-services__icon--des">
                      <i class="lni lni-ruler-pencil"></i>
                    </div>
                    <div class="c-services__title">
                      <h3 class="c-services__name">Diseño Web <i class="lni lni-chevron-right"></i></h3>
                      <p class="c-services__description">El diseño más moderno y de alta calidad realizado a nivel
                        profesional.
                      </p>
                    </div>
                  </div>
                  <div class="c-services__content">
                    <p class="c-services__text">El diseño web es el arte de combinar estética con funcionalidad. En esta
                      era digital, tu sitio
                      web es a menudo la primera impresión que los clientes tienen de tu negocio o marca. Por ello, se
                      necesita un diseño que sea atractivo, intuitivo y que ofrezca una experiencia de usuario
                      excepcional. Mi enfoque en el diseño web es crear interfaces que no solo sean visualmente
                      impactantes, sino también fáciles de navegar, accesibles y optimizadas para todos los
                      dispositivos.</p>
                    <h4 class="c-services__subtitle">¿Qué incluye?</h4>
                    <ul class="c-services__list">
                      <li class="c-services__list-item">~ Investigación y Análisis</li>
                      <li class="c-services__list-item">~ Diseño de Interfaz de Usuario (UI)</li>
                      <li class="c-services__list-item">~ Diseño Responsivo</li>
                      <li class="c-services__list-item">~ Selección de Colores y Tipografía</li>
                      <li class="c-services__list-item">~ Creación de Elementos Gráficos</li>
                      <li class="c-services__list-item">~ Maquetación y Prototipado</li>
                      <li class="c-services__list-item">~ Optimización de Usabilidad</li>
                      <li class="c-services__list-item">~ Animaciones y Efectos Visuales</li>
                      <li class="c-services__list-item">~ Integración de Elementos Multimedia</li>
                      <li class="c-services__list-item">~ Optimización de Velocidad</li>
                      <li class="c-services__list-item">~ Integración con Desarrollo Backend</li>
                      <li class="c-services__list-item">~ Pruebas de Diseño</li>
                      <li class="c-services__list-item">~ Entrega de Archivos y Activos</li>
                      <li class="c-services__list-item">~ Soporte Post-Lanzamiento</li>
                    </ul>

                    <h4 class="c-services__subtitle">Paquetes</h4>
                    <ol class="c-services__list c-services__packs">
                      <li class="c-services__list-item"><strong>Básico:</strong> <br> Diseño responsive para pequeños
                        negocios. Look fresco, optimizado para velocidad y
                        usabilidad.</li>
                      <li class="c-services__list-item"><strong>Profesional:</strong> <br> Para marcas establecidas que
                        buscan renovarse. Diseño avanzado, animaciones, y
                        experiencia de usuario de alto nivel.</li>
                      <li class="c-services__list-item"><strong>Premium:</strong> <br> Transformación total con diseño
                        exclusivo, prototipos interactivos, y pruebas de usuario
                        para asegurar la máxima eficacia.</li>
                    </ol>
                  </div>
                </div>

                <div class="c-services__item">
                  <div class="c-services__head">
                    <div class="c-services__icon c-services__icon--sup">
                      <i class="lni lni-library"></i>
                    </div>
                    <div class="c-services__title">
                      <h3 class="c-services__name">Asesorías uno a uno <i class="lni lni-chevron-right"></i></h3>
                      <p class="c-services__description">Construyendo puentes hacia tu éxito digital con orientación
                        personalizada.</p>
                    </div>
                  </div>
                  <div class="c-services__content">
                    <p class="c-services__text">Cada proyecto y emprendedor es único, y a menudo hay desafíos o dudas
                      específicas que requieren una
                      atención personalizada. A través de las asesorías uno a uno, ofrezco mi experiencia y conocimiento
                      para guiarte en tu travesía digital. Ya sea que necesites orientación técnica, estratégica o
                      simplemente una segunda opinión sobre tu dirección actual, estas sesiones están diseñadas para
                      brindarte claridad, confianza y herramientas prácticas para avanzar.</p>
                    <h4 class="c-services__subtitle">¿Qué incluye?</h4>
                    <ul class="c-services__list">
                      <li class="c-services__list-item">~ Asesoramiento</li>
                      <li class="c-services__list-item">~ Plan de Aprendizaje Personalizado</li>
                      <li class="c-services__list-item">~ Sesiones de Aprendizaje a Tu Ritmo</li>
                      <li class="c-services__list-item">~ Sesiones de Aprendizaje Interactivo</li>
                      <li class="c-services__list-item">~ Sesiones Regularmente Programadas</li>
                      <li class="c-services__list-item">~ Proporcionar Recursos de Aprendizaje</li>
                      <li class="c-services__list-item">~ Guía en Mejores Prácticas</li>
                      <li class="c-services__list-item">~ Discusión de Tendencias Actuales</li>
                      <li class="c-services__list-item">~ Asesoramiento en Elección de Herramientas</li>
                    </ul>

                    <h4 class="c-services__subtitle">Paquetes</h4>
                    <ol class="c-services__list c-services__packs">
                      <li class="c-services__list-item"><strong>Introducción:</strong> <br> Sesión de 60 minutos para
                        identificar necesidades y plantear objetivos.</li>
                      <li class="c-services__list-item"><strong>Avanzado:</strong> <br> 3 sesiones de 60 minutos con
                        revisión
                        de progreso, orientación técnica y estratégica.</li>
                      <li class="c-services__list-item"><strong>Integral:</strong> <br> 6 sesiones distribuidas en 2
                        meses, con
                        análisis profundo, planificación y seguimiento
                        continuo. Ideal para proyectos a largo plazo o lanzamientos importantes.</li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section id="portfolio" class="l-section c-portfolio">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Mis Proyectos</h2>
                <p class="l-section__description">Ejemplos tangibles de mi trabajo</p>
                <p class="l-section__text">Explora una selección de mis proyectos pasados y actuales. Cada
                  proyecto es una muestra de mi creatividad y experiencia en acción, y representa los desafíos que estoy
                  dispuesto a enfrentar.</p>
              </div>
              <div class="l-section__body">
                <div class="swiper">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://tatuluis.com/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-tatuluis.webp" alt="tatuluis" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--purple">Tatuluis (2020)</h3>
                          <p class="c-portfolio__text">Diseño + Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://collectivetattoocancun.com/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-collective.webp" alt="collective" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--orange">Collective Tatto Studio (2021)</h3>
                          <p class="c-portfolio__text">Diseño + Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://grupoaisd.com/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-grupoaisd.webp" alt="grupo aisd" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--green">Grupo AISD (2021)</h3>
                          <p class="c-portfolio__text">Diseño + Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://www.grupoprocesoseguro.com/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-grupoprocesoseguro.webp" alt="grupo proceso seguro" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--yellow">Grupo Proceso Seguro (2021)</h3>
                          <p class="c-portfolio__text">Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://laenfermeria.com.mx/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-la-enfermeria.webp" alt="la enfermeria" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--red">La Enfermería (2022)</h3>
                          <p class="c-portfolio__text">Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                    <div class="swiper-slide c-portfolio__item">
                      <a class="c-portfolio__link" href="https://jsfdz.com/" target="_blank" rel="noopener noreferrer">
                        <img class="c-portfolio__img" loading="lazy" src="img/work-jsfdz-portfolio.webp" alt="mi portfolio" width="350" height="350">
                        <div class="c-portfolio__content">
                          <h3 class="c-portfolio__title u-decoration--blue">Mi Portafolio (2023)</h3>
                          <p class="c-portfolio__text">Diseño + Desarrollo <i class="lni lni-arrow-top-right"></i></p>
                        </div>
                      </a>
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
              </div>
            </div>
          </section>
          <section id="community" class="l-section c-community">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Comunidad</h2>
                <p class="l-section__description">Reflejo de colaboración y excelencia</p>
                <p class="l-section__text">Descubre las opiniones y experiencias compartidas por nuestra comunidad,
                  quienes no solo han colaborado estrechamente conmigo, sino que también han tenido la oportunidad de
                  trabajar de cerca con mis habilidades como desarrollador. Cada opinión compartida aquí reflejan la
                  calidad de mi trabajo y mi dedicación por superar sus expectativas.</p>
              </div>

              <div class="l-section__body">
                <div class="swiper">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-brayan.webp" alt="Stiven Quiroz" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">React Frontend Developer</span>
                          <h3 class="c-community__name">Stiven Quiroz</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/bsmq/">@bsmq</a>
                          <p class="c-community__text">¡Es una persona apasionada del desarrollo web, especialmente en
                            frontend! tiene el talento de simplificar lo complejo, fusionando conocimiento y empatía. Su
                            calidad humana sobresale, siempre dispuesto a ayudar, es un profesional inspirador con el
                            que
                            es un placer colaborar. ¡Totalmente recomendado!</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-junior.webp" alt="Junior Pacheco" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Desarrollador Web Frontend</span>
                          <h3 class="c-community__name">Junior Pacheco</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/juniorfabianpachecomoyano-desarrollador/">@juniorPacheco</a>
                          <p class="c-community__text">Excelente instructor y compañero de trabajo, siempre busca
                            innovar
                            para
                            mejorar la experiencia de sus alumnos, implementando temas que están a la vanguardia, un
                            maestro del
                            CSS y amante de JS.</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-andres.webp" alt="Andres Mendoza" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Web Developer</span>
                          <h3 class="c-community__name">Andres Mendoza</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/andr%C3%A9s-david-mendoza-m%C3%A1rquez-867a1b175/">@andresMendoza</a>
                          <p class="c-community__text">Jesús es un desarrollador excepcional: Creativo, eficiente y
                            siempre
                            dispuesto a enfrentar nuevos desafíos. Un compañero confiable que aporta innovación y
                            soluciones a
                            cada proyecto. ¡Un placer trabajar contigo!</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-luis.webp" alt="Luis Avedaño" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Web Developer</span>
                          <h3 class="c-community__name">Luis Avedaño</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/lmavendano/">@lmavendano</a>
                          <p class="c-community__text">Es un excelente programador y persona, tiene una de las
                            habilidades
                            mas
                            importantes para todo programador y es el liderazgo y el estar siempre actualizado, por eso
                            para mi lo
                            convierte en una pieza indispensable para cualquier equipo de desarrollo.</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-garbiel.webp" alt="Gabriel Martinez" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Full-Stack Developer</span>
                          <h3 class="c-community__name">Gabriel Martinez</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/gabrielmartinezghioma/">@gabrielmartinezghioma</a>
                          <p class="c-community__text">Es un profesional ejemplar. Su enfoque disciplinado y altamente
                            organizado
                            resplandece en cada proyecto en el que se involucra, y su habilidad para liderar agrega un
                            valor
                            inmenso. Colaborar con él es una experiencia profesional muy enriquecedora.</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-dennis.webp" alt="Dennis Layme" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Desarrollador Web Frontend</span>
                          <h3 class="c-community__name">Dennis Layme</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/denncriss/">@denncriss</a>
                          <p class="c-community__text">Jesús un Crack del Fullstack en JS. Nos conocimos en el
                            mundo de
                            la programación he tenido la oportunidad de codear varios proyectos con él y pude ver de
                            primera mano
                            su habilidad para escribir un código limpio y ordenado. Definitivamente es el colega que
                            quieres tener
                            en tu equipo de trabajo.
                          </p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="c-community__item">
                        <div class="c-community__profile">
                          <img class="c-community__img" loading="lazy" src="img/review-edgar.webp" alt="Edgar Hernández" width="150" height="150">
                        </div>
                        <div class="c-community__content">
                          <span class="c-community__job">Asesor de Ventas Automotriz</span>
                          <h3 class="c-community__name">Edgar Hernández</h3>
                          <a class="c-community__link" href="https://www.linkedin.com/in/edgar-hernandezvh/">@edgar-hernandezvh</a>
                          <p class="c-community__text">Gran compañero de trabajo y amigo. Dispuesto a regalarnos su
                            tiempo
                            para
                            resolver cualquier problema y gran fanático a aprender cosas nuevas y enseñarlos con gran
                            entusiasmo.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="swiper-pagination"></div>
                </div>
              </div>
            </div>
          </section>
          <section id="contact" class="l-section c-contact">
            <div class="l-container">
              <div class="l-section__head">
                <h2 class="l-section__title">Contacto</h2>
                <p class="l-section__description">Hablemos sobre tu próximo proyecto</p>
                <p class="l-section__text">¿Listo para dar el siguiente paso? Ponte en contacto conmigo para
                  discutir cómo puedo ayudarte a lograr tus metas. Estoy ansioso por conocer tus ideas y trabajar juntos
                  para convertirlas en realidad.</p>
              </div>

              <div class="l-section__body">
                <div class="c-contact__item-call">
                  <div class="c-contact__content">
                    <h3 class="c-contact__name"><i class="lni lni-whatsapp"></i> WhatsApp</h3>
                    <a class="c-contact__link" target="_blank" href="https://api.whatsapp.com/send?phone=52999999999"><span>Escribeme por
                        whastapp</span><i class="lni lni-arrow-top-right"></i></a>
                  </div>

                  <div class="c-contact__content">
                    <h3 class="c-contact__name"><i class="lni lni-facebook-messenger"></i> Messenger</h3>
                    <a class="c-contact__link" target="_blank" href="https://m.me/jsfdz"><span>Escribeme por
                        messenger</span><i class="lni lni-arrow-top-right"></i></a>
                  </div>

                  <div class="c-contact__content c-contact__content-span">
                    <h3 class="c-contact__name"><i class="lni lni-envelope"></i> Email </h3>
                    <a class="c-contact__link" target="_blank" href="mailto:[email protected]"> <span>Enviame un
                        correo</span><i class="lni lni-arrow-top-right"></i></a>
                  </div>
                </div>

                <form id="form" class="c-contact__item-form">
                  <div class="c-contact__input-group">
                    <input id="name" class="c-contact__input" type="text" name="name" placeholder="nombre" required>
                    <label for="name" class="c-contact__label"><span><i class="lni lni-user"></i></span>Nombre</label>
                  </div>

                  <div class="c-contact__input-group">
                    <input id="email" class="c-contact__input" type="email" name="email" placeholder="email" required>
                    <label for="email" class="c-contact__label"><span>@</span>Correo</label>
                  </div>

                  <div class="c-contact__input-group">
                    <textarea id="description" class="c-contact__input" name="description" placeholder="description" rows="10" required></textarea>
                    <label for="description" class="c-contact__label"><span><i class="lni lni-more-alt"></i></span>Mensaje</label>
                  </div>

                  <div class="c-contact__actions">
                    <button type="submit" class="c-contact__submit">Enviar <i class="lni lni-arrow-top-right"></i></button>
                    <p id="message" class="c-contact__message hidden"></p>
                  </div>
                </form>

                <div class="c-contact__item-social">
                  <a class="c-contact__social-link" href="https://www.linkedin.com/in/jsfdz/">
                    <i class="lni lni-arrow-top-right"></i> Sigueme en Linkedin
                  </a>

                  <a class="c-contact__social-link" href="https://github.com/jsfdz">
                    <i class="lni lni-arrow-top-right"></i> Colaboremos en GitHub
                  </a>

                  <a class="c-contact__social-link" href="https://www.youtube.com/@jsfdz">
                    <i class="lni lni-arrow-top-right"></i> Suscribete en Youtube
                  </a>

                  <a class="c-contact__social-link" href="#">
                    <i class="lni lni-arrow-top-right"></i> Charlemos en Instargam
                  </a>

                  <a class="c-contact__social-link" href="https://www.facebook.com/jsfdzdev">
                    <i class="lni lni-arrow-top-right"></i> Haste fan en Facebook
                  </a>

                  <a class="c-contact__social-link" href="https://open.spotify.com/playlist/5Jv0ZetHKXTxJQfimMqhfL?si=a83dc827205044b1">
                    <i class="lni lni-arrow-top-right"></i> Escucha mi playlist en Spotify
                  </a>
                </div>
              </div>
            </div>
          </section>
        </main>

        <footer class="c-foot">
          <div class="c-foot__inner l-container">
            <div class="c-foot__content">
              <p class="c-foot__text c-foot__text--top">
                <span>js</span>
              </p>
              <p class="c-foot__text c-foot__text--middle">
                <span>Desde</span> <br>
                <a href="https://g.co/kgs/WgJ2bX" target="_blank" rel="noopener noreferrer"><strong>México</strong></a>
              </p>
              <p class="c-foot__text c-foot__text--bottom"><small>© <span id="year"></span> — Todos los derechos reservados.</small></p>
            </div>
          </div>
        </footer>
      </div>
    </div>

    <script src="swiper-bundle.min.js" defer></script>
    <script src="script.js" defer></script>
  </body>

</html>

Whois info of domain

Domain Name: JSFDZ.COM
Registry Domain ID: 2769059338_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2025-03-18T07:16:46Z
Creation Date: 2023-03-29T21:37:53Z
Registry Expiry Date: 2026-03-29T21:37:53Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS1.VERCEL-DNS.COM
Name Server: NS2.VERCEL-DNS.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-20T22:00:00Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass