index.html

<!doctype html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
<html lang="es">

<head>

  <!-- Basic -->
  <title>Hackathon Lovers: comunidad de desarrolladores, diseñadores, emprendedores... amantes de los hackathones.
  </title>

  <!-- Define Charset -->
  <meta charset="utf-8">

  <!-- Responsive Metatag -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Page Description and Author -->
  <meta name="description"
    content="Hackathon Lovers es una comunidad de desarrolladores, diseñadores, emprendedores... amantes de los hackathones. Experimentan con nuevos dispositivos, lenguajes, frameworks, tecnologías, plataformas, APIs... con la intención de crear proyectos, divertirse, aprender, crear lazos con otros profesionales...">
  <meta name="author" content="Hackalovers Team">

  <!-- CSS Minimized  -->
  <link rel="stylesheet" href="./v4.0/css/minimize.css" type="text/css" media="screen">

  <!-- JS Minimized  -->
  <script type="text/javascript" src="./v4.0/js/minimize.js"></script>

  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

  <link rel="shortcut icon" href="./v4.0/images/logo/hackathon-lovers-icon-200.png">
</head>

<body id="inicio" data-spy="scroll" data-target=".navbar">

  <!-- Full Body Container -->
  <div id="container">


    <!-- Start Header Section -->
    <div class="hidden-header"></div>
    <header class="clearfix">

      <!-- Start Top Bar -->
      <div class="top-bar">
        <div class="container">
          <div class="row">
            <div class="col-md-7">
              <!-- Start Contact Info -->
              <ul class="contact-details">
                <li>
                  <a href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
                    <i class="fa-brands fa-mailchimp"></i> Subscríbete a nuestra newsletter</a>
                </li>
                <li>
                  <a href="mailto:info@hackathonlovers.com">
                    <i class="fa-solid fa-envelope"></i> Escribenos a info@hackathonlovers.com</a>
                </li>
              </ul>
              <!-- End Contact Info -->
            </div>
            <!-- .col-md-6 -->
            <div class="col-md-5">
              <!-- Start Social Links -->
              <ul class="social-list">
                <li>
                  <a class="mailchimp itl-tooltip" data-placement="bottom" title="mailchimp"
                    href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
                    <i class="fa-brands fa-mailchimp"></i>
                    <span class="sr-only sr-only-focusable">Mailchimp</span>
                  </a>
                </li>
                <li>
                  <a class="discord itl-tooltip" data-placement="bottom" title="discord"
                    href="https://discord.gg/QRN2epZVDB">
                    <i class="fa-brands fa-discord"></i>
                    <span class="sr-only sr-only-focusable">Discord</span>
                  </a>
                </li>
                <li>
                  <a class="meetup itl-tooltip" data-placement="bottom" title="meetup"
                    href="https://www.meetup.com/Hackathon-Lovers/">
                    <i class="fa-brands fa-meetup"></i>
                    <span class="sr-only sr-only-focusable">Meetup</span>
                  </a>
                </li>
                <li>
                  <a class="mastodon itl-tooltip" data-placement="bottom" title="Mastodon"
                    href="https://mastodon.social/@hackathonlovers">
                    <i class="fa-brands fa-mastodon"></i>
                    <span class="sr-only sr-only-focusable">Mastodon</span>
                  </a>
                </li>
                <li>
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter"
                    href="http://twitter.com/HackathonLovers">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter</span>
                  </a>
                </li>
                <li>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn"
                    href="http://linkedin.com/groups/Hackathon-Lovers-6510465">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn</span>
                  </a>
                </li>
                <li>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github"
                    href="http://github.com/hackathonlovers">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">Github</span>
                  </a>
                </li>
                <li>
                  <a class="tumblr itl-tooltip" data-placement="bottom" title="Tumblr"
                    href="http://hackathonlovers.tumblr.com/">
                    <i class="fa-brands fa-tumblr"></i>
                    <span class="sr-only sr-only-focusable">Tumblr</span>
                  </a>
                </li>
                <li>
                  <a class="flickr itl-tooltip" data-placement="bottom" title="Flickr"
                    href="http://flickr.com/photos/114271676@N05/sets/">
                    <i class="fa-brands fa-flickr"></i>
                    <span class="sr-only sr-only-focusable">Flickr</span>
                  </a>
                </li>
                <li>
                  <a class="youtube itl-tooltip" data-placement="bottom" title="YouTube"
                    href="http://youtube.com/channel/UCRwSe7jK-y62BMvIiNBV1qw">
                    <i class="fa-brands fa-youtube"></i>
                    <span class="sr-only sr-only-focusable">YouTube</span>
                  </a>
                </li>
              </ul>
              <!-- End Social Links -->
            </div>
            <!-- .col-md-6 -->
          </div>
          <!-- .row -->
        </div>
        <!-- .container -->
      </div>
      <!-- .top-bar -->
      <!-- End Top Bar -->


      <!-- Start  Logo & Naviagtion  -->
      <div class="navbar navbar-default navbar-top">
        <div class="container">
          <div class="navbar-header">
            <!-- Stat Toggle Nav Link For Mobiles -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <i class="fa-solid fa-bars"></i>
              <span class="sr-only sr-only-focusable">Menu</span>
            </button>
            <!-- End Toggle Nav Link For Mobiles -->
            <a class="navbar-brand" href="https://hackathonlovers.com">
              <img alt="HackathonLovers" src="./v4.0/images/logo/logo-hackathon-lovers-alargado-bis-232x24.png">
            </a>
          </div>
          <div class="navbar-collapse collapse">
            <!-- Start Navigation List -->
            <ul class="nav navbar-nav navbar-right">
              <li>
                <a href="#inicio">Inicio</a>
              </li>
              <li>
                <a href="#hackathones">Hackathones</a>
              </li>
              <li>
                <a href="#numeros">Números</a>
              </li>
              <li>
                <a href="#hackers">Hackers</a>
              </li>
              <li>
                <a href="#contacto">Contacto</a>
              </li>
              <li>
                <a href="#media">Media</a>
              </li>
              <li>
                <a href="#principios">Principios</a>
              </li>
              <li>
                <a href="#equipo">Equipo</a>
              </li>
            </ul>
            <!-- End Navigation List -->
          </div>
        </div>
      </div>
      <!-- End Header Logo & Naviagtion -->

    </header>
    <!-- End Header Section -->


    <!-- Start Home Page Slider -->
    <section id="presentacion">
      <!-- Carousel -->
      <div id="main-slide" class="carousel slide" data-ride="carousel">

        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#main-slide" data-slide-to="0" class="active"></li>
          <li data-target="#main-slide" data-slide-to="1"></li>
          <li data-target="#main-slide" data-slide-to="2"></li>
        </ol>
        <!--/ Indicators end-->

        <!-- Carousel inner -->
        <div class="carousel-inner uppercase">
          <div class="item active">
            <img class="img-responsive" alt="Hackers del hackathon ThinkingThings"
              src="./v4.0/images/hackathones/3x1/1440/13-psd2hackathon-01-3x1-1440-white.jpg">
            <div class="slider-content">
              <div class="col-md-12 text-center">
                <h2 class="red visible-lg">
                  <strong>Somos una comunidad de</strong>
                </h2>
                <h3 class="red">
                  <strong>desarrolladores, diseñadores, emprendedores...</strong>
                </h3>
                <p>
                  <a class="slider btn btn-system btn-large" href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
                    <i class="fa-brands fa-mailchimp"></i> Súscríbete a nuestra newsletter</a>
                </p>
              </div>
            </div>
          </div>
          <!--/ Carousel item end -->
          <div class="item">
            <img class="img-responsive" alt="Hackers del hackathon DataFestMAD"
              src="./v4.0/images/hackathones/3x1/1440/13-psd2hackathon-03-3x1-1440-white.jpg">
            <div class="slider-content">
              <div class="col-md-12 text-center">
                <h2 class="red visible-lg">
                  <strong>Nos gusta experimentar con</strong>
                </h2>
                <h3 class="red">
                  <strong>dispositivos, tecnologías, APIs...</strong>
                </h3>
                <p>
                  <a class="slider btn btn-system btn-large" href="https://discord.gg/QRN2epZVDB">
                    <i class="fa-brands fa-discord"></i> Únete a nuestro Discord</a>
                </p>
              </div>
            </div>
          </div>
          <!--/ Carousel item end -->
          <div class="item">
            <img class="img-responsive" alt="Hackers de nuestro primer hackathon"
              src="./v4.0/images/hackathones/3x1/1440/08-datafestmad-01-3x1-1440-white.jpg">
            <div class="slider-content">
              <div class="col-md-12 text-center">
                <h2 class="red visible-lg">
                  <strong>Nuestro objetivo principal es</strong>
                </h2>
                <h3 class="red">
                  <strong>divertirse, aprender, crear lazos profesionales...</strong>
                </h3>
                <p>
                  <a class="slider btn btn-system btn-large" href="http://www.meetup.com/Hackathon-Lovers/">
                    <i class="fa-brands fa-meetup"></i> Únete a nuestro Meetup</a>
                </p>
              </div>
            </div>
          </div>
          <!--/ Carousel item end -->
        </div>
        <!-- Carousel inner end-->

        <!-- Controls -->
        <a class="left carousel-control" href="#main-slide" data-slide="prev">
          <i class="fa-solid fa-angle-left"></i>
          <span class="sr-only sr-only-focusable">left</span>
        </a>
        <a class="right carousel-control" href="#main-slide" data-slide="next">
          <i class="fa-solid fa-angle-right"></i>
          <span class="sr-only sr-only-focusable">right</span>
        </a>
      </div>
      <!-- /carousel -->
    </section>
    <!-- End Home Page Slider -->


    <!-- Start Description Section -->
    <div class="section service">
      <div class="container">
        <div class="row">

          <!-- Start Service Icon 1 -->
          <div class="col-md-4 col-sm-4 service-box service-center">
            <div class="service-boxed">
              <div class="service-icon" style="margin-top:-25px;">
                <i class="fa-solid fa-users icon-medium-effect icon-effect-0"></i>
              </div>
              <div class="service-content">
                <h4>Comunidad</h4>
                <p>Somos desarrolladores, diseñadores, emprendedores... amantes de los hackathones.</p>
              </div>
            </div>
          </div>
          <!-- End Service Icon 1 -->

          <!-- Start Service Icon 2 -->
          <div class="col-md-4 col-sm-4 service-box service-center">
            <div class="service-boxed">
              <div class="service-icon" style="margin-top:-25px;">
                <i class="fa-solid fa-laptop icon-medium-effect icon-effect-0"></i>
              </div>
              <div class="service-content">
                <h4>Hackers</h4>
                <p>Experimentamos con nuevos dispositivos, lenguajes, frameworks, tecnologías, APIs...</p>
              </div>
            </div>
          </div>
          <!-- End Service Icon 2 -->

          <!-- Start Service Icon 3 -->
          <div class="col-md-4 col-sm-4 service-box service-center">
            <div class="service-boxed">
              <div class="service-icon" style="margin-top:-25px;">
                <i class="fa-solid fa-rocket icon-medium-effect icon-effect-0"></i>
              </div>
              <div class="service-content">
                <h4>Objetivo</h4>
                <p>Nuestra intención es crear proyectos, divertirse, aprender, crear lazos profesionales...</p>
              </div>
            </div>
          </div>
          <!-- End Service Icon 3 -->

        </div>
        <!-- .row -->

        <!--p class="text-center">
          <a class="slider btn btn-system btn-large" href="https://hackathonlovers.com/hackaccesibilidad/">
            <i class="fa-solid fa-eye"></i> Apuntate a nuestro siguiente hackathon
            <strong>#hackAccesibilidad</strong>
          </a>
        </p-->

      </div>
      <!-- .container -->
    </div>
    <!-- End Description Section -->


    <!-- Start Banner Section -->
    <div id="unete" class="section unete">
      <div class="container">

        <!-- Start Video Section Content -->
        <div class="section-video-content text-center uppercase">

          <!-- Start Animations Text -->
          <p class="fittext wite-text tlt">
            <span class="texts">
              <span>Desarrolla</span>
              <span>Experimenta</span>
              <span>Diviertete</span>
              <span>Contecta</span>
              <span>Aprende</span>
            </span>
            con nosotros
            <br />
            <strong>no te arrepentirás</strong>
          </p>
          <!-- End Animations Text -->

          <!-- Start Buttons -->

          <a class="slider btn-system btn-large btn-wite" href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
            <i class="fa-brands fa-mailchimp"></i> Súscríbete a nuestra newsletter</a>

          <a class="slider btn-system btn-large btn-wite" href="https://discord.gg/QRN2epZVDB">
            <i class="fa-brands fa-discord"></i> Únete a nuestro Discord</a>

          <a class="slider btn-system btn-large btn-wite" href="http://www.meetup.com/Hackathon-Lovers/">
            <i class="fa-brands fa-meetup"></i> Únete a nuestro Meetup</a>

        </div>
        <!-- End Section Content -->

      </div>
      <!-- .container -->
    </div>
    <!-- End Banner Section -->


    <!-- Start Description Section -->
    <div id="hackathon-ideal" class="section service">
      <div class="container">
        <div class="row">

          <!-- Button in Center -->
          <p class="text-center">
            <a href="http://hackathonlovers.tumblr.com/post/147390949633/cómo-sería-el-hackathon-ideal"
              class="btn-system btn-medium border-btn">
              <i class="fa-solid fa-eye"></i>
              <strong>¿Cómo sería el hackathon ideal?</strong> Mira los resultados de nuestra encuesta</a>
          </p>

          <ul class="h4" style="list-style-type: disc; padding: 1em 1em 0em 2em;">
            <li style="padding-bottom: 0.5em;">A la gente encuestada les gusta los hackathones porque fundamentalmente
              <strong style="color: #ee3733;">aprende, conoce gente y se divierte</strong>. Además de forma secundaria
              porque resuelve retos y porque hay premios.
            </li>
            <li style="padding-bottom: 0.5em;">Aunque
              <strong style="color: #ee3733;">el premio no es lo que más motiva a la gente encuestada</strong> a
              participar
              en
              un hackathon, si que parece que
              es un gran aliciente.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada prefieren los
              <strong style="color: #ee3733;">premios físicos</strong> antes que los premios en metálico.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada opinan que al menos
              <strong style="color: #ee3733;">los 3 primeros equipos deberían llevarse algún premio</strong>.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada piensan que con
              <strong style="color: #ee3733;">un premio de 100€ o 200€ por participante</strong> no está mal.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada creen que lo más importante a la hora de elegir al
              ganador
              de un hackathon debe ser es la
              <strong style="color: #ee3733;">originalidad de la idea</strong>, aunque también es importante la
              viabilidad
              del proyecto, la dificultad técnica,
              el grado de finalización, y el diseño y la usabilidad de la aplicación.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada prefieren claramente hackathones con
              <strong style="color: #ee3733;">equipos multidisciplinares</strong>.
            </li>
            <li style="padding-bottom: 0.5em;">A la gente encuestada les gusta que haya
              <strong style="color: #ee3733;">charlas solo si son cortas y son al principio</strong> del hackathon.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada prefieren comer
              <strong style="color: #ee3733;">catering variado</strong> en un hacakthon.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada opinan que la duración ideal de un hackathon está
              comprendida
              <strong style="color: #ee3733;">entre uno y dos días</strong>.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada prefieren que los hackathones se organicen
              <strong style="color: #ee3733;">en fin de semana</strong>.
            </li>
            <li style="padding-bottom: 0.5em;">La gente encuestada estarían dispuestos a
              <strong style="color: #ee3733;">pagar al menos 10€ por participar</strong> en un hackathon.
            </li>
          </ul>

          <p class="text-center">
            <a class="slider btn btn-system btn-large" href="https://bit.ly/encuesta-hl-web">
              <i class="fa-solid fa-eye"></i> Participa en la encuesta actualizada de <strong>2023</strong>
            </a>
          </p>

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 4em;"></div>

        </div>
        <!-- .container -->
      </div>
      <!-- End Description Section -->


      <!-- Start Banner Section -->
      <div id="siguenos" class="section siguenos">
        <div class="container">

          <!-- Start Video Section Content -->
          <div class="section-video-content text-center uppercase">

            <p class="fittext wite-text tlt">
              <span class="texts">
                <strong>Síguenos</strong>
              </span>
              en
              <br />
              <strong>nuestras redes sociales</strong>
            </p>

            <div class="social-widget" style="font-size: 2rem;">
              <ul class="social-icons">
                <li>
                  <a class="mailchimp itl-tooltip" data-placement="bottom" title="mailchimp"
                    href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
                    <i class="fa-brands fa-mailchimp"></i>
                    <span class="sr-only sr-only-focusable">Mailchimp</span>
                  </a>
                </li>
                <li>
                  <a class="discord itl-tooltip" data-placement="bottom" title="discord"
                    href="https://discord.gg/QRN2epZVDB">
                    <i class="fa-brands fa-discord"></i>
                    <span class="sr-only sr-only-focusable">Discord</span>
                  </a>
                </li>
                <li>
                  <a class="meetup itl-tooltip" data-placement="bottom" title="meetup"
                    href="https://www.meetup.com/Hackathon-Lovers/">
                    <i class="fa-brands fa-meetup"></i>
                    <span class="sr-only sr-only-focusable">Meetup</span>
                  </a>
                </li>
                <li>
                  <a class="mastodon itl-tooltip" data-placement="bottom" title="Mastodon"
                    href="https://mastodon.social/@hackathonlovers">
                    <i class="fa-brands fa-mastodon"></i>
                    <span class="sr-only sr-only-focusable">Mastodon</span>
                  </a>
                </li>
                <li>
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter"
                    href="http://twitter.com/HackathonLovers">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter</span>
                  </a>
                </li>

                <li class="clearfix visible-xs-block visible-sm-block visible-md-block"></li>

                <li>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn"
                    href="http://linkedin.com/groups/Hackathon-Lovers-6510465">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn</span>
                  </a>
                </li>
                <li>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github"
                    href="http://github.com/hackathonlovers">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">Github</span>
                  </a>
                </li>
                <li>
                  <a class="tumblr itl-tooltip" data-placement="bottom" title="Tumblr"
                    href="http://hackathonlovers.tumblr.com/">
                    <i class="fa-brands fa-tumblr"></i>
                    <span class="sr-only sr-only-focusable">Tumblr</span>
                  </a>
                </li>
                <li>
                  <a class="flickr itl-tooltip" data-placement="bottom" title="Flickr"
                    href="http://flickr.com/photos/114271676@N05/sets/">
                    <i class="fa-brands fa-flickr"></i>
                    <span class="sr-only sr-only-focusable">Flickr</span>
                  </a>
                </li>
                <li>
                  <a class="youtube itl-tooltip" data-placement="bottom" title="Youtube"
                    href="http://youtube.com/channel/UCRwSe7jK-y62BMvIiNBV1qw">
                    <i class="fa-brands fa-youtube"></i>
                    <span class="sr-only sr-only-focusable">YouTube</span>
                  </a>
                </li>
              </ul>
            </div>

          </div>
          <!-- End Section Content -->

        </div>
        <!-- .container -->
      </div>
      <!-- End Banner Section -->


      <!-- Start Hackathon Section -->
      <div id="hackathones" class="section full-width-portfolio"
        style="border-top:0; border-bottom:0; background:#fff;">

        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Algunos
              <strong class="accent-color">hackathones</strong>
            </h1>
          </div>
          <!-- End Big Heading -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>
          
          <!-- Start Recent Hackathon -->
          <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://hackathonlovers.tumblr.com/post/733271072708902912/retrospectiva-del-hackathongetafe2023">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/26-hackathogetafe-4x3-400.jpg" class="img-rounded"
                      alt="#hackathonGetafe" />
                    <div class="member-name">#hackathonGetafe
                      <span>Octubre 2023</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://hackathonlovers.tumblr.com/post/733176386914811904/retrospectiva-del-hackaccesibilidad">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/25-hacckathonaccesibilidad-4x3-400.jpg" class="img-rounded"
                      alt="#hackathonAccesibilidad" />
                    <div class="member-name">#hackathonAccesibilidad
                      <span>Octubre 2023</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/playlist?list=PL-doHFlcqCN8C1NgEnahGsQFPBilrzW_b">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/24-hackathoncailab-4x3-400.jpg" class="img-rounded"
                      alt="#hackathonCAIlab" />
                    <div class="member-name">#hackathonCAIlab
                      <span>Julio 2021</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/playlist?list=PL-doHFlcqCN_U-a7EMcAK_4bdBf2yL9Rp">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/23-renovathon-4x3-400.jpg" class="img-rounded"
                      alt="#renovathon" />
                    <div class="member-name">#renovathon2020
                      <span>Noviembre 2020</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/playlist?list=PL-doHFlcqCN_N6L4UaIHh6mVI3JmkzF76">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/22-hackingforhumanityspain-02-4x3-400.jpg"
                      class="img-rounded" alt="#HackingForHumanitySpain" />
                    <div class="member-name">#HackingForHumanitySpain
                      <span>Enero 2020</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://hackathonlovers.tumblr.com/post/189309500208/retrospectiva-del-searchathonsalud">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/21-searchathon-4x3-400.jpg" class="img-rounded"
                      alt="#SearchathonSalud" />
                    <div class="member-name">#SearchathonSalud
                      <span>Noviembre 2019</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://hackathonlovers.tumblr.com/post/185561780843/retrospectiva-del-openapihackathon">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/20-openapihackathon-02-4x3-400.jpg" class="img-rounded"
                      alt="#openapihackathon" />
                    <div class="member-name">#openapihackathon
                      <span>Junio 2019</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/175470654273/retrospectiva-del-ai4good">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/19-ai4good-4x3-400.jpg" class="img-rounded"
                      alt="#ai4good" />
                    <div class="member-name">#ai4good
                      <span>Junio 2018</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/172714642778/retrospectiva-del-hackethon">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/18-hackethon-02-4x3-400.jpg" class="img-rounded"
                      alt="#hackETHon" />
                    <div class="member-name">#hackETHon
                      <span>Marzo 2018</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/156730457858/retrospectiva-del-hackatrips">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/17-hakatrips-4x3-400.jpg" class="img-rounded"
                      alt="#hackaTrips" />
                    <div class="member-name">#hackaTrips
                      <span>Enero 2017</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <!--
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.flickr.com/photos/114271676@N05/sets/72157670244157281">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/16-hackmasdificil-01-4x3-400.jpg" class="img-rounded"
                      alt="#HackMasDificl" />
                    <div class="member-name">#HackMasDificil
                      <span>Julio 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            -->
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.flickr.com/photos/114271676@N05/sets/72157667773984064">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/15-gameweekend-01-4x3-400.jpg" class="img-rounded"
                      alt="#GameWeekend" />
                    <div class="member-name">#GameWeekend
                      <span>Julio 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/145930275523/retrospectiva-del-psd2hackathon">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/13-psd2hackathon-02-4x3-400.jpg" class="img-rounded"
                      alt="#psd2Hackathon" />
                    <div class="member-name">#psd2Hackathon
                      <span>Junio 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/playlist?list=PL-doHFlcqCN-YMTgdVvCAWKPZME7TPaV3">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/14-justiapps-01-4x3-400.jpg" class="img-rounded"
                      alt="#JustiApps" />
                    <div class="member-name">#JustiApps
                      <span>Octubre 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/127863108708/retrospectiva-del-majadahackjunior">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/12-majadahackjunior-03-4x3-400.jpg" class="img-rounded"
                      alt="#MajadaHackJunior" />
                    <div class="member-name">#MajadaHackJunior
                      <span>Junio 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <!--
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://www.meetup.com/es/Hackathon-Lovers/events/221596184/">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/11-hack4europe-01-4x3-400.jpg" class="img-rounded"
                      alt="#Hack4Europe" />
                    <div class="member-name">#Hack4Europe
                      <span>Abril 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            -->
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a
                  href="http://hackathonlovers.tumblr.com/post/127228400268/retrospectiva-del-traity-weekend-of-code-twoc15">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/10-twoc-04-4x3-400.jpg" class="img-rounded"
                      alt="#TWOC15" />
                    <div class="member-name">#TWOC15
                      <span>Abril 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/125829754083/retrospectiva-del-hackonbusiness">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/09-hackonbusiness-01-4x3-400.jpg" class="img-rounded"
                      alt="#HackOnBusiness" />
                    <div class="member-name">#HackOnBusiness
                      <span>Marzo 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/123963905343/retrospectiva-del-datafestmad">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/08-datafestmad-05-4x3-400.jpg" class="img-rounded"
                      alt="#DataFestMAD" />
                    <div class="member-name">#DataFestMAD
                      <span>Marzo 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a
                  href="http://hackathonlovers.tumblr.com/post/114679399643/retrospectiva-del-campusinwatch-2015-de-c%C3%B3rdoba">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/07-campusinwatch-04-4x3-400.jpg" class="img-rounded"
                      alt="#CampusInWatch" />
                    <div class="member-name">#CampusInWatch
                      <span>Febrero 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/113606425548/retrospectiva-del-winterhackvlc">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/06-winterhack-02-4x3-400.jpg" class="img-rounded"
                      alt="#WinterHackVLC" />
                    <div class="member-name">#WinterHackVLC
                      <span>Enero 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/109678570253/retrospectiva-del-snaphack">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/05-snaphack-02-4x3-400.jpg" class="img-rounded"
                      alt="#SnapHack" />
                    <div class="member-name">#SnapHack
                      <span>Enero 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://www.meetup.com/es/Hackathon-Lovers/events/206820802/">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/04-thinkingthings-02-4x3-400.jpg" class="img-rounded"
                      alt="#ThinkingThings" />
                    <div class="member-name">#ThinkingThings
                      <span>Septiembre 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://www.meetup.com/es/Hackathon-Lovers/events/196595462/">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/03-summerhack-02-4x3-400.jpg" class="img-rounded"
                      alt="#SummerHackVLC" />
                    <div class="member-name">#SummerHackVLC
                      <span>Septiembre 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/91563282248/retrospectiva-del-primer-majadahack">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/02-majadahack-02-4x3-400.jpg" class="img-rounded"
                      alt="#MajadaHack" />
                    <div class="member-name">#MajadaHack
                      <span>Junio 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="team-member modern">
                <a href="http://hackathonlovers.tumblr.com/post/73306343548/retrospectiva-del-primer-hackathon-de">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/hackathones/4x3/400/01-primer-hackathon-03-4x3-400.jpg" class="img-rounded"
                      alt="#PrimerHackathon" />
                    <div class="member-name">#PrimerHackathon
                      <span>Enero 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <!-- End Recent Hackathons -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 5em;"></div>

          <!-- Button in Center -->
          <p class="text-center">
            <a href="http://hackathonlovers.tumblr.com/tagged/Retrospectiva" class="btn-system btn-medium border-btn">
              <i class="fa-solid fa-eye"></i> Todos los hackathones en nuestro blog</a>
          </p>

        </div>
      </div>
      <!-- End Hackathons Section -->


      <!-- Start Number Section -->
      <div id="numeros" class="section">
        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Nuestros
              <strong class="accent-color">Números</strong>
            </h1>
          </div>
          <!-- End Big Heading -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>

          <div id="parallax-one" class="parallax" style="background-image:url(v4.0/images/patterns/1-bis-red.png);
          background-repeat: repeat; background-color: #ee3733;">
            <div class="parallax-text-container-1">
              <div class="parallax-text-item">
                <div class="container">
                  <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                      <div class="counter-item">
                        <i class="fa-solid fa-laptop" style="color:white;"></i>
                        <div class="timer" style="color:white;" id="item1" data-to="24" data-speed="3000"></div>
                        <h5 style="color:white;">
                          <span class="sr-only sr-only-focusable">24</span>Hackathones
                        </h5>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                      <div class="counter-item">
                        <i class="fa-solid fa-rocket" style="color:white;"></i>
                        <div class="timer" style="color:white;" id="item2" data-to="240" data-speed="3000"></div>
                        <h5 style="color:white;">
                          <span class="sr-only sr-only-focusable">240</span>Proyectos
                        </h5>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                      <div class="counter-item">
                        <i class="fa-solid fa-users" style="color:white;"></i>
                        <div class="timer" style="color:white;" id="item3" data-to="3400" data-speed="3000"></div>
                        <h5 style="color:white;">
                          <span class="sr-only sr-only-focusable">3400</span>Hackers
                        </h5>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                      <div class="counter-item">
                        <i class="fa-solid fa-share-alt" style="color:white;"></i>
                        <div class="timer" style="color:white;" id="item2" data-to="5400" data-speed="3000"></div>
                        <h5 style="color:white;">
                          <span class="sr-only sr-only-focusable">5400</span>Seguidores
                        </h5>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
        <!-- .container -->
      </div>
      <!-- End Number Section -->


      <!-- Start Hackers Member Section -->
      <div id="hackers" class="section">
        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Algunos
              <strong class="accent-color">Hackers</strong>
            </h1>
          </div>
          <!-- End Big Heading -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>

          <!-- Start Hackers Members -->
          <div class="row">

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Francisco Javier Zorzano"
                    src="./v4.0/images/entrevistas/cuadradas/128/01-javier-zorzano-bis-128.jpg" />
                </div>
                <h3 class="post-title">Francisco Javier Zorzano</h3>
                <div class="post-content">
                  <p>Experto técnico de #thinkingThings
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/100699834193/entrevista-a-francisco-javier-zorzano-experto">
                      "Un hackathon es la mejor manera de probar un producto para desarrolladores."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Elena Álvarez"
                    src="./v4.0/images/entrevistas/cuadradas/128/03-elena-alvarez-bis-128.jpg" />
                </div>
                <h3 class="post-title">Elena Álvarez</h3>
                <div class="post-content">
                  <p>Leader of Popular Payments
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/112075721858/entrevista-a-elena-%C3%A1lvarez-business-development">
                      "Recomendaría la experiencia a todas la empresas que quieran vivir la innovación en vivo y en
                      directo."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Álvaro Gómez Martín"
                    src="./v4.0/images/entrevistas/cuadradas/128/02-alvaro-gomez-bis-128.jpg" />
                </div>
                <h3 class="post-title">Álvaro Gómez Martín</h3>
                <div class="post-content">
                  <p>Consultor estratégico en Google
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/108349094603/casos-de-%C3%A9xito-%C3%A1lvaro-g%C3%B3mez-mart%C3%ADn">
                      "En el hackathon me surgió la posibiliidad de entrar a trabajar en Google."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="LowPopTicket"
                    src="./v4.0/images/entrevistas/cuadradas/128/04-lowpopticket-bis-128.jpg" />
                </div>
                <h3 class="post-title">LowPopTicket</h3>
                <div class="post-content">
                  <p>Finalistas del #SnapHack
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/113206394288/entrevista-a-lowpopticket-equipo-finalista-del-snaphack">
                      "Un hackathon tiene que ser divertido, que conozcas gente, y que se trate con respeto a los
                      participantes."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Performband"
                    src="./v4.0/images/entrevistas/cuadradas/128/05-performband-bis-128.jpg" />
                </div>
                <h3 class="post-title">Performband</h3>
                <div class="post-content">
                  <p>Ganadores del #SnapHack
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/113375266063/entrevista-a-performband-equipo-ganador-del-snaphack">
                      "Se puede pasar de una idea a un producto en menos de un día, y de forma divertida."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="PillCalling"
                    src="./v4.0/images/entrevistas/cuadradas/128/07-pillcalling-bis-128.jpg" />
                </div>
                <h3 class="post-title">PillCalling</h3>
                <div class="post-content">
                  <p>Finalistas del #CampusInWatch
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/114216409813/entrevista-pillcalling-finalista-del-campusinwatch">
                      "Recomendaríamos la experiencia a cualquier persona, ya que seguro que en algún hackathon encaja."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="SaveMe"
                    src="./v4.0/images/entrevistas/cuadradas/128/08-saveme-bis-128.jpg" />
                </div>
                <h3 class="post-title">SaveMe</h3>
                <div class="post-content">
                  <p>Ganadores del #CampusInWatch
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/114311999918/entrevista-a-saveme-ganador-del-campusinwatch">
                      "Todo el mundo debería probar a trabajar a contrareloj con un equipo de personas que no sueles
                      conocer."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="BreatheBetter"
                    src="./v4.0/images/entrevistas/cuadradas/128/09-breathebetter-bis-128.jpg" />
                </div>
                <h3 class="post-title">BreatheBetter</h3>
                <div class="post-content">
                  <p>Finalistas del #DataFestMAD
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/114758458208/breathbetter-segundos-clasificados-datafestmad">
                      "Animaos a participar en hackathones de temas que os interesen, es toda una experiencia
                      positiva."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="DensiTweet"
                    src="./v4.0/images/entrevistas/cuadradas/128/10-densitweet-bis-128.jpg" />
                </div>
                <h3 class="post-title">DensiTweet</h3>
                <div class="post-content">
                  <p>Finalistas del #DataFestMAD
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/115560901993/densitweet-ganadores-premio-geolocalizacion-datafestmad">
                      "Es toda una experiencia coger una idea y darle forma con gente desconocida."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="JusTrash"
                    src="./v4.0/images/entrevistas/cuadradas/128/11-justrash-bis-128.jpg" />
                </div>
                <h3 class="post-title">JusTrash</h3>
                <div class="post-content">
                  <p>Ganadores del #DataFestMAD
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/115884051928/entrevista-a-justrash-ganadores-del-datafestmad">
                      "Te permite conocer profesionales con perfiles que pueden encajar en proyectos en marcha o
                      futuros."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Badoogs"
                    src="./v4.0/images/entrevistas/cuadradas/128/12-badoogs-bis-128.jpg" />
                </div>
                <h3 class="post-title">Badoogs</h3>
                <div class="post-content">
                  <p>Finalistas del #TWOC15
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/126417830413/entrevista-a-badoog-finalistas-del-twoc15">
                      "Es una experiencia increíble, mezcla de diversión, aprendizaje y presión en un corto plazo."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="GeoRep"
                    src="./v4.0/images/entrevistas/cuadradas/128/13-georep-bis-128.jpg" />
                </div>
                <h3 class="post-title">GeoRep</h3>
                <div class="post-content">
                  <p>Ganadores del #TWOC15
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127082539628/entrevista-a-geoorep-ganadores-del-twoc15">
                      "Hemos adquirido experiencia y conocido a muchas personas que nos pueden ayudar con nuestra
                      StartUp."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Alfonso Gómez-Jordana"
                    src="./v4.0/images/entrevistas/cuadradas/128/14-alfonso-gomez-jordana-bis-128.jpg" />
                </div>
                <h3 class="post-title">Alfonso Gómez-Jordana</h3>
                <div class="post-content">
                  <p>Mentor del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127318207698/entrevista-a-alfonso-gomez-jordana-mentor-del-majadahack">
                      "No fue mal consejo el que me apuntara a esas cosas tan chulas llamadas hackathon."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Amaia Castro"
                    src="./v4.0/images/entrevistas/cuadradas/128/15-amaia-castro-bis-128.jpg" />
                </div>
                <h3 class="post-title">Amaia Castro</h3>
                <div class="post-content">
                  <p>Mentora del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127471081318/entrevista-a-amaia-castro-mentora-del-majadahackjunior">
                      "Me ha sorprendido la capacidad de los participantes de hacer cosas que funcionan en tan poco
                      tiempo."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Javier Miguel"
                    src="./v4.0/images/entrevistas/cuadradas/128/16-javier-miguel-bis-128.jpg" />
                </div>
                <h3 class="post-title">Javier Miguel</h3>
                <div class="post-content">
                  <p>Mentor del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127566398173/entrevista-a-javier-miguel-mentor-del-majadahackjunior">
                      "Es muy satisfactorio ver tanta gente interesada en el desarrollo de software disfrutando de
                      construir cosas."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Javier Gómez"
                    src="./v4.0/images/entrevistas/cuadradas/128/17-javier-gomez-bis-128.jpg" />
                </div>
                <h3 class="post-title">Javier Gómez</h3>
                <div class="post-content">
                  <p>Mentor del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127635726528/entrevista-a-javier-gomez-mentor-del-majadahackjunior">
                      "Ha estado muy bien para ser el primero, me ha gustado el ambiente que había y el espíritu de la
                      gente."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Miguel Abellan"
                    src="./v4.0/images/entrevistas/cuadradas/128/18-miguel-abellan-bis-128.png" />
                </div>
                <h3 class="post-title">Miguel Abellan</h3>
                <div class="post-content">
                  <p>Mentor del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127662822018/entrevista-a-miguel-abellan-mentor-del-majadahackjunior">
                      "Me siento feliz enseñando a programar y compartiendo experiencias con la comunidad de
                      programadores."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Pablo Fernández"
                    src="./v4.0/images/entrevistas/cuadradas/128/19-pablo-fernandez-bis-128.jpg" />
                </div>
                <h3 class="post-title">Pablo Fernández</h3>
                <div class="post-content">
                  <p>Mentor del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127663389868/entrevista-a-pablo-fernandez-mentor-del-majadahackjunior">
                      "Todo el mundo puede aportar algo: saber programar, tener buenas ideas, o simplemente buen
                      ambiente."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Marina Lorenzo"
                    src="./v4.0/images/entrevistas/cuadradas/128/20-marina-lorenzo-bis-128.jpg" />
                </div>
                <h3 class="post-title">Marina Lorenzo</h3>
                <div class="post-content">
                  <p>Organizadora del #MajadaHackJunior
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/127666686113/entrevista-marina-lorenzo-organizadora-majadahackjunior">
                      "Necesitamos la participación de mujeres programadoras en este tipo de actividades."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="EasyPay"
                    src="./v4.0/images/entrevistas/cuadradas/128/21-easypay-bis-128.jpg" />
                </div>
                <h3 class="post-title">EasyPay</h3>
                <div class="post-content">
                  <p>Ganadores del #psd2Hackathon
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/146155321238/entrevista-a-easy-pay-ganadores-del-psd2hackathon">
                      "Lo que más me ha gustado es la organización, Jorge y Adolfo se lo curran muchísimo y eso se
                      nota."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="hotelcoming"
                    src="./v4.0/images/entrevistas/cuadradas/128/23-hotelcoming-bis-128.jpg" />
                </div>
                <h3 class="post-title">hotelcoming</h3>
                <div class="post-content">
                  <p>Paticipantes del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156371068403/entrevista-a-hotelcoming-equipo-del-hackatrips">
                      "Era la primera vez que participaba en un hackaton y estoy deseando repetir."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Hidden Gems"
                    src="./v4.0/images/entrevistas/cuadradas/128/24-hiddengems-bis-128.jpg" />
                </div>
                <h3 class="post-title">Hidden Gems</h3>
                <div class="post-content">
                  <p>Participantes del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156439315098/entrevista-hiddengems-equipo-participante-del-hackatrips">
                      "Da igual si eres programadora, diseñadora u otra cosa, siempre puedes contribuir."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="BotTu"
                    src="./v4.0/images/entrevistas/cuadradas/128/23-hotelcoming-bis-128.jpg" />
                </div>
                <h3 class="post-title">BotTu</h3>
                <div class="post-content">
                  <p>Finalistas del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156393728753/entrevista-a-bottu-ganador-premio-carto-del-hackatrips">
                      "La mejor parte fue la motivación y el apoyo que el equipo de HackathonLovers le dio al
                      equipo."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="SOS10"
                    src="./v4.0/images/entrevistas/cuadradas/128/22-sos10-bis-128.jpg" />
                </div>
                <h3 class="post-title">SOS10</h3>
                <div class="post-content">
                  <p>Finalistas del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156368908623/entrevista-a-sos10-equipo-finalista-del-hackatrips">
                      "Gracias a organizadores y a patrocinadores, especialmente a HackathonLovers y a Adolfo."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Team 006"
                    src="./v4.0/images/entrevistas/cuadradas/128/27-team06-bis-128.jpg" />
                </div>
                <h3 class="post-title">Team 006</h3>
                <div class="post-content">
                  <p>Paticipantes del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156597051253/entrevista-a-team-006-equipo-participante-del-hackatrips">
                      "El mejor premio es aprender de los demás."</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Envify"
                    src="./v4.0/images/entrevistas/cuadradas/128/28-envify-bis-128.jpg" />
                </div>
                <h3 class="post-title">Envify</h3>
                <div class="post-content">
                  <p>Finalistas del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156642077378/entrevista-a-envify-equipo-finalista-del-hackatrips">
                      "La experiencia siempre es muy positiva, sobre todo si tienes la suerte de llevarte algún
                      premio."</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="clearfix visible-sm-block"></div>

            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Travis"
                    src="./v4.0/images/entrevistas/cuadradas/128/29-travis-bis-128.jpg" />
                </div>
                <h3 class="post-title">Travis</h3>
                <div class="post-content">
                  <p>Finalistas del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156643100223/entrevista-a-travis-equipo-finalista-del-hackatrips">
                      "Vais a ganar en experiencia y podéis llevaros una Xbox a casa :P"</a>
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div class="post-row item text-center">
                <div class="left-meta-post">
                  <img class="img-circle" alt="Pequeño Encanto"
                    src="./v4.0/images/entrevistas/cuadradas/128/30-pequeno-encanto-bis-128.jpg" />
                </div>
                <h3 class="post-title">Pequeño Encanto</h3>
                <div class="post-content">
                  <p>Finalistas del #hackaTrips
                    <br />
                    <a
                      href="http://hackathonlovers.tumblr.com/post/156686725753/entrevista-a-peque%C3%B1o-encanto-finalista-del-hackatrips">
                      "Hay mucha gente que piensa que hackathones es sólo para gurús de la programación, pero no es
                      así."</a>
                  </p>
                </div>
              </div>
            </div>

          </div>
          <!-- End Hackers Members -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>

          <!-- Button in Center -->
          <p class="text-center">
            <a href="http://hackathonlovers.tumblr.com/tagged/entrevista" class="btn-system btn-medium border-btn">
              <i class="fa-solid fa-eye"></i> Todas las entrevistas en nuestro blog</a>
          </p>

        </div>
        <!-- .container -->
      </div>
      <!-- End Hackers Member Section -->


      <!-- Start Contacto Section -->
      <div id="contacto" class="section contacto">
        <div class="container">

          <div class="text-center uppercase">

            <h2 class="fittext wite-text">
              <strong>¿Quieres promocionar tu producto o plataforma en un hackathon?</strong>
            </h2>
            <h3 class="fittext wite-text">
              Contacta con nosotros para organizarlo</h3>

            <p>
              <a class="slider btn-system btn-large btn-wite" href="mailto: info@hackathonlovers.com">
                <i class="fa-solid fa-envelope"></i> info@hackathonlovers.com</a>
            </p>

          </div>

        </div>
        <!-- .container -->
      </div>
      <!-- End Contacto Section -->


      <!-- Start Media Section -->
      <div id="media" class="section full-width-portfolio" style="border-top:0; border-bottom:0; background:#fff;">

        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Entrevistas, charlas y
              <strong class="accent-color">conferencias</strong>
            </h1>
          </div>
          <!-- End Big Heading -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>

          <!-- Start Media -->
          <div class="row">
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <!--a href="https://www.youtube.com/watch?v=at0I7Avz13k" -->
                <a href="https://datos.gob.es/es/comunidad-risp/entrevista-adolfo-sanz-de-diego-hackathon-lovers">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/entrevista-datos.gov.es-2021-400.png" class="img-rounded"
                      alt="Entrevista en datos.gov.es" />
                    <div class="member-name">Entrevista en datos.gov.es
                      <span>Mayo 2021</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="https://www.asanzdiego.com/2019/06/hackathones-101-tips-para-montar-un-buen-hackathon.html">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/articulo-hackathones-101-400.jpg" class="img-rounded"
                      alt="Tips para montar un buen hackathon" />
                    <div class="member-name">Tips para montar un buen hackathon
                      <span>Junio 2019</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/watch?v=Ov5r8NrU91w">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/revolucion-software-libre-2018-400.png" class="img-rounded"
                      alt="La Revolucion del Software Libre" />
                    <div class="member-name">Charla la Revolucion del Software Libre
                      <span>Noviembre 2017</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a
                  href="http://www.eldiario.es/hojaderouter/tecnologia/software/violinistas-Facebook-amantes-espanoles-hackathons_0_709029348.html">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/entrevista-hoja-de-router-2017-recortado-400.png"
                      class="img-rounded" alt="Hoja de Router" />
                    <div class="member-name">Entrevista en Hoja de Router
                      <span>Noviembre 2017</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="https://www.slideshare.net/asanzdiego/qu-es-un-hackathon-y-por-qu-deberas-asistir">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/que-es-un-hackathon-y-por-que-deberias-asistir-2017-400.png"
                      class="img-rounded" alt="¿Qué es un hackathon y por qué deberías asistir?" />
                    <div class="member-name">Charla ¿Qué es un hackathon y por qué deberías asistir?
                      <span>Enero 2017</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://elpais.com/elpais/2016/10/13/talento_digital/1476355605_011048.html">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/el-pais-2016-400.png" class="img-rounded" alt="El Pais" />
                    <div class="member-name">Mencionados en El País
                      <span>Noviembre 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://www.slideshare.net/asanzdiego/hackathones-101">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/hackathones-101-400.png" class="img-rounded"
                      alt="Hackathones 101" />
                    <div class="member-name">Charla Hackathones 101
                      <span>Noviembre 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="https://www.youtube.com/watch?v=wL_nfMjJjIM">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/etica-hacker-2016-400.png" class="img-rounded"
                      alt="Ética Hacker" />
                    <div class="member-name">Charla Ética Hacker
                      <span>Febrero 2016</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://www.youtube.com/watch?v=OMzHVRsvifk">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/conferencia-udima-2015-400.png" class="img-rounded"
                      alt="Conferencia en la Udima" />
                    <div class="member-name">Conferencia en la Udima
                      <span>Junio 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://www.slideshare.net/asanzdiego/hackeando-hackathones-the-api-hour">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/hackendo-hackathones-2015-400.png" class="img-rounded"
                      alt="Charla Hackeando Hackathones" />
                    <div class="member-name">Charla Hackeando Hackathones
                      <span>Marzo 2015</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://www.youtube.com/watch?v=2jYQ1kIofyk">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/entrevista-codemotion-2014-400.png" class="img-rounded"
                      alt="Entrevista en el Codemotion" />
                    <div class="member-name">Entrevista en el Codemotion
                      <span>Noviembre 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="team-member modern">
                <a href="http://www.slideshare.net/asanzdiego/hackeando-hackathones-the-api-hour">
                  <div class="member-photo text-left">
                    <img src="./v4.0/images/media/400/de-0-a-produccion-en-24-horas-400.png" class="img-rounded"
                      alt="Charla de 0 a produccion en 24 horas" />
                    <div class="member-name">Charla de 0 a produccion en 24 horas
                      <span>Noviembre 2014</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>

          </div>
          <!-- End Media -->

        </div>
      </div>
      <!-- End Media Section -->


      <!-- Start Principios Section -->
      <div id="principios" class="section">
        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Código
              <strong class="accent-color">Ético</strong>
            </h1>
          </div>
          <!-- End Big Heading -->

          <!-- Divider -->
          <div class="hr1" style="margin-bottom: 1em;"></div>

          <div id="parallax-one" class="parallax" style="background-image:url(v4.0/images/patterns/1-bis-red.png);
          background-repeat: repeat; background-color: #ee3733;">
            <div class="parallax-text-container-1">
              <div class="parallax-text-item" style="padding: 0px;">
                <div class="container" style="padding: 2em 3em 2em 3em;">
                  <p class="h4 text-left" style="color: white;">Como comunidad, nos adherimos a una serie de
                    <strong style="color: #444">principios</strong> que consideramos valores fundacionales de la misma.
                    Han sido consensuados y debatidos
                    por los/las organizadores/as, y los hemos recopilado en el siguiente código ético:
                  <ul class="h4 text-left" style="color: white; list-style-type: disc; padding: 0em 2em 0em 2em;">
                    <li style="padding-bottom: 0.5em;">Usamos, fomentamos y defendemos el
                      <strong style="color: #444">Software Libre</strong>, tanto desde el punto de vista tecnológico
                      como
                      ético.
                    </li>
                    <li style="padding-bottom: 0.5em;">Nos sentimos identificadas/os con la
                      <strong style="color: #444">ética hacker</strong>, definida como la actitud de toda persona que,
                      armado de curiosidad, se dedica
                      a aprender sobre algo, buscar formas de mejorarlo y que considera que poner la información al
                      alcance
                      de todos constituye un extraordinario bien.
                    </li>
                    <li style="padding-bottom: 0.5em;">Como desarrolladores/as, creemos que tenemos la libertad y el
                      derecho de
                      <strong style="color: #444">elegir con qué licencia de uso liberamos lo que creamos</strong>. Es
                      por
                      eso que, en los eventos que
                      organizamos o en los que participamos, exigimos como requisito que la decisión sobre la licencia
                      de
                      uso de lo que se desarrolla recaiga únicamente sobre sus creadoras/es, quienes decidirán qué se
                      hace
                      con el código.
                    </li>
                    <li style="padding-bottom: 0.5em;">Consideramos que
                      <strong style="color: #444">un hackathon no puede ser considerado una vía de obtener un software a
                        medida</strong> por parte de
                      patrocinadores o terceras personas.
                    </li>
                    <li style="padding-bottom: 0.5em;">Así mismo, aunque un hackathon es un evento en donde se puede
                      hacer
                      networking, y este puede finalizar
                      con algún acuerdo entre varias partes,
                      <strong style="color: #444">no debería ser usado única y exclusivamente con fines de
                        recruiting</strong>.
                    </li>
                    <li style="padding-bottom: 0.5em;">No se tolerará cualquier tipo de comportamiento que impida la
                      libre
                      participación o que afecte de forma
                      personal a cualquier miembro de la comunidad.
                      <strong style="color: #444">No se tolerarán comportamientos que discriminen</strong> por razones
                      de
                      origen, raza, identidad de
                      género o preferencias sexuales, opiniones políticas, creencias religiosas o la ausencia de ellas,
                      o
                      cualquier otro factor que se considere de ámbito personal.
                    </li>
                    <li style="padding-bottom: 0.5em;">Nos reservamos el derecho a cancelar nuestra participación en
                      cualquier evento si consideramos que alguno
                      de estos puntos está siendo incumplido.</li>
                  </ul>
                  </p>
                </div>
              </div>
            </div>
          </div>

        </div>
        <!-- .container -->
      </div>
      <!-- End Principios Section -->


      <!-- Start Team Member Section -->
      <div id="equipo" class="section" style="background:#fff;">
        <div class="container">

          <!-- Start Big Heading -->
          <div class="big-title text-center">
            <h1>Equipo
              <strong class="accent-color">Organizador</strong>
            </h1>
          </div>
          <!-- End Big Heading -->


          <!-- Start Row Team Members -->
          <div class="row">

            <!-- Start Ángel Villalba -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Ángel Villalba" class="img-circle" src="./v4.0/images/team/angel-villalba-400-bn.jpg" />
                  <div class="member-name">Ángel Villalba
                    <span>@angelisco1</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="300">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedor</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="30%"
                    data-appear-animation-delay="300">
                    <span class="percentage">30%</span>
                  </div>
                </div>
                <div class="progress-label">Formador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="600">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="600">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrollador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="900">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Creativo</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="900">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="20%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">20%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Ángel Villalba"
                    href="http://twitter.com/angelisco1">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Ángel Villalba</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Ángel Villalba"
                    href="http://linkedin.com/in/angelvilfp">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Ángel Villalba</span>
                  </a>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github de Ángel Villalba"
                    href="http://github.com/angelvil92">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">GitHub de Ángel Villalba</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Ángel Villalba -->

            <!-- Start Belén Caldeiro -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Belén Caldeiro" class="img-circle" src="./v4.0/images/team/belen-caldeiro-400-bn.jpg" />
                  <div class="member-name">Belén Caldeiro
                    <span>@BelenCaldeiro</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizadora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="300">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="300">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Formadora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="600">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="40%"
                    data-appear-animation-delay="600">
                    <span class="percentage">40%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrolladora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="900">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Creativa</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="60%"
                    data-appear-animation-delay="900">
                    <span class="percentage">60%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Belén Caldeiro"
                    href="http://twitter.com/BelenCaldeiro">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Belén Caldeiro</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Belén Caldeiro"
                    href="https://www.linkedin.com/in/belencaldeiro/">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Belén Caldeiro</span>
                  </a>
                  <a class="blog itl-tooltip" data-placement="bottom" title="Blog de Belén Caldeiro"
                    href="http://www.caminandovoy.es/">
                    <i class="fa-solid fa-rss"></i>
                    <span class="sr-only sr-only-focusable">Blog de Belén Caldeiro</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Belén Caldeiro -->

            <!-- Start Adolfo Sanz De Diego -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Adolfo Sanz De Diego" class="img-circle" src="./v4.0/images/team/adolfo-sanz-400-bn.jpg" />
                  <div class="member-name">Adolfo Sanz De Diego
                    <span>@asanzdiego</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="300">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedor</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="30%"
                    data-appear-animation-delay="300">
                    <span class="percentage">30%</span>
                  </div>
                </div>
                <div class="progress-label">Formador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="600">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="600">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrollador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="900">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Creativo</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="60%"
                    data-appear-animation-delay="900">
                    <span class="percentage">60%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="20%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">20%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Adolfo Sanz De Diego"
                    href="http://twitter.com/asanzdiego">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Adolfo Sanz De Diego</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Adolfo Sanz De Diego"
                    href="http://linkedin.com/in/asanzdiego">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Adolfo Sanz De Diego</span>
                  </a>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github de Adolfo Sanz De Diego"
                    href="http://github.com/asanzdiego">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">Github de Adolfo Sanz De Diego</span>
                  </a>
                  <a class="blog itl-tooltip" data-placement="bottom" title="Blog de Adolfo Sanz De Diego"
                    href="http://www.asanzdiego.com">
                    <i class="fa-solid fa-rss"></i>
                    <span class="sr-only sr-only-focusable">Blog de Adolfo Sanz De Diego</span>
                  </a>
                  <a class="mastodon itl-tooltip" data-placement="bottom" title="Mastodon de Adolfo Sanz De Diego"
                    href="https://mastodon.social/@asanzdiego">
                    <i class="fa-brands fa-mastodon"></i>
                    <span class="sr-only sr-only-focusable">Blog de Adolfo Sanz De Diego</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Adolfo Sanz De Diego -->

            <!-- Start Rubén Gómez García -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Rubén Gómez García" class="img-circle" src="./v4.0/images/team/ruben-gomez-400-bn.png" />
                  <div class="member-name">Rubén Gómez García
                    <span>@rubgomez</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="300">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedor</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="300">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Formador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="600">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="60%"
                    data-appear-animation-delay="600">
                    <span class="percentage">60%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrollador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="900">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Creativo</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="900">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="30%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">30%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Rubén Gómez García"
                    href="http://twitter.com/rubgomez">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Rubén Gómez García</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Rubén Gómez García"
                    href="https://www.linkedin.com/in/rubgomez/">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Rubén Gómez García</span>
                  </a>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github de Rubén Gómez García"
                    href="https://github.com/kaneproject">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">Github de Rubén Gómez García</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Rubén Gómez García -->

            <!-- Start Isabel Pastor Vila -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Isabel Pastor Vila" class="img-circle" src="./v4.0/images/team/isabel-pastor-400-bn.png" />
                  <div class="member-name">Isabel Pastor Vila
                    <span>@ipastorvi</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizadora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="300">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="300">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Formadora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="600">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="600">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrolladora</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="900">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Creativa</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="60%"
                    data-appear-animation-delay="900">
                    <span class="percentage">60%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="20%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">20%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Isabel Pastor Vila"
                    href="http://twitter.com/ipastorvi">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Isabel Pastor Vila</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Isabel Pastor Vila"
                    href="https://www.linkedin.com/in/m%C2%AA-isabel-pastor-vila-a5713754/">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Isabel Pastor Vila</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Isabel Pastor Vila -->

            <!-- Start Javier Gómez Santos -->
            <div class="col-md-4 col-sm-6 col-xs-12 t">
              <div class="team-member modern">
                <!-- Memebr Photo, Name & Position -->
                <div class="member-photo text-center">
                  <img alt="Javier Gómez Santos" class="img-circle"
                    src="./v4.0/images/team/javier-gomez-santos-400-bn.png" />
                  <div class="member-name">Javier Gómez Santos
                    <span>@jgomezs</span>
                  </div>
                </div>
                <!-- Memebr Words -->
                <div class="progress-label">Organizador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="300">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Emprendedor</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="300">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">Formador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="80%"
                    data-appear-animation-delay="600">
                    <span class="percentage">80%</span>
                  </div>
                </div>
                <div class="progress-label">Ponente</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="600">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Desarrollador</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="70%"
                    data-appear-animation-delay="900">
                    <span class="percentage">70%</span>
                  </div>
                </div>
                <div class="progress-label">Creativo</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="50%"
                    data-appear-animation-delay="900">
                    <span class="percentage">50%</span>
                  </div>
                </div>
                <div class="progress-label">DataScientist</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="90%"
                    data-appear-animation-delay="1200">
                    <span class="percentage">90%</span>
                  </div>
                </div>
                <div class="progress-label">Hacker</div>
                <div class="progress">
                  <div class="progress-bar progress-bar-primary" data-progress-animation="100%"
                    data-appear-animation-delay="1500">
                    <span class="percentage">100%</span>
                  </div>
                </div>
                <!-- Memebr Social Links -->
                <div class="member-social">
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter de Javier Gómez Santos"
                    href="http://twitter.com/Javi_Pronoide">
                    <i class="fa-brands fa-twitter"></i>
                    <span class="sr-only sr-only-focusable">Twitter de Javier Gómez Santos</span>
                  </a>
                  <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn de Javier Gómez Santos"
                    href="https://www.linkedin.com/in/javier-g%C3%B3mez-santos-7b182939/">
                    <i class="fa-brands fa-linkedin"></i>
                    <span class="sr-only sr-only-focusable">LinkedIn de Javier Gómez Santos</span>
                  </a>
                  <a class="github itl-tooltip" data-placement="bottom" title="Github de Javier Gómez Santos"
                    href="https://github.com/jgomezs">
                    <i class="fa-brands fa-github"></i>
                    <span class="sr-only sr-only-focusable">Github de Javier Gómez Santos</span>
                  </a>
                </div>
              </div>
            </div>
            <!-- End Adolfo Sanz De Diego -->

          </div>
          <!-- End Row Team Members -->

        </div>
        <!-- .container -->
      </div>
      <!-- End Team Member Section -->


      <!-- Start Footer -->
      <footer id="footer">
        <div class="container">
          <div class="row footer-widgets">

            <!-- Start Meetup -->
            <div class="col-md-3 text-center">
              <div class="footer-widget mail-subscribe-widget">
                <h4>Mantente al día</h4>
                <p>
                  <a href="https://mailchi.mp/821eae6fb30a/hackathonlovers" class="btn btn-system">
                    <i class="fa-brands fa-mailchimp"></i> Subscríbete a nuestra newsletter</a>
                </p>
              </div>
            </div>
            <!-- End Meetup -->

            <!-- Start Social Links Widget -->
            <div class="col-md-6 text-center">
              <div class="footer-widget social-widget">
                <h4>Síguenos</h4>
                <ul class="social-icons">
                  <li>
                    <a class="mailchimp itl-tooltip" data-placement="bottom" title="mailchimp"
                      href="https://mailchi.mp/821eae6fb30a/hackathonlovers">
                      <i class="fa-brands fa-mailchimp"></i>
                      <span class="sr-only sr-only-focusable">Mailchimp</span>
                    </a>
                  </li>
                  <li>
                    <a class="discord itl-tooltip" data-placement="bottom" title="discord"
                      href="https://discord.gg/QRN2epZVDB">
                      <i class="fa-brands fa-discord"></i>
                      <span class="sr-only sr-only-focusable">Discord</span>
                    </a>
                  </li>
                  <li>
                    <a class="meetup itl-tooltip" data-placement="bottom" title="meetup"
                      href="https://www.meetup.com/Hackathon-Lovers/">
                      <i class="fa-brands fa-meetup"></i>
                      <span class="sr-only sr-only-focusable">Meetup</span>
                    </a>
                  </li>
                  <li>
                    <a class="mastodon itl-tooltip" data-placement="bottom" title="Mastodon"
                      href="https://mastodon.social/@hackathonlovers">
                      <i class="fa-brands fa-mastodon"></i>
                      <span class="sr-only sr-only-focusable">Mastodon</span>
                    </a>
                  </li>
                  <li>
                    <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter"
                      href="http://twitter.com/HackathonLovers">
                      <i class="fa-brands fa-twitter"></i>
                      <span class="sr-only sr-only-focusable">Twitter</span>
                    </a>
                  </li>

                  <li class="clearfix visible-xs-block visible-sm-block visible-md-block"></li>

                  <li>
                    <a class="linkedin itl-tooltip" data-placement="bottom" title="LinkedIn"
                      href="http://linkedin.com/groups/Hackathon-Lovers-6510465">
                      <i class="fa-brands fa-linkedin"></i>
                      <span class="sr-only sr-only-focusable">LinkedIn</span>
                    </a>
                  </li>
                  <li>
                    <a class="github itl-tooltip" data-placement="bottom" title="Github"
                      href="http://github.com/hackathonlovers">
                      <i class="fa-brands fa-github"></i>
                      <span class="sr-only sr-only-focusable">Github</span>
                    </a>
                  </li>
                  <li>
                    <a class="tumblr itl-tooltip" data-placement="bottom" title="Tumblr"
                      href="http://hackathonlovers.tumblr.com/">
                      <i class="fa-brands fa-tumblr"></i>
                      <span class="sr-only sr-only-focusable">Tumblr</span>
                    </a>
                  </li>
                  <li>
                    <a class="flickr itl-tooltip" data-placement="bottom" title="Flickr"
                      href="http://flickr.com/photos/114271676@N05/sets/">
                      <i class="fa-brands fa-flickr"></i>
                      <span class="sr-only sr-only-focusable">Flickr</span>
                    </a>
                  </li>
                  <li>
                    <a class="youtube itl-tooltip" data-placement="bottom" title="YouTube"
                      href="http://youtube.com/channel/UCRwSe7jK-y62BMvIiNBV1qw">
                      <i class="fa-brands fa-youtube"></i>
                      <span class="sr-only sr-only-focusable">YouTube</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <!-- End Social Links Widget -->

            <!-- Start Mail -->
            <div class="col-md-3 text-center">
              <div class="footer-widget mail-subscribe-widget">
                <h4>Escríbenos</h4>
                <p>
                  <a href="mailto: info@hackathonlovers.com" class="btn btn-system">
                    <i class="fa-solid fa-envelope"></i> info@hackathonlovers.com</a>
                </p>
              </div>
            </div>
            <!-- End Mail -->


          </div>
          <!-- .row -->

          <!-- Start Copyright -->
          <div class="copyright-section">
            <div class="row">
              <div class="col-md-6">
                <p>Hecho con
                  <i class="fa-solid fa-heart accent-color"></i>
                  <span class="sr-only sr-only-focusable">amor</span> por el equipo de
                  <a href="https://hackathonlovers.com">HackathonLovers</a>
                </p>
              </div>
              <div class="col-md-6">
                <ul class="footer-nav">
                  <li>Se ha usado la plantilla
                    <a href="http://graygrids.com/item/margo-free-multi-purpose-bootstrap-template/">
                      MARGO de GrayGrids</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- End Copyright -->

        </div>
      </footer>
      <!-- End Footer -->


    </div>
    <!-- End Full Body Container -->

    <!-- Go To Top Link -->
    <a href="#" class="back-to-top">
      <i class="fa-solid fa-angle-up"></i>
      <span class="sr-only sr-only-focusable">Arriba</span>
    </a>

    <div id="loader">
      <div class="spinner">
        <div class="dot1"></div>
        <div class="dot2"></div>
      </div>
    </div>

    <script>
      $(document).ready(function () {

        //$.fx.off = true;

        var scrollValue, speed = 2000;

        // hide menu after click on mobile
        $('.navbar .nav > li > a').click(function () {

          $('.navbar-collapse.navbar-ex1-collapse.in').removeClass('in').addClass('collapse').css('height', '0');
        });

        // go to section
        $('.navbar .nav > li > a').on('click', goSection);

        function goSection(e) {
          var selectedSection = $(this).attr('href');
          var posY = $(selectedSection).offset().top;
          $('html, body').animate({ scrollTop: posY }, { duration: speed, easing: 'easeInOutQuint' });
          e.preventDefault();
        }

        $(document).on('scroll', parallax);

        function parallax() {
          scrollValue = $('html').scrollTop() || $('body').scrollTop();
          $('section').each(function () {
            $(this).css({ backgroundPosition: 'center ' + ((scrollValue - $(this).offset().top) * .9) + 'px' });
          });
        }

      });
    </script>

</body>

</html>