navbar

PHOTO EMBED

Fri Aug 06 2021 17:05:36 GMT+0000 (UTC)

Saved by @isathelizard

 <nav class="bg-gray-1000">
    <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
      <a href="https://lightit.io"
        target="_blank">          
        <div class="relative flex items-center  h-16 ">

          <svg class="mx-auto" xmlns="http://www.w3.org/2000/svg" width="143" height="46" viewBox="0 0 143 46"
            fill="none">
            <g clip-path="url(#clip0)">
              <g clip-path="url(#clip1)">
                <path d="M114.872 41.1025V18.1826H109.301V41.1025H4.9649V4.89784H9.01772V0H0V46H114.88V41.1025H114.872Z"
                  fill="white"></path>
                <path d="M109.418 12.1201H114.989V16.7875H109.418V12.1201Z" fill="white"></path>
                <path d="M33.1002 12.1201H38.6711V16.7875H33.1002V12.1201Z" fill="white"></path>
                <path d="M114.872 41.1025V18.1826H109.301V41.1025H4.9649V4.89784H9.01772V0H0V46H114.88V41.1025H114.872Z"
                  fill="white"></path>
                <path
                  d="M11.4866 0V0.00240748H11.4374V33.1018H13.959V33.1021H30.7326V27.3328H17.7656V4.89784H137.393V41.1025H117.298V45.999H142.358V0H11.4866Z"
                  fill="white"></path>
                <path d="M38.5258 18.1826V33.284H33.0258V18.1826H38.5258Z" fill="white"></path>
                <path
                  d="M53.2557 21.4431H64.1709C64.1709 22.565 64.1237 23.585 64.0295 24.5016C63.9353 25.4182 63.7495 26.2697 63.4686 27.0556C63.0761 28.1593 62.5427 29.136 61.8693 29.9876C61.1959 30.8388 60.4059 31.549 59.4986 32.1202C58.591 32.6905 57.5947 33.1259 56.5106 33.4241C55.4252 33.7236 54.2837 33.8739 53.0872 33.8739C51.4408 33.8739 49.9396 33.6019 48.5835 33.0592C47.2274 32.5178 46.0622 31.7553 45.0906 30.7734C44.1176 29.7915 43.3606 28.6119 42.8179 27.2375C42.2752 25.8632 42.0045 24.3437 42.0045 22.6778C42.0045 21.0328 42.27 19.5209 42.8035 18.1466C43.3369 16.7722 44.0942 15.5981 45.0761 14.6251C46.058 13.6535 47.2415 12.8952 48.6251 12.3524C50.0101 11.8097 51.5529 11.5391 53.2557 11.5391C55.4616 11.5391 57.3983 12.0164 59.0632 12.9698C60.7278 13.9245 62.0475 15.402 63.0201 17.4026L57.801 19.5642C57.3147 18.4042 56.6829 17.5712 55.9063 17.0666C55.1308 16.5617 54.2469 16.3097 53.2557 16.3097C52.432 16.3097 51.684 16.4641 51.0105 16.7726C50.3371 17.0811 49.7618 17.5206 49.2858 18.0908C48.8084 18.6624 48.4345 19.3489 48.1625 20.153C47.8918 20.9571 47.756 21.8554 47.756 22.847C47.756 23.7453 47.8722 24.5769 48.1064 25.3446C48.3407 26.1108 48.6911 26.7753 49.1592 27.3362C49.6259 27.8972 50.2068 28.3326 50.8984 28.6414C51.5901 28.9499 52.3959 29.1044 53.3124 29.1044C53.8538 29.1044 54.3783 29.0442 54.8828 28.9214C55.3877 28.801 55.8413 28.6036 56.2441 28.3329C56.6454 28.0623 56.9777 27.7104 57.2404 27.2802C57.5018 26.8499 57.68 26.3268 57.7728 25.7098H53.256V21.4431H53.2557Z"
                  fill="white"></path>
                <path
                  d="M73.1493 20.2927H81.0895V12.1289H86.5882V33.2844H81.0895V24.5584H73.1493V33.2844H67.6493V12.1289H73.1493V20.2927Z"
                  fill="white"></path>
                <path d="M99.0473 16.7857V33.2844H93.5473V16.7857H89.0305V12.1289H103.564V16.7857H99.0473Z"
                  fill="white"></path>
                <path d="M128.575 16.7857V33.2844H123.075V16.7857H118.558V12.1289H133.091V16.7857H128.575Z"
                  fill="white"></path>
              </g>
            </g>
            <defs>
              <clipPath id="clip0">
                <rect width="142.403" height="46" fill="white"></rect>
              </clipPath>
              <clipPath id="clip1">
                <rect width="142.358" height="46" fill="white"></rect>
              </clipPath>
            </defs>
          </svg>
        </div>
      </a>
    </div>
  </nav>
content_copyCOPY

Code for navbar with lightit's website linked when clicking. Href has parameters for analytics.