<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Luca Critelli</title>
    <link rel="stylesheet" href="/css/main.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap" rel="stylesheet">
  </head>
  <body>
    <div
      class="bg-cover bg-center flex content-center items-center justify-center"
      style="min-height: 500px; background-image: url('images/nybg.jpg');"
    >
      <div class="flex-initial text-center">
        <h1
          class="border-white border-2 px-4 uppercase text-white font-light text-6xl"
        >
          Luca Critelli
        </h1>
        <h2 class="uppercase text-white font-light text-2xl">
          Coder · Entrepreneur · Tinkerer
        </h2>
      </div>
    </div>
    <div class="bg-white shadow">
      <div class="container mx-auto">
        <div
          class="flex content-center items-center justify-around uppercase text-gray-600 text-sm font-normal"
        >
          <a
            href="#whoiam"
            class="p-3 hover:bg-indigo-400 hover:text-white hover:underline"
            >Who I Am</a
          >
          <a
            href="#whatido"
            class="p-3 hover:bg-indigo-400 hover:text-white hover:underline"
            >What I Do</a
          >
          <a
            href="#myprojects"
            class="p-3 hover:bg-indigo-400 hover:text-white hover:underline"
            >My Projects</a
          >
          <a
            href="/resume"
            class="p-3 hover:bg-indigo-400 hover:text-white hover:underline"
            >My Resume</a
          >
        </div>
      </div>
    </div>

    <div class="container mx-auto my-32 px-4" id="whoiam">
      <div
        class=" flex justify-center flex-col text-center text-gray-700 font-light"
      >
        <h2 class="uppercase  text-4xl mb-4">
          Who I <span class="bg-red-600 p-1 px-2 rounded text-white">Am</span>
        </h2>
        <p class="text-xl">
          A born and raised Italian living in New York City.
        </p>
        <p class="text-xl">
          Programmer since the age of 12, and in love with building new things.
        </p>
      </div>

      <div
        class="mt-20 text-center text-white bg-green-500 shadow-inner rounded-lg p-3 text-2xl font-light"
      >
        <div class="flex justify-center items-center">
          <svg viewBox="0 0 20 20" class="fill-current h-6 w-6 inline mr-2">
            <path
              d="M5.719 14.75c-0.236 0-0.474-0.083-0.664-0.252l-5.060-4.498 5.341-4.748c0.412-0.365 1.044-0.33 1.411 0.083s0.33 1.045-0.083 1.412l-3.659 3.253 3.378 3.002c0.413 0.367 0.45 0.999 0.083 1.412-0.197 0.223-0.472 0.336-0.747 0.336zM14.664 14.748l5.341-4.748-5.060-4.498c-0.413-0.367-1.045-0.33-1.411 0.083s-0.33 1.045 0.083 1.412l3.378 3.003-3.659 3.252c-0.413 0.367-0.45 0.999-0.083 1.412 0.197 0.223 0.472 0.336 0.747 0.336 0.236 0 0.474-0.083 0.664-0.252zM9.986 16.165l2-12c0.091-0.545-0.277-1.060-0.822-1.151-0.547-0.092-1.061 0.277-1.15 0.822l-2 12c-0.091 0.545 0.277 1.060 0.822 1.151 0.056 0.009 0.11 0.013 0.165 0.013 0.48 0 0.904-0.347 0.985-0.835z"
            ></path>
          </svg>
          <div>I am a <strong>Coder</strong></div>
        </div>
      </div>

      <div class="flex flex-row my-8 text-gray-900 leading-loose">
        <div class=" w-1/2 mr-8">
          I picked up my first programming book (Delphi 4..) when I was 12, and
          since that moment i knew I found my passion. Since then, I've learned
          several other languages: Visual Basic 6, ASP, VB .NET, C#, PHP,
          Javascript (and Node.js), etc. Of course, the learning is far from
          over
        </div>
        <div class=" w-1/2">
          <p class="mb-2">
            In my work and personal life I've been lucky to work on several
            interesting projects, all unique and challenging
          </p>
          <a
            href="/resume"
            class="bg-green-600 text-white px-3 py-2 rounded border-green-900 border-solid hover:bg-green-900"
            >See my Resume</a
          >
        </div>
      </div>

      <div
        class="mt-20 text-center text-white bg-indigo-500 shadow-inner rounded-lg p-3 text-2xl font-light"
      >
        <div class="flex justify-center items-center">
          <svg viewBox="0 0 20 20" class="fill-current h-6 w-6 inline mr-2">
            <path
              d="M7.186 19.172c0.789 0.51 1.701 0.855 2.814 0.828 1.111 0.027 2.025-0.318 2.814-0.828l-0.017-2.172h-5.594l-0.017 2.172zM12.697 16c0-4.357 4.63-5.848 4.283-10.188-0.218-2.738-2.073-5.81-6.98-5.81s-6.762 3.072-6.981 5.811c-0.347 4.339 4.284 5.83 4.284 10.187h5.394zM5 6c0.207-2.598 2.113-4 5-4s4.654 1.371 4.861 3.969c0.113 1.424-0.705 2.373-1.809 3.926-0.814 1.146-1.603 2.343-2.052 4.105h-2c-0.449-1.762-1.238-2.959-2.053-4.106-1.103-1.552-2.061-2.47-1.947-3.894z"
            ></path>
          </svg>
          <div>I am a <strong>Entrepreneur</strong></div>
        </div>
      </div>
      <div class="flex flex-row my-8 text-gray-900 leading-loose">
        <div class=" w-1/2 mr-8">
          I launched my first business at the age of 18 and have
          founded/co-founded 3 businesses since. The constantly evolving nature
          of technology inspires my passion for finding new ways to solve
          problems and continuously challenging my own limits. I'm not happy
          unless I'm learning something new on a daily basis.
        </div>
        <div class=" w-1/2 text-right">
          <blockquote class="font-thin text-black">
            <p>
              You shouldn’t focus on why you can’t do something, which is what
              most people do. You should focus on why perhaps you can, and be
              one of the exceptions.
            </p>
            <p>- Steve Case</p>
          </blockquote>
        </div>
      </div>

      <div
        class="mt-20 text-center text-white bg-orange-500 shadow-inner rounded-lg p-3 text-2xl font-light"
      >
        <div class="flex justify-center items-center">
          <svg viewBox="0 0 20 20" class="fill-current h-6 w-6 inline mr-2">
            <path
              d="M11.933 13.069c0 0 7.059-5.094 6.276-10.924-0.017-0.127-0.059-0.213-0.112-0.268-0.054-0.055-0.137-0.098-0.263-0.115-5.697-0.801-10.674 6.422-10.674 6.422-4.318-0.517-4.004 0.344-5.974 5.076-0.377 0.902 0.234 1.213 0.904 0.959 0.67-0.252 2.148-0.811 2.148-0.811l2.59 2.648c0 0-0.546 1.514-0.793 2.199s0.055 1.311 0.938 0.926c4.624-2.016 5.466-1.694 4.96-6.112zM12.942 7.153c-0.598-0.613-0.598-1.604 0-2.217 0.598-0.611 1.567-0.611 2.166 0s0.598 1.603 0 2.217c-0.599 0.611-1.569 0.611-2.166 0z"
            ></path>
          </svg>
          <div>I am a <strong>Tinkerer</strong></div>
        </div>
      </div>

      <div class="my-8 text-gray-900 leading-loose">
        <p>
          In the recent years, I enjoyed creating my own e-cigarette, messing
          with arduino trying to create a better cleaning robot for my
          apartment, learning how to 3D model and 3D print, as well as create a
          simple automated gigapixel rig for my camera. Ultimately, I just enjoy
          taking things apart, finding out how they work, and improve them if I
          find the need.
        </p>

        <p class="mt-4">
          If I can't find something that suits my need, I'll do my best to
          create it.
        </p>
      </div>
    </div>

    <div class="bg-white border-gray-400 border-t border-b py-32">
      <div class="container mx-auto px-4" id="whatido">
        <div
          class=" flex justify-center flex-col text-center text-gray-700 font-light"
        >
          <h2 class="uppercase  text-4xl mb-4">
            What I
            <span class="bg-green-600 p-1 px-2 rounded text-white">DO</span>
          </h2>
          <p class="text-xl">
            I'm a programmer and a businessman
          </p>
        </div>

        <div class="mt-16 px-2">
          <div class="flex -mx-2 flex-wrap">
            <div class="w-full md:w-1/3 px-2 mb-24 md:mb-0">
              <div class="text-center">
                <svg
                  viewBox="0 0 64 64"
                  class="fill-current h-16 w-16 inline-block mb-6"
                >
                  <path
                    d="M9.375 39.625c0.625 0 1.125-0.5 1.125-1.125v-25.625c0-0.375 0.25-0.625 0.625-0.625h41.5c0.25 0 0.5 0.25 0.5 0.625v25.625c0 0.625 0.5 1.125 1.125 1.125s1.125-0.5 1.125-1.125v-25.625c0-1.625-1.25-2.875-2.75-2.875h-41.5c-1.625 0-2.875 1.25-2.875 2.875v25.625c0 0.625 0.5 1.125 1.125 1.125zM58.75 42.375h-24c-0.625 0-1.125 0.5-1.125 1.125v0.625h-3.625v-0.625c0-0.625-0.5-1.125-1.125-1.125h-24c-0.5 0-1 0.5-1 1.125v3.375c0 1.625 1.25 3 2.875 3h50.125c1.625 0 3-1.375 3-3v-3.375c0-0.625-0.5-1.125-1.125-1.125zM57.625 46.875c0 0.375-0.375 0.75-0.75 0.75h-50.125c-0.375 0-0.75-0.375-0.75-0.75v-2.25h21.875c0.125 1 1 1.75 2.125 1.75h3.75c1 0 1.875-0.75 2-1.75h21.875v2.25zM23.375 24.625l-1 3.25-1-3.25c-0.25-0.375-0.625-0.625-1-0.625h-0.125c-0.375 0-0.75 0.25-0.875 0.625l-1.125 3.25-1-3.25c-0.125-0.375-0.5-0.625-0.875-0.625-0.625 0-1 0.375-1 0.875 0 0.125 0 0.375 0.125 0.375l1.75 4.875c0.125 0.5 0.5 0.875 1 0.875s0.875-0.375 1-0.75l1.125-3.25 1 3.25c0.125 0.375 0.5 0.75 1 0.75v0c0.5 0 0.875-0.375 1.125-0.875l1.625-4.875c0.125 0 0.125-0.25 0.125-0.375 0-0.5-0.375-0.875-0.875-0.875s-0.875 0.25-1 0.625zM33.625 24.625l-1 3.25-1.125-3.25c-0.125-0.375-0.5-0.625-0.875-0.625h-0.125c-0.5 0-0.875 0.25-1 0.625l-1 3.25-1-3.25c-0.125-0.375-0.5-0.625-1-0.625s-0.875 0.375-0.875 0.875c0 0.125 0 0.375 0.125 0.375l1.625 4.875c0.25 0.5 0.625 0.875 1.125 0.875s0.875-0.375 1-0.75l1-3.25 1.125 3.25c0.125 0.375 0.5 0.75 1 0.75v0c0.5 0 0.875-0.375 1-0.875l1.75-4.875s0.125-0.25 0.125-0.375c0-0.5-0.375-0.875-1-0.875-0.375 0-0.75 0.25-0.875 0.625zM44.75 24c-0.375 0-0.75 0.25-0.875 0.625l-1 3.25-1.125-3.25c-0.125-0.375-0.5-0.625-1-0.625v0c-0.5 0-0.875 0.25-1 0.625l-1 3.25-1-3.25c-0.25-0.375-0.5-0.625-1-0.625-0.625 0-0.875 0.375-0.875 0.875v0.375l1.75 4.875c0.125 0.5 0.5 0.875 1.125 0.875 0.375 0 0.75-0.375 1-0.75l1-3.25 1 3.25c0.25 0.375 0.625 0.75 1 0.75h0.125c0.5 0 0.875-0.375 1-0.875l1.75-4.875s0.125-0.25 0.125-0.375c0-0.5-0.5-0.875-1-0.875zM46.75 30.875c0.625 0 1-0.375 1-1v-0.125c0-0.625-0.375-1.125-1-1.125s-1.125 0.5-1.125 1.125v0.125c0 0.625 0.5 1 1.125 1z"
                  ></path>
                </svg>
                <h3 class="font-thin uppercase text-2xl mb-3">
                  Online Advertising
                </h3>
                <p class="leading-relaxed">
                  By harnessing the multi-year experience in the digital online
                  marketing, I know how to create and manage a successful online
                  advertising campaign.
                </p>
              </div>
            </div>
            <div class="w-full md:w-1/3 px-2 mb-24 md:mb-0">
              <div class="text-center">
                <svg
                  viewBox="0 0 64 64"
                  class="fill-current h-16 w-16 inline-block mb-6"
                >
                  <path
                    d="M31.875 25.875c0.625 0 1.125-0.5 1.125-1.125v-21.875c0-0.625-0.5-1.125-1.125-1.125s-1.125 0.5-1.125 1.125v21.875c0 0.625 0.5 1.125 1.125 1.125zM44.125 11.625c-0.5-0.375-1.25-0.125-1.5 0.375-0.375 0.5-0.25 1.25 0.375 1.5 6.625 4 10.75 11.25 10.75 18.875 0 12.125-9.875 22-21.875 22-12.125 0-22-9.875-22-22 0-7.625 4.125-14.875 10.875-18.875 0.5-0.25 0.625-1 0.375-1.5-0.375-0.5-1-0.75-1.625-0.375-7.25 4.25-11.875 12.25-11.875 20.75 0 13.375 10.875 24.25 24.25 24.25 13.25 0 24.125-10.875 24.125-24.25 0-8.5-4.625-16.5-11.875-20.75z"
                  ></path>
                </svg>
                <h3 class="font-thin uppercase text-2xl mb-3">Start-Up</h3>
                <p class="leading-relaxed">
                  Building new and exciting technologies, and helping them reach
                  the market
                </p>
              </div>
            </div>

            <div class="w-full md:w-1/3 px-2 ">
              <div class="text-center">
                <svg
                  viewBox="0 0 64 64"
                  class="fill-current h-16 w-16 inline-block mb-6"
                >
                  <path
                    d="M55.25 15.125c-1.625-11.25-16.75-13.75-19.375-13.75h-0.875c-18.375 0-20.875 12.625-21.125 16.5-0.25 2.625-1.5 7.625-3.375 9.5-0.5 0.5-2 2-1.25 3.625 0.625 1.625 2.375 1.75 3.5 1.75-0.125 0.25-0.125 0.5-0.25 0.625 0 0.375-0.125 0.75-0.125 1.375 0 0.75 0.25 1.5 0.875 2-0.375 0.875-0.125 1.875 0.75 2.625 0 0.125 0.125 0.5 0.125 1.75 0 3.75 3.625 5.5 6.5 5h0.25c0.5-0.125 1.25-0.25 1.75-0.25 0.75 0 1 0.25 1.125 0.5 0.375 0.375 0.75 0.75 1 1.125 0.875 1 1.5 1.625 1.5 4.25 0 2.25 0.25 3.25 0.375 3.625l0.125 0.25c0.125 0.5 0.625 0.75 1 0.75h0.375l19-5.625c0.5-0.125 0.875-0.75 0.75-1.25-0.375-3.625 0-9.75 2.875-14.875 0.75-1.375 1.375-2.5 2-3.5 3.25-5.75 3.875-6.75 2.5-16zM50.75 30.125c-0.625 0.875-1.25 2-2 3.375-2.875 5.25-3.5 11.25-3.125 15.375l-17 5c-0.125-0.5-0.125-1.125-0.125-2.125 0-3.25-0.875-4.375-2.125-5.75-0.25-0.375-0.5-0.625-0.75-1-0.875-1.125-2.125-1.25-3-1.25-0.75 0-1.5 0-2.125 0.125l-0.25 0.125c-1.75 0.25-3.875-0.625-3.875-2.875 0-2.125-0.25-2.625-0.875-3.375-0.125-0.125-0.25-0.25 0-0.625 0.125-0.125 0.25-0.25 0.25-0.375 0.25-0.25 0.25-0.625 0.125-1-0.125-0.25-0.5-0.5-0.75-0.625-0.5-0.125-0.5-0.25-0.5-0.375 0-0.25 0-0.375 0.125-0.75s0.25-1 0.375-2.25c0-0.5-0.375-1-0.875-1.125-0.375-0.125-1-0.125-1.5-0.125-0.75 0-1.375 0-1.375-0.25-0.125-0.25 0.125-0.75 0.75-1.375 3.125-3 4-10.75 4-10.875 1-13.375 14.75-14.375 18.875-14.375h0.875c2 0 15.75 2.125 17.25 11.75 1.125 8.5 0.75 9.25-2.375 14.75zM35.625 15.625c-2.875 0-5.25 2.375-5.25 5.25 0 2.75 2.375 5.125 5.25 5.125 2.75 0 5.125-2.375 5.125-5.125 0-2.875-2.375-5.25-5.125-5.25zM35.625 23.75c-1.625 0-3-1.375-3-2.875 0-1.625 1.375-3 3-3 1.5 0 2.875 1.375 2.875 3 0 1.5-1.375 2.875-2.875 2.875zM46.5 18.25l-2.25-0.375c-0.125-0.375-0.25-0.75-0.5-1.125l1.375-1.875c0.375-0.375 0.375-0.875 0-1.25-0.625-1-1.375-1.75-2.25-2.375-0.5-0.375-1-0.375-1.375 0l-1.875 1.375c-0.375-0.25-0.75-0.375-1.125-0.5l-0.375-2.25c0-0.5-0.375-0.875-0.875-1-1.125-0.125-2.25-0.125-3.375 0-0.5 0.125-0.875 0.5-0.875 1l-0.375 2.25c-0.375 0.125-0.75 0.25-1.125 0.5l-1.875-1.375c-0.375-0.375-0.875-0.375-1.25 0-0.5 0.25-0.875 0.625-1.25 1l-0.125 0.125c-0.375 0.375-0.75 0.75-1 1.125-0.375 0.5-0.375 1 0 1.375l1.375 1.875c-0.25 0.375-0.375 0.75-0.5 1.125l-2.25 0.375c-0.5 0-0.875 0.375-1 0.875 0 0.5-0.125 1-0.125 1.5v0.375c0 0.5 0.125 1 0.125 1.5 0.125 0.5 0.5 0.875 1 0.875l2.25 0.375c0.125 0.375 0.25 0.75 0.5 1.125l-1.375 1.875c-0.375 0.375-0.375 0.875 0 1.375 0.25 0.375 0.625 0.75 1 1.125l0.125 0.125c0.375 0.375 0.75 0.75 1.25 1 0.375 0.375 0.875 0.375 1.25 0l1.875-1.375c0.375 0.25 0.75 0.375 1.125 0.5l0.375 2.25c0 0.5 0.375 0.875 0.875 1 0.625 0 1.125 0.125 1.75 0.125 0.5 0 1-0.125 1.625-0.125 0.5-0.125 0.875-0.5 0.875-1l0.375-2.25c0.375-0.125 0.75-0.25 1.125-0.5l1.875 1.375c0.375 0.375 0.875 0.375 1.375 0 0.875-0.625 1.625-1.375 2.25-2.375 0.375-0.375 0.375-0.875 0-1.25l-1.375-1.875c0.25-0.375 0.375-0.75 0.5-1.125l2.25-0.375c0.5 0 0.875-0.375 1-0.875 0-0.625 0.125-1.125 0.125-1.625 0-0.625-0.125-1.125-0.125-1.75-0.125-0.5-0.5-0.875-1-0.875zM45.375 21.375l-2.125 0.25c-0.5 0-0.875 0.375-0.875 0.875-0.25 0.625-0.5 1.375-0.875 1.875-0.25 0.5-0.25 1 0 1.375l1.375 1.625-0.75 0.75-1.625-1.375c-0.375-0.25-0.875-0.25-1.375 0-0.5 0.375-1.25 0.625-1.875 0.875-0.5 0-0.875 0.375-0.875 0.875l-0.25 2.125h-1.125l-0.25-2.125c0-0.5-0.375-0.875-0.75-0.875-0.75-0.25-1.375-0.5-2-0.875-0.5-0.25-1-0.25-1.375 0l-1.625 1.375c-0.125-0.125-0.125-0.25-0.25-0.375l-0.125-0.125c-0.125-0.125-0.25-0.125-0.375-0.25l1.375-1.625c0.25-0.375 0.25-0.875 0-1.25-0.375-0.625-0.625-1.375-0.875-2 0-0.5-0.375-0.875-0.875-0.875l-2.125-0.25v-1.125l2.125-0.25c0.5 0 0.875-0.375 0.875-0.875 0.25-0.625 0.5-1.375 0.875-1.875 0.25-0.5 0.25-1 0-1.375l-1.375-1.625c0.125-0.125 0.25-0.125 0.375-0.25l0.125-0.125c0.125-0.125 0.125-0.25 0.25-0.375l1.625 1.375c0.375 0.25 0.875 0.25 1.375 0 0.625-0.375 1.25-0.625 2-0.875 0.375 0 0.75-0.375 0.75-0.875l0.25-2.125h1.125l0.25 2.125c0 0.5 0.375 0.875 0.875 0.875 0.625 0.25 1.375 0.5 1.875 0.875 0.5 0.25 1 0.25 1.375 0l1.625-1.375 0.75 0.75-1.375 1.625c-0.25 0.375-0.25 0.875 0 1.375 0.375 0.625 0.625 1.25 0.875 1.875 0 0.5 0.375 0.875 0.875 0.875l2.125 0.25v1.125z"
                  ></path>
                </svg>
                <h3 class="font-thin uppercase text-2xl mb-3">Hobbies</h3>
                <p class="leading-relaxed">
                  I am probably the only italian that plays
                  <a href="https://www.youtube.com/watch?v=WcESfCE8R84" class="link">Ice Hockey</a
                  >. I enjoy Scuba Diving and
                  <a href="https://www.youtube.com/watch?v=46BNaW7k-NQ" class="link">Sky Diving</a
                  >, tinkering with my 3D printer, and keeping up with
                  technology.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="py-32">
      <div class="container mx-auto px-4" id="myprojects">
        <div
          class=" flex justify-center flex-col text-center text-gray-700 font-light"
        >
          <h2 class="uppercase  text-4xl mb-4">
            My
            <span class="bg-indigo-600 p-1 px-2 rounded text-white"
              >projects</span
            >
          </h2>
          <p class="text-xl">
            The following are the projects I'm currently working on
          </p>
        </div>
        <div class="px-2 mt-16">
          <div class="flex flex-wrap -mx-2 justify-center">
            <div class="w-full lg:w-1/3 px-2 mb-4">
              <div
                class="bg-white rounded overflow-hidden shadow-lg min-h-full"
              >
                <img
                  class="w-full"
                  src="images/loopspark.png"
                  alt="LoopSpark"
                />

                <div class="px-6 py-4">
                  <a href="https://loospark.com" class="link text-xl font-light"
                    >LoopSpark</a
                  >
                  <p class="font-light py-2">
                    The Revolutionary Software Transforming Fitness Studios.
                    <br />
                    One gorgeous platform. Everything you need to run your
                    studio like clockwork.
                  </p>
                </div>
              </div>
            </div>

            <div class="w-full lg:w-1/3 px-2 mb-4">
              <div
                class="bg-white rounded overflow-hidden shadow-lg min-h-full"
              >
                <img
                  class="w-full px-4"
                  src="images/clickview.png"
                  alt="Clickview Interactive"
                />

                <div class="px-6 py-4">
                  <a
                    href="https://clickviewinteractive.com"
                    class="link text-xl font-light"
                    >Clickview Interactive</a
                  >
                  <p class="font-light py-2">
                    ClickView Interactive provides brands with a perfect medium
                    to engage audiences through leading Social Networks and
                    Display advertising utilizing proprietary RTB technology in
                    tandem with the most premium traffic partners.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-white border-gray-400 border-t border-b py-32">
      <div class="container mx-auto px-4">
        <div
          class=" flex justify-center flex-col text-center text-gray-700 font-light"
        >
          <h2 class="uppercase  text-4xl mb-4">
            Get in
            <span class="bg-green-600 p-1 px-2 rounded text-white">Touch</span>
          </h2>
          <p class="text-xl pt-8">
            Send me an email to get a quick quote on a project or to simply say
            hello. I try to be promt and answer any emails within 48 hours. If
            you send a spam email, I'll respond with a creative answer.
          </p>
        </div>
      </div>

      <div class="flex mt-16 justify-center">
        <div class="text-left">
          <ul>
            <li>
              <a href="tel:+19175249837" class="link"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-phone"></use>
                  </svg>
                  <span>+1 (917) 524-9837</span>
                </div></a
              >
            </li>
            <li class="pt-2">
              <a href="/cdn-cgi/l/email-protection#54273d20311437263d2031387a383d" class="link"><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-envelop"></use>
                  </svg>
                  <span><span class="__cf_email__" data-cfemail="b0c3d9c4d5f0d3c2d9c4d5dc9edcd9">[email&#160;protected]</span></span>
                </div></a
              >
            </li>
            <li class="pt-4">
              <a
                href="https://www.facebook.com/lucacri"
                class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-facebook"></use>
                  </svg></div
              ></a>

              <a
                href="https://github.com/lucacri"
                class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-github"></use>
                  </svg></div
              ></a>

              <a
                href="https://twitter.com/lucacri"
                class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-twitter"></use>
                  </svg></div
              ></a>

              <a
                href="https://it.linkedin.com/in/lucacritelli/"
                class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-linkedin"></use>
                  </svg></div
              ></a>

              <a
                href="https://www.youtube.com/user/lucacri"
                class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-youtube"></use>
                  </svg></div
              ></a>

              <a href="skype:lucacri-ita?chat" class="link mr-2 inline-block"
                ><div class="flex items-center">
                  <svg
                    viewBox="0 0 32 32"
                    class="fill-current h-4 w-4 inline mr-2"
                  >
                    <use xlink:href="#icon-skype"></use>
                  </svg></div
              ></a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="container mx-auto my-8 px-4 font-hairline">
      &copy; Luca Critelli. All Rights Reserved.
    </div>

    <svg
      aria-hidden="true"
      style="position: absolute; width: 0; height: 0; overflow: hidden;"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <symbol id="icon-phone" viewBox="0 0 32 32">
          <title>phone</title>
          <path
            d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"
          ></path>
        </symbol>
        <symbol id="icon-envelop" viewBox="0 0 32 32">
          <title>envelop</title>
          <path
            d="M29 4h-26c-1.65 0-3 1.35-3 3v20c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-20c0-1.65-1.35-3-3-3zM12.461 17.199l-8.461 6.59v-15.676l8.461 9.086zM5.512 8h20.976l-10.488 7.875-10.488-7.875zM12.79 17.553l3.21 3.447 3.21-3.447 6.58 8.447h-19.579l6.58-8.447zM19.539 17.199l8.461-9.086v15.676l-8.461-6.59z"
          ></path>
        </symbol>
        <symbol id="icon-facebook" viewBox="0 0 32 32">
          <title>facebook</title>
          <path
            d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h13v-14h-4v-4h4v-2c0-3.306 2.694-6 6-6h4v4h-4c-1.1 0-2 0.9-2 2v2h6l-1 4h-5v14h9c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3z"
          ></path>
        </symbol>
        <symbol id="icon-twitter" viewBox="0 0 32 32">
          <title>twitter</title>
          <path
            d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"
          ></path>
        </symbol>
        <symbol id="icon-youtube" viewBox="0 0 32 32">
          <title>youtube</title>
          <path
            d="M31.681 9.6c0 0-0.313-2.206-1.275-3.175-1.219-1.275-2.581-1.281-3.206-1.356-4.475-0.325-11.194-0.325-11.194-0.325h-0.012c0 0-6.719 0-11.194 0.325-0.625 0.075-1.987 0.081-3.206 1.356-0.963 0.969-1.269 3.175-1.269 3.175s-0.319 2.588-0.319 5.181v2.425c0 2.587 0.319 5.181 0.319 5.181s0.313 2.206 1.269 3.175c1.219 1.275 2.819 1.231 3.531 1.369 2.563 0.244 10.881 0.319 10.881 0.319s6.725-0.012 11.2-0.331c0.625-0.075 1.988-0.081 3.206-1.356 0.962-0.969 1.275-3.175 1.275-3.175s0.319-2.587 0.319-5.181v-2.425c-0.006-2.588-0.325-5.181-0.325-5.181zM12.694 20.15v-8.994l8.644 4.513-8.644 4.481z"
          ></path>
        </symbol>
        <symbol id="icon-github" viewBox="0 0 32 32">
          <title>github</title>
          <path
            d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"
          ></path>
        </symbol>
        <symbol id="icon-skype" viewBox="0 0 32 32">
          <title>skype</title>
          <path
            d="M13.3 1.169c-0.050-0.031-0.106-0.056-0.156-0.081-0.056 0.012-0.106 0.019-0.162 0.031l0.319 0.050z"
          ></path>
          <path
            d="M1.15 13.156c-0.012 0.056-0.019 0.113-0.025 0.162 0.031 0.050 0.050 0.1 0.081 0.15l-0.056-0.313z"
          ></path>
          <path
            d="M30.837 18.831c0.012-0.056 0.019-0.113 0.031-0.169-0.031-0.050-0.050-0.1-0.081-0.15l0.050 0.319z"
          ></path>
          <path
            d="M18.5 30.719c0.050 0.031 0.106 0.056 0.156 0.081 0.056-0.012 0.113-0.019 0.169-0.025l-0.325-0.056z"
          ></path>
          <path
            d="M30.869 18.663c-0.012 0.056-0.019 0.113-0.031 0.169l-0.056-0.325c0.031 0.056 0.056 0.106 0.087 0.156 0.163-0.9 0.25-1.819 0.25-2.738 0-2.037-0.4-4.019-1.188-5.881-0.762-1.8-1.85-3.419-3.238-4.806s-3.006-2.475-4.8-3.237c-1.863-0.788-3.844-1.188-5.881-1.188-0.963 0-1.925 0.088-2.863 0.269 0 0-0.006 0-0.006 0 0.050 0.025 0.106 0.050 0.156 0.081l-0.319-0.050c0.056-0.012 0.106-0.019 0.162-0.031-1.287-0.681-2.731-1.050-4.194-1.050-2.388 0-4.638 0.931-6.325 2.619s-2.619 3.937-2.619 6.325c0 1.519 0.394 3.019 1.125 4.338 0.012-0.056 0.019-0.113 0.025-0.162l0.056 0.319c-0.031-0.050-0.056-0.1-0.081-0.15-0.15 0.856-0.225 1.731-0.225 2.606 0 2.038 0.4 4.019 1.188 5.881 0.763 1.8 1.85 3.413 3.237 4.8s3.006 2.475 4.806 3.238c1.863 0.788 3.844 1.188 5.881 1.188 0.887 0 1.775-0.081 2.644-0.238-0.050-0.031-0.1-0.056-0.156-0.081l0.325 0.056c-0.056 0.012-0.113 0.019-0.169 0.025 1.337 0.756 2.856 1.163 4.4 1.163 2.387 0 4.637-0.931 6.325-2.619s2.619-3.938 2.619-6.325c-0.006-1.519-0.4-3.019-1.137-4.35zM16.069 25.181c-5.369 0-7.769-2.637-7.769-4.619 0-1.012 0.75-1.725 1.781-1.725 2.3 0 1.7 3.3 5.988 3.3 2.194 0 3.406-1.194 3.406-2.413 0-0.731-0.363-1.544-1.806-1.9l-4.775-1.194c-3.844-0.963-4.544-3.044-4.544-5 0-4.056 3.819-5.581 7.406-5.581 3.306 0 7.2 1.825 7.2 4.263 0 1.044-0.906 1.65-1.938 1.65-1.962 0-1.6-2.713-5.55-2.713-1.963 0-3.044 0.887-3.044 2.156s1.55 1.675 2.894 1.981l3.538 0.787c3.869 0.863 4.85 3.125 4.85 5.25 0 3.294-2.531 5.756-7.637 5.756z"
          ></path>
        </symbol>
        <symbol id="icon-reddit" viewBox="0 0 32 32">
          <title>reddit</title>
          <path
            d="M8 20c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM20 20c0-1.105 0.895-2 2-2s2 0.895 2 2c0 1.105-0.895 2-2 2s-2-0.895-2-2zM20.097 24.274c0.515-0.406 1.262-0.317 1.668 0.198s0.317 1.262-0.198 1.668c-1.434 1.13-3.619 1.86-5.567 1.86s-4.133-0.73-5.567-1.86c-0.515-0.406-0.604-1.153-0.198-1.668s1.153-0.604 1.668-0.198c0.826 0.651 2.46 1.351 4.097 1.351s3.271-0.7 4.097-1.351zM32 16c0-2.209-1.791-4-4-4-1.504 0-2.812 0.83-3.495 2.057-2.056-1.125-4.561-1.851-7.29-2.019l2.387-5.36 4.569 1.319c0.411 1.167 1.522 2.004 2.83 2.004 1.657 0 3-1.343 3-3s-1.343-3-3-3c-1.142 0-2.136 0.639-2.642 1.579l-5.091-1.47c-0.57-0.164-1.173 0.116-1.414 0.658l-3.243 7.282c-2.661 0.187-5.102 0.907-7.114 2.007-0.683-1.227-1.993-2.056-3.496-2.056-2.209 0-4 1.791-4 4 0 1.635 0.981 3.039 2.387 3.659-0.252 0.751-0.387 1.535-0.387 2.341 0 5.523 6.268 10 14 10s14-4.477 14-10c0-0.806-0.134-1.589-0.387-2.34 1.405-0.62 2.387-2.025 2.387-3.66zM27 5.875c0.621 0 1.125 0.504 1.125 1.125s-0.504 1.125-1.125 1.125-1.125-0.504-1.125-1.125 0.504-1.125 1.125-1.125zM2 16c0-1.103 0.897-2 2-2 0.797 0 1.487 0.469 1.808 1.145-1.045 0.793-1.911 1.707-2.552 2.711-0.735-0.296-1.256-1.016-1.256-1.856zM16 29.625c-6.42 0-11.625-3.414-11.625-7.625s5.205-7.625 11.625-7.625c6.42 0 11.625 3.414 11.625 7.625s-5.205 7.625-11.625 7.625zM28.744 17.856c-0.641-1.003-1.507-1.918-2.552-2.711 0.321-0.676 1.011-1.145 1.808-1.145 1.103 0 2 0.897 2 2 0 0.84-0.52 1.56-1.256 1.856z"
          ></path>
        </symbol>
        <symbol id="icon-linkedin" viewBox="0 0 32 32">
          <title>linkedin</title>
          <path
            d="M29 0h-26c-1.65 0-3 1.35-3 3v26c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-26c0-1.65-1.35-3-3-3zM12 26h-4v-14h4v14zM10 10c-1.106 0-2-0.894-2-2s0.894-2 2-2c1.106 0 2 0.894 2 2s-0.894 2-2 2zM26 26h-4v-8c0-1.106-0.894-2-2-2s-2 0.894-2 2v8h-4v-14h4v2.481c0.825-1.131 2.087-2.481 3.5-2.481 2.488 0 4.5 2.238 4.5 5v9z"
          ></path>
        </symbol>
      </defs>
    </svg>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
