join.swile.co Open in urlscan Pro
13.224.189.88  Public Scan

Form analysis
1 forms found in the DOM

#

<form action="#" class="flex">
  <div class="flex w-full flex-1 flex-col justify-between gap-24 px-20 pb-32 xs:flex-none xs:px-0 xs:pb-0">
    <div class="flex flex-col justify-between gap-24">
      <div>
        <h1 class="antialiased m-0 text-content-default dark:text-content-default-dark [display:inherit] font-heading text-28 font-normal leading-8 tracking-normal [text-align:inherit] mb-16" mb="16"><span
            class="antialiased m-0 inline font-heading text-28 font-normal leading-8 tracking-normal [text-align:inherit] text-[--text-color] dark:text-[--text-color]" style="--text-color: #FF2055;"> Hello! </span> <br> Shall we create your Swile
          account?</h1>
      </div>
      <div class="flex flex-col gap-16">
        <div class="[&amp;>div]:bg-background-overlay [&amp;>div]:dark:bg-background-overlay-dark [&amp;_input]:text-content-disabled [&amp;_input]:dark:text-content-disabled-dark">
          <div class="m-2 flex min-h-56 rounded-md text-content-disabled dark:text-content-disabled-dark bg-background-contrast dark:bg-background-contrast-dark">
            <div class="relative flex w-full flex-col px-16 py-8 justify-end"><label
                class="antialiased m-0 [display:inherit] font-sans text-[0.8125rem] leading-4 font-medium [text-align:inherit] text-content-placeholder dark:text-content-placeholder-dark absolute left-0 w-[calc(100%-2rem)] transition-all duration-300 ease-in-out px-16 py-8 top-0"
                for="email">E-mail</label><input id="email" aria-invalid="false" readonly="" required="" name="email" type="email" autocomplete="email"
                class="text-content-default dark:text-content-default-dark disabled:text-content-disabled dark:disabled:text-content-disabled-dark m-0 h-20 w-full border-none bg-transparent p-0 outline-none disabled:cursor-not-allowed placeholder:text-transparent font-sans text-16 leading-6"
                value="f.mermet@alleo.fr"></div>
          </div>
        </div>
        <div>
          <div class="text-content-default dark:text-content-default-dark bg-background-overlay dark:bg-background-overlay-dark m-2 flex min-h-56 rounded-md">
            <div class="relative flex w-full flex-col px-16 py-8 justify-end"><label
                class="antialiased m-0 [display:inherit] font-sans text-[0.8125rem] leading-4 font-medium [text-align:inherit] text-content-placeholder dark:text-content-placeholder-dark absolute left-0 w-[calc(100%-2rem)] transition-all duration-300 ease-in-out px-16 py-8 top-0"
                for="lastname">Last name</label><input id="lastname" aria-invalid="false" required="" name="lastname" autocomplete="family-name"
                class="text-content-default dark:text-content-default-dark disabled:text-content-disabled dark:disabled:text-content-disabled-dark m-0 h-20 w-full border-none bg-transparent p-0 outline-none disabled:cursor-not-allowed placeholder:text-transparent font-sans text-16 leading-6"
                value="MERMET"></div>
          </div>
        </div>
        <div>
          <div class="text-content-default dark:text-content-default-dark bg-background-overlay dark:bg-background-overlay-dark m-2 flex min-h-56 rounded-md">
            <div class="relative flex w-full flex-col px-16 py-8 justify-end"><label
                class="antialiased m-0 [display:inherit] font-sans text-[0.8125rem] leading-4 font-medium [text-align:inherit] text-content-placeholder dark:text-content-placeholder-dark absolute left-0 w-[calc(100%-2rem)] transition-all duration-300 ease-in-out px-16 py-8 top-0"
                for="firstname">First name</label><input id="firstname" aria-invalid="false" required="" name="firstname" autocomplete="given-name"
                class="text-content-default dark:text-content-default-dark disabled:text-content-disabled dark:disabled:text-content-disabled-dark m-0 h-20 w-full border-none bg-transparent p-0 outline-none disabled:cursor-not-allowed placeholder:text-transparent font-sans text-16 leading-6"
                value="Florian"></div>
          </div>
        </div>
        <div>
          <p class="antialiased m-0 text-content-default dark:text-content-default-dark [display:inherit] font-sans text-16 leading-6 [text-align:inherit] !inline w-full">Why do we need
            <a class="antialiased m-0 [display:inherit] font-sans text-16 leading-6 [text-align:inherit] transition ease-in-out duration-200 hover:!text-interactive-primary-hover dark:hover:!text-interactive-primary-hover-dark !inline cursor-pointer text-content-default underline dark:text-content-default-dark"> this information </a>
            ?</p>
        </div>
      </div>
    </div><button
      class="inline-flex items-center font-medium no-underline border-solid antialiased focus:outline-none focus-visible:shadow-[0_0_0_3px_theme(colors.background-default),0_0_0_5px_theme(colors.content-default)] dark:focus-visible:shadow-[0_0_0_3px_theme(colors.background-default-dark),0_0_0_5px_theme(colors.content-default-dark)] w-[var(--width,inherit)] text-content-above-primary dark:text-content-above-primary-dark bg-interactive-primary-default dark:bg-interactive-primary-default-dark hover:bg-interactive-primary-hover dark:hover:bg-interactive-primary-hover-dark active:bg-interactive-primary-pressed dark:active:bg-interactive-primary-pressed-dark bg-gradient-to-r from-[#d9d9d9]/20 to-[#d9d9d9]/0 text-16 leading-6 py-10 px-20 min-h-48 rounded-12 justify-center"
      type="button">Continue</button>
  </div>
</form>

Text Content

Help


HELLO!
SHALL WE CREATE YOUR SWILE ACCOUNT?

E-mail
Last name
First name

Why do we need this information ?

Continue
Legal NoticePrivacy policyTerms of UseCookiesSitemap