Reform

<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/43554930.js"></script>


<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    @media (min-width: 768px) {
      body {
        margin: 0;
        padding: 0;
        font-family: 'Noto Sans', sans-serif;
      }

      .navbar {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        background: rgba(255, 255, 255, 0.2);
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        z-index: 1000;
      }

      .navbar-logo {
        height: 35px;
        width: auto;
        margin-top: 2px;
        margin-bottom: 3px;
        margin-left: 3px;
        cursor: pointer;
        align-items: center;
      }

      .navbar-buttons {
        display: flex;
        gap: 23px;
      }

      .navbar-button {
        padding: 3px 10px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;
      }

      .navbar-button.signup {
        border-radius: 8px;
        background-color: black;
        color: white;
        margin-right: 17px;
        margin-left: 10px;
        &:hover {
          background-color: #FF844B;
        }
      }

    }

    @media (max-width: 767px) {
      #desktop {
        display: none;
      }
    }
  </style>
</head>
<body>
  <div class="navbar" id="desktop">
    <a href="https://reformhq.com" class="navbar-logo">
      <img src="https://knowstory-public.s3.amazonaws.com/lp/reform_horizontal.png" class="navbar-logo" alt="Reform">    
    </a>
    <div class="navbar-buttons">
      <a href="https://calendly.com/omar-abuhashish/20-min?utm_source=navbar" class="navbar-button signup" target="_blank">Book a Demo</a>
    </div>
  </div>
</body>
</html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    @media (max-width: 767px) {
      body {
        margin: 0;
        padding: 0;
        font-family: 'Noto Sans', sans-serif;
      }

      .navbar {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 95%;
        background: rgba(255, 255, 255, 0.3);
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
        z-index: 1000;
      }

      .navbar-logo {
        width: 90px;
        height: auto;
        margin-top: 4px;
        margin-left: 1px;
        cursor: pointer;
        align-items: center;
      }

      .navbar-buttons {
        display: flex;
        justify-content: space-between;
      }

      .navbar-button {
        padding: 3px 13px;
        font-family: 'Noto Sans', sans-serif;
        font-size: 11px;
      }

      .navbar-button.signup {
        border-radius: 8px;
        background-color: black;
        color: white;
        margin-right: 13px;
        margin-left: 25px;
      }
    }

    @media (min-width: 768px) {
      #mobile {
        display: none;
      }
    }
  </style>
</head>
<body>
  <div class="navbar" id="mobile" >
    <a href="https://reformhq.com" class="navbar-logo">
      <img src="https://knowstory-public.s3.amazonaws.com/lp/reform_horizontal.png" class="navbar-logo" alt="Reform">    
    </a>
    <div class="navbar-buttons">
      <a href="https://calendly.com/omar-abuhashish/20-min?utm_source=navbar" class="navbar-button signup" target="_blank">Book a Demo</a>
    </div>
  </div>
</body>
</html>

The fastest way to develop modern logistics software.

We built the modern logistics infrastructure so you don’t have to

Modern logistics software runs on Reform

Welcome to the new age of logistics.