<!--

███╗   ██╗ ██████╗     ██████╗ ██╗███████╗██████╗ ██████╗  █████╗ ███████╗    ███████╗██╗                    
████╗  ██║██╔═══██╗    ██╔══██╗██║██╔════╝██╔══██╗██╔══██╗██╔══██╗██╔════╝    ██╔════╝██║                    
██╔██╗ ██║██║   ██║    ██████╔╝██║█████╗  ██████╔╝██║  ██║███████║███████╗    █████╗  ██║                    
██║╚██╗██║██║   ██║    ██╔═══╝ ██║██╔══╝  ██╔══██╗██║  ██║██╔══██║╚════██║    ██╔══╝  ██║                    
██║ ╚████║╚██████╔╝    ██║     ██║███████╗██║  ██║██████╔╝██║  ██║███████║    ███████╗███████╗               
╚═╝  ╚═══╝ ╚═════╝     ╚═╝     ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚═╝  ╚═╝╚══════╝    ╚══════╝╚══════╝               
                                                                                                             
████████╗██╗███████╗███╗   ███╗██████╗  ██████╗     ███╗   ███╗██╗██████╗  █████╗ ███╗   ██╗██████╗  ██████╗ 
╚══██╔══╝██║██╔════╝████╗ ████║██╔══██╗██╔═══██╗    ████╗ ████║██║██╔══██╗██╔══██╗████╗  ██║██╔══██╗██╔═══██╗
   ██║   ██║█████╗  ██╔████╔██║██████╔╝██║   ██║    ██╔████╔██║██║██████╔╝███████║██╔██╗ ██║██║  ██║██║   ██║
   ██║   ██║██╔══╝  ██║╚██╔╝██║██╔═══╝ ██║   ██║    ██║╚██╔╝██║██║██╔══██╗██╔══██║██║╚██╗██║██║  ██║██║   ██║
   ██║   ██║███████╗██║ ╚═╝ ██║██║     ╚██████╔╝    ██║ ╚═╝ ██║██║██║  ██║██║  ██║██║ ╚████║██████╔╝╚██████╔╝
   ╚═╝   ╚═╝╚══════╝╚═╝     ╚═╝╚═╝      ╚═════╝     ╚═╝     ╚═╝╚═╝╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═════╝  ╚═════╝ 
                                                                                                             
███████╗███████╗████████╗ ██████╗        ███╗   ███╗███████╗     ██╗ ██████╗ ██████╗                         
██╔════╝██╔════╝╚══██╔══╝██╔═══██╗       ████╗ ████║██╔════╝     ██║██╔═══██╗██╔══██╗                        
█████╗  ███████╗   ██║   ██║   ██║       ██╔████╔██║█████╗       ██║██║   ██║██████╔╝                        
██╔══╝  ╚════██║   ██║   ██║   ██║       ██║╚██╔╝██║██╔══╝  ██   ██║██║   ██║██╔══██╗                        
███████╗███████║   ██║   ╚██████╔╝▄█╗    ██║ ╚═╝ ██║███████╗╚█████╔╝╚██████╔╝██║  ██║                        
╚══════╝╚══════╝   ╚═╝    ╚═════╝ ╚═╝    ╚═╝     ╚═╝╚══════╝ ╚════╝  ╚═════╝ ╚═╝  ╚═╝                        
                                                                                                             
 ██████╗ ██████╗ ███╗   ██╗████████╗██████╗  █████╗ ████████╗ █████╗ ███╗   ███╗███████╗                     
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔══██╗╚══██╔══╝██╔══██╗████╗ ████║██╔════╝                     
██║     ██║   ██║██╔██╗ ██║   ██║   ██████╔╝███████║   ██║   ███████║██╔████╔██║█████╗                       
██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██╗██╔══██║   ██║   ██╔══██║██║╚██╔╝██║██╔══╝                       
╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║██║  ██║   ██║   ██║  ██║██║ ╚═╝ ██║███████╗                     
 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝   ╚═╝  ╚═╝╚═╝     ╚═╝╚══════╝                     
                                                                                                             
 ██████╗     ███████╗███████╗ ██████╗██╗   ██╗ ██████╗██╗  ██╗ █████╗     ███████╗██╗                        
██╔═══██╗    ██╔════╝██╔════╝██╔════╝██║   ██║██╔════╝██║  ██║██╔══██╗    ██╔════╝██║                        
██║   ██║    █████╗  ███████╗██║     ██║   ██║██║     ███████║███████║    █████╗  ██║                        
██║   ██║    ██╔══╝  ╚════██║██║     ██║   ██║██║     ██╔══██║██╔══██║    ██╔══╝  ██║                        
╚██████╔╝    ███████╗███████║╚██████╗╚██████╔╝╚██████╗██║  ██║██║  ██║    ███████╗███████╗                   
 ╚═════╝     ╚══════╝╚══════╝ ╚═════╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝    ╚══════╝╚══════╝                   
                                                                                                             
██████╗  ██████╗ ██████╗  ██████╗ █████╗ ███████╗████████╗                                                   
██╔══██╗██╔═══██╗██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝                                                   
██████╔╝██║   ██║██║  ██║██║     ███████║███████╗   ██║                                                      
██╔═══╝ ██║   ██║██║  ██║██║     ██╔══██║╚════██║   ██║                                                      
██║     ╚██████╔╝██████╔╝╚██████╗██║  ██║███████║   ██║                                                      
╚═╝      ╚═════╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝   ╚═╝                                                      
-->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>José Antonio González · Portfolio y contacto</title>

<meta name="keywords" content="cinco panes,doctrina social de la iglesia,dsi,podcast,podcast vida nueva,vídeos doctrina social,vídeos didácticos">
<meta name="author" content="José Antonio" >
<meta name="robots" content="index, follow">

<meta property="og:title" content="José Antonio González · Portfolio y contacto">
<meta property="og:description" content="José Antonio González (Cinco Panes) es creador de contenido multimedia para editoriales y entidades eclesiales. También es responsable del podcast semanal de la revista Vida Nueva.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cincopanes.com/">
<meta property="og:image" content="https://cincopanes.com/img/main-thumbnail-01.jpg">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="José Antonio González · Portfolio y contacto">
<meta name="twitter:description" content="José Antonio González (Cinco Panes) es creador de contenido multimedia para editoriales y entidades eclesiales. También es responsable del podcast semanal de la revista Vida Nueva.">
<meta name="twitter:image" content="https://cincopanes.com/img/main-thumbnail-01.jpg">
<meta name="twitter:site" content="@5panes">

<link rel="icon" type="image/png" href="https://cincopanes.com/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="https://cincopanes.com/favicon.svg" />
<link rel="shortcut icon" href="https://cincopanes.com/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="https://cincopanes.com/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="5Panes" />
<link rel="manifest" href="https://cincopanes.com/site.webmanifest" />

<link rel="preload" href="https://cincopanes.com/assets/spacegrotesk.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://cincopanes.com/assets/inter.woff2" as="font" type="font/woff2" crossorigin>

<link rel="stylesheet" href="https://cincopanes.com/global_styles_min.css">
<script defer src="https://cincopanes.com/global_functions_min.js"></script>
</head>
<body>

  <header class="site-header">
    <div class="idcard">
          <div class="idcard__avatar" aria-hidden="true">JA</div>

      <div class="idcard__info">
        <span class="idcard__name">José Antonio González</span>
        <span class="idcard__role">
          <span class="idcard__status available" aria-hidden="true"></span>
          Motion designer · <span class = "idcard__status__fg__available">Disponible</span>        </span>
      </div>
      
      <nav class="idcard__links" aria-label="Contacto">
        <a class="idcard__link" href="mailto:web@cincopanes.com?subject=Soy%20un%20robot&body=Cambia%20el%20asunto%20y%20este%20texto%20para%20que%20yo%20sepa%20que%20no%20eres%20un%20robot." aria-label="Correo">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg>
        </a>
        <a class="idcard__link" target="_blank" href="https://www.vidanuevadigital.com/categoria/podcast" aria-label="Podcast">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="12" rx="3"/><path d="M5 10a7 7 0 0 0 14 0"/><line x1="12" y1="17" x2="12" y2="21"/><line x1="8" y1="21" x2="16" y2="21"/></svg>
        </a>
              </nav>
    </div>
  </header>

  <main class="wrap">
    <div class="stage-col">

      
      <div class="carousel" id="carousel">
        <div class="viewport">
                                <div class="slide is-active">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-06.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-06.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-06.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · 60 aniversario</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/edhoac-01.jpg"
                             data-mp4="https://cincopanes.com/assets/edhoac-01.mp4"
                             data-webm="https://cincopanes.com/assets/edhoac-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Ediciones HOAC · Salir mejores</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/sm-01.jpg"
                             data-mp4="https://cincopanes.com/assets/sm-01.mp4"
                             data-webm="https://cincopanes.com/assets/sm-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Grupo SM · Escuela católica</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/dgetafe-01.jpg"
                             data-mp4="https://cincopanes.com/assets/dgetafe-01.mp4"
                             data-webm="https://cincopanes.com/assets/dgetafe-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Diócesis Getafe · Introducción a la Biblia</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/edhoac-04.jpg"
                             data-mp4="https://cincopanes.com/assets/edhoac-04.mp4"
                             data-webm="https://cincopanes.com/assets/edhoac-04.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Ediciones HOAC · La hora de la ciudadanía</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/visionparroq-01.jpg"
                             data-mp4="https://cincopanes.com/assets/visionparroq-01.mp4"
                             data-webm="https://cincopanes.com/assets/visionparroq-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Parroquia Madrid · Visión parroquial</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-07.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-07.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-07.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Catequesis</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/acatolica-oa-01.jpg"
                             data-mp4="https://cincopanes.com/assets/acatolica-oa-01.mp4"
                             data-webm="https://cincopanes.com/assets/acatolica-oa-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Acción Católica Orihuela-Alicante · Explainer</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/edhoac-02.jpg"
                             data-mp4="https://cincopanes.com/assets/edhoac-02.mp4"
                             data-webm="https://cincopanes.com/assets/edhoac-02.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Ediciones HOAC · Caminar juntas y juntos</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-01.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-01.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Conversaciones PPC</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/jypaz-oa-01.jpg"
                             data-mp4="https://cincopanes.com/assets/jypaz-oa-01.mp4"
                             data-webm="https://cincopanes.com/assets/jypaz-oa-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Justicia y Paz Orihuela-Alicante · Explainer</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-02.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-02.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-02.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Conversaciones PPC</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/migraciones-oa-01.jpg"
                             data-mp4="https://cincopanes.com/assets/migraciones-oa-01.mp4"
                             data-webm="https://cincopanes.com/assets/migraciones-oa-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Migraciones Orihuela-Alicante · Explainer</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-03.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-03.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-03.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Conversaciones PPC</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/caritas-val-01.jpg"
                             data-mp4="https://cincopanes.com/assets/caritas-val-01.mp4"
                             data-webm="https://cincopanes.com/assets/caritas-val-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Caritas Valencia · Explainer</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-04.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-04.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-04.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Premio Teológico Joven</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/edhoac-03.jpg"
                             data-mp4="https://cincopanes.com/assets/edhoac-03.mp4"
                             data-webm="https://cincopanes.com/assets/edhoac-03.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Ediciones HOAC · Perfiles, reflexiones y miradas</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/hoac-01.jpg"
                             data-mp4="https://cincopanes.com/assets/hoac-01.mp4"
                             data-webm="https://cincopanes.com/assets/hoac-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">HOAC · Explainer</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/ppc-05.jpg"
                             data-mp4="https://cincopanes.com/assets/ppc-05.mp4"
                             data-webm="https://cincopanes.com/assets/ppc-05.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Editorial PPC · Conversaciones PPC</span>
                    </div>
                                        <div class="slide">
                      <video class="slide__media" loop muted playsinline preload="none"
                             poster="https://cincopanes.com/assets/rejected-01.jpg"
                             data-mp4="https://cincopanes.com/assets/rejected-01.mp4"
                             data-webm="https://cincopanes.com/assets/rejected-01.webm">
                        Tu navegador no soporta vídeos HTML5.
                      </video>
                      <span class="ph__label">Proyecto rechazado</span>
                    </div>
                    
          <div class="loader" id="loader" aria-hidden="true">
              <span class="loader__spinner"></span>
            </div>

          <button class="nav nav--prev" id="prev" aria-label="Anterior">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>
          </button>
          <button class="nav nav--next" id="next" aria-label="Siguiente">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
          </button>
        </div>

        <div class="hud">
          <div class="progress" id="progress" role="tablist" aria-label="Piezas del carrusel"></div>
          <div class="counter" id="counter"><b>01</b> / 04</div>
        </div>
      </div>

      <section class="pitch">
        <h1>¿Te gusta lo que ves?</h1>
        <p>
          Si quieres algo parecido para tu institución, grupo o parroquia, puedes escribirme a <a class="email" href="mailto:web@cincopanes.com?subject=Soy%20un%20robot&body=Cambia%20el%20asunto%20y%20este%20texto%20para%20que%20yo%20sepa%20que%20no%20eres%20un%20robot.">web@cincopanes.com</a>
        </p>
      </section>

    </div>
  </main>

  <footer>© <span id="year">2026</span> José Antonio González · Este sitio no usa cookies ni elementos de rastreo</footer>

</body>
</html>