bartelt-mobile.useappello.app Open in urlscan Pro
104.131.12.97  Public Scan

Form analysis
2 forms found in the DOM

POST

<form method="POST" class="space-y-4 p-2.5 bg-white"><a class="font-bold leading-7 text-gray-900 text-md">Sign in using Pin</a>
  <div>
    <div class="relative">
      <div class="flex justify-between items-center mb-1"><label for="lastName" class="block text-sm font-medium leading-5 text-gray-700 ">Enter Last Name</label></div>
      <div class="shadow-sm flex w-full relative sm:text-sm rounded-md"><input
          class="block border flex-grow rounded-l-md rounded-r-md w-full h-[60px] text-4xl max-w-full font-bold text-placeholder-sm bg-white px-4 border-gray-300 focus-visible:border-primary focus-visible:ring-primary" id="lastName" name="lastName"
          aria-invalid="false" aria-describedby="lastName-description" maxlength="30" type="text" pattern="[0-9]*" inputmode="text" value="">
        <div class="absolute inset-y-0 left-0 flex items-center px-4 text-gray-300 pointer-events-none top-1.5 line-clamp-1 input-placeholder whitespace-nowrap">
          <div class="font-bold align-bottom"><span class="text-placeholder-sm">ex: </span><span class="text-placeholder-lg">Scott</span></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="relative">
      <div class="flex justify-between items-center mb-1"><label for="pin" class="block text-sm font-medium leading-5 text-gray-700 ">Enter Employee Pin #</label></div>
      <div class="shadow-sm flex w-full relative sm:text-sm rounded-md"><input
          class="block border flex-grow rounded-l-md rounded-r-md w-full h-[60px] text-4xl max-w-full font-bold text-placeholder-sm bg-white px-4 border-gray-300 focus-visible:border-primary focus-visible:ring-primary" id="pin" name="pin"
          aria-invalid="false" aria-describedby="pin-description" maxlength="5" type="password" pattern="[0-9]*" inputmode="numeric" value="">
        <div class="absolute inset-y-0 right-0 flex items-center pr-4"><button data-type="button" type="button"
            class="transition duration-300 flex items-center justify-center border font-medium whitespace-nowrap border-transparent text-gray-400 "><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"
              aria-hidden="false">
              <path d="M12 15a3 3 0 100-6 3 3 0 000 6z"></path>
              <path fill-rule="evenodd"
                d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z"
                clip-rule="evenodd"></path>
            </svg></button></div>
        <div class="absolute inset-y-0 left-0 flex items-center px-4 text-gray-300 pointer-events-none top-1.5 line-clamp-1 input-placeholder whitespace-nowrap">
          <div class="font-bold align-bottom"><span class="text-placeholder-sm">ex: </span><span class="text-placeholder-lg">45104</span></div>
        </div>
      </div>
    </div>
    <div class="flex justify-end"><a class="text-sm font-medium leading-5 text-gray-700" href="/forgot-pin">Forgot your PIN?</a></div>
  </div><button data-type="button" type="submit"
    class="transition duration-300 flex items-center justify-center border font-medium whitespace-nowrap border-transparent  px-3 w-full py-4 transition min-h-[60px] max-h-fit rounded-lg group bg-primary-dark focus-styles hover:bg-primary focus:bg-primary focus-visible:ring-primary shadow-lg">
    <div class="flex  justify-between w-full text-[14px] text-left text-white items-center ">
      <div class="mr-4 text-gray-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="false">
          <path stroke-linecap="round" stroke-linejoin="round"
            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25">
          </path>
        </svg></div><span class="self-center flex-1 mr-2 leading-none whitespace-normal line-clamp-2">Login</span>
      <div class="flex items-center justify-center w-8 h-8 bg-white rounded-full"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-primary-dark group-hover:text-primary" viewBox="0 0 24 24" fill="currentColor" aria-hidden="false">
          <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"></path>
        </svg></div>
    </div>
  </button>
</form>

POST

<form method="POST" class="space-y-4 p-2.5 bg-white"><a class="font-bold leading-7 text-gray-900 text-md">Sign in using Email Address</a>
  <div class="relative w-full ">
    <div class="flex justify-between mb-1"><label for="username" class="block text-sm font-medium leading-5 text-gray-700">Email address</label></div>
    <div class="shadow-sm flex w-full relative text-sm rounded-lg mt-2 ">
      <div class="relative flex flex-wrap items-stretch w-full"><input class="block border flex-grow rounded-lg w-full max-w-full text-sm h-[60px]  border-gray-300 focus-visible:border-primary focus-visible:ring-primary !appearance-none"
          id="username" name="username" placeholder="john.doe@example.com" type="text" aria-invalid="false" aria-describedby="username-description" value=""></div>
    </div>
  </div>
  <div class="relative w-full ">
    <div class="flex justify-between mb-1"><label for="password" class="block text-sm font-medium leading-5 text-gray-700">Password</label></div>
    <div class="shadow-sm flex w-full relative text-sm rounded-lg mt-2 ">
      <div class="relative flex flex-wrap items-stretch w-full">
        <div class="w-full"><input class="block border flex-grow rounded-lg w-full max-w-full text-sm h-[60px]  border-gray-300 focus-visible:border-primary focus-visible:ring-primary !appearance-none" id="password" name="password"
            placeholder="************" type="password" aria-invalid="false" aria-describedby="password-description" value="">
          <div class="absolute inset-y-0 right-0 flex items-center pr-4"><button data-type="button" type="button"
              class="transition duration-300 flex items-center justify-center border font-medium whitespace-nowrap border-transparent text-gray-400 "><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"
                aria-hidden="false">
                <path d="M12 15a3 3 0 100-6 3 3 0 000 6z"></path>
                <path fill-rule="evenodd"
                  d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z"
                  clip-rule="evenodd"></path>
              </svg></button></div>
        </div>
      </div>
    </div>
  </div>
  <div class="flex items-center justify-between ">
    <div>
      <div class="flex items-center space-x-2 "><button class="flex items-center cursor-pointer" type="button" tabindex="-1"><input tabindex="-1" id="rememberMe" name="rememberMe" type="checkbox" class="hidden">
          <div class=" m-1.5 border overflow-hidden flex items-center justify-center border-gray-300 rounded focus-styles w-5 h-5 bg-white text-primary"></div>
        </button>
        <div class="flex justify-between "><label for="rememberMe" class="block text-sm font-medium leading-5 text-gray-700">Remember me</label></div>
      </div>
    </div><a class="text-sm font-medium leading-5 text-gray-700" href="/forgot-password">Forgot your password?</a>
  </div><button data-type="button" type="submit"
    class="transition duration-300 flex items-center justify-center border font-medium whitespace-nowrap border-transparent  px-3 w-full py-4 transition min-h-[60px] max-h-fit rounded-lg group bg-primary-dark focus-styles hover:bg-primary focus:bg-primary focus-visible:ring-primary shadow-lg">
    <div class="flex  justify-between w-full text-[14px] text-left text-white items-center ">
      <div class="mr-4 text-gray-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="false">
          <path stroke-linecap="round" stroke-linejoin="round"
            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25">
          </path>
        </svg></div><span class="self-center flex-1 mr-2 leading-none whitespace-normal line-clamp-2">Login</span>
      <div class="flex items-center justify-center w-8 h-8 bg-white rounded-full"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-primary-dark group-hover:text-primary" viewBox="0 0 24 24" fill="currentColor" aria-hidden="false">
          <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"></path>
        </svg></div>
    </div>
  </button>
</form>

Text Content

Sign-in to
your account.
Sign in using Pin
Enter Last Name
ex: Scott
Enter Employee Pin #
ex: 45104
Forgot your PIN?

Login

Sign in using Email Address
Email address

Password

Remember me
Forgot your password?

Login



Appello