www.ramp-login.com Open in urlscan Pro
172.67.198.222  Public Scan

Form analysis
2 forms found in the DOM

<form id="loginForm" class="  space-y-4 w-full">
  <h1 class="text-[28px] w-full font-medium text-left mb-6">Welcome to Ramp</h1>
  <!-- Email поле -->
  <div>
    <div class="relative">
      <input type="email" id="emailInput" name="email" class="w-full border border-gray-300 peer placeholder-transparent focus:outline-none focus:border-gray-400 !disabled:bg-[rgb(252,251,250)] pt-6 pb-1 px-3" placeholder="Email address (required)">
      <label class="absolute pointer-events-none left-3 top-1 px-1 text-sm text-gray-500 transition-all 
                                    peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-500 peer-placeholder-shown:top-4 peer-placeholder-shown:left-3
                                    peer-focus:top-1 peer-focus:left-3 peer-focus:text-sm peer-focus:bg-transparent"> Email address * </label>
      <div id="emailError" class="text-red-700 text-sm mt-1"></div>
      <div class="text-red-500 text-sm mt-1"></div>
    </div>
  </div>
  <!-- Пароль -->
  <div id="passwordSection" class="hidden transform transition-all duration-300 opacity-0">
    <div class="relative">
      <input type="password" id="passwordInput" name="password" class="w-full border border-gray-300 peer placeholder-transparent focus:outline-none focus:border-gray-400 !disabled:bg-[rgb(252,251,250)] pt-6 pb-1 px-3"
        placeholder="Password (required)">
      <label class="absolute pointer-events-none left-3 top-1 px-1 text-sm text-gray-500 transition-all 
                                    peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-500 peer-placeholder-shown:top-4 peer-placeholder-shown:left-3
                                    peer-focus:top-1 peer-focus:left-3 peer-focus:text-sm peer-focus:bg-transparent"> Password (required) </label>
      <button type="button" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700" id="togglePassword">
        <!-- Иконка для показа пароля (глаз открыт) -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 show-password" viewBox="0 0 20 20" fill="currentColor">
          <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
          <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path>
        </svg>
        <!-- Иконка для скрытия пароля (глаз закрыт) -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 hide-password hidden" viewBox="0 0 20 20" fill="currentColor">
          <path fill-rule="evenodd"
            d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z"
            clip-rule="evenodd"></path>
          <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"></path>
        </svg>
      </button>
    </div>
  </div>
  <!-- Ссылки -->
  <div id="linksSection" class="hidden transform transition-all duration-300 opacity-0 flex justify-between text-sm">
    <a href="#" class="text-gray-600 hover:text-gray-800 flex items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 kuxrbz RyuIconSvg RyuIconSvg--arrow-left RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
                        Use a different email</a>
    <a href="#" class="text-gray-600 hover:text-gray-800">Reset password</a>
  </div>
  <!-- Кнопка входа -->
  <button type="submit" id="submitButton" class="w-full bg-[#e8fb5a] hover:bg-[#e0f34a] py-3 font-medium relative"> Continue <span id="lastUsedBadge"
      class="hidden absolute right-3 top-1/2 -translate-y-1/2 bg-gray-800 text-white text-xs px-2 py-0.5">Last used</span>
  </button>
  <p id="signUpText" class="mt-2 text-sm text-gray-600"> Looking to get started with Ramp for your business? <a href="#" class="text-gray-900 hover:underline">Sign up →</a>
  </p>
  <!-- Разделитель -->
  <div id="dividerSection" class="hidden transform transition-all duration-300 opacity-0 text-center text-sm text-gray-500 my-4">or</div>
  <!-- Google кнопка -->
  <button type="button" id="googleButton" class="hidden transform transition-all duration-300 opacity-0 w-full border border-gray-300 py-3 flex items-center justify-center space-x-2">
    <img src="https://www.google.com/favicon.ico" alt="Google" class="w-4 h-4">
    <span>Sign in with Google</span>
  </button>
</form>

<form id="verificationForm" class="space-y-4 w-full">
  <div class="flex items-center mb-4 border border-gray-300  px-2 py-4">
    <label class="flex items-center cursor-pointer">
      <input type="checkbox" id="trustDevice" class="hidden" name="trustDevice">
      <span class="w-5 h-5 border border-gray-300 rounded flex items-center justify-center mr-2 transition-colors duration-200 peer-checked:bg-green-500">
        <svg class="w-3 h-3 text-white hidden" id="checkmark" viewBox="0 0 20 20" fill="currentColor">
          <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
        </svg>
      </span> Trust this device? </label>
  </div>
  <div class="flex gap-4">
    <div class="flex-grow">
      <input type="text" id="verificationCodeInput" name="verificationCode" class="w-full border border-gray-300 focus:outline-none focus:border-gray-400 py-3 px-3" placeholder="Enter verification code">
    </div>
    <button type="button" id="resendCode" class="text-gray-600 hover:text-gray-900 border border-gray-300 px-2 py-2 flex items-center gap-2">
      <svg class="w-6 h-6 text-gray-800 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.651 7.65a7.131 7.131 0 0 0-12.68 3.15M18.001 4v4h-4m-7.652 8.35a7.13 7.13 0 0 0 12.68-3.15M6 20v-4h4"></path>
      </svg> Resend code </button>
  </div>
  <div id="verificationError" class="text-red-500 text-sm mt-1"></div>
  <button type="submit" id="verifyButton" class="w-fit bg-[#e8fb5a] hover:bg-[#e0f34a] py-3 px-6 font-medium flex items-center gap-3"> Verify <svg class="w-6 h-6 text-gray-800" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24"
      height="24" fill="none" viewBox="0 0 24 24">
      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 12H5m14 0-4 4m4-4-4-4"></path>
    </svg>
  </button>
</form>

Text Content

WELCOME TO RAMP

Email address *


Password (required)
Use a different email Reset password
Continue Last used

Looking to get started with Ramp for your business? Sign up →

or
Sign in with Google


VERIFY YOUR ACCOUNT

We've sent a verification code to . Enter the code to verify your account.

If you've lost access to this email, contact your team admin. If you still need
help, contact support.

Trust this device?

Resend code

Verify


AUTHENTICATION UNAVAILABLE

Unfortunately, Google authentication is temporarily unavailable. Please try
again later or use another sign-in method.

Got it