<!DOCTYPE html>
<html lang="en" >
<head>
  <link rel="stylesheet" href="./css/style.css">
  <meta charset="UTF-8">
  <title>Haro.MX</title>
  <meta name="viewport" content="width=device-width, initial-scale=1"><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'><link rel="stylesheet" href="css/style.css">
  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
  <!-- START Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-4450662-8"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-4450662-8');
    </script>
  <!-- END Google Analytics -->
  
  <!-- START Microsoft Clarity -->
      <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "j7wrlqcwxy");
        </script>

    <!-- ENDS Microsoft Clarity -->
</head>
    <body>
      <div style="text-align: center;">
        <div  >
          
              <img src="img/haro.png" alt="Haro.MX">
          
        </div>
        <script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js'></script><script  src="./js/script.js"></script> 


        <a href="https://www.linkedin.com/in/jc-haro/" target="_blank">
        <div class="avx-feedback-float-icon">
          <div class="fb-float-icon">

            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-file-person" viewBox="0 0 16 16">
              <path d="M12 1a1 1 0 0 1 1 1v10.755S12 11 8 11s-5 1.755-5 1.755V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
              <path d="M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
            </svg>

          </div>
        </div>
      </a>



    </body>
</html>