oxil-net1/hugo/layouts/shortcodes/content/register/byinvitation.html

Oxford Information Labs Netistrar Theme

<div class="black white-text pt1 pb3 px1 px2l"><h1 class="f2 normal text-center white-text pb1">Welcome to {{.Site.Title}}</h1>
  <div class="ge-text f5 thin px1 text-center">Security settings and access control.</div>
</div>

<div class="greendarker white-text"><div class="grid py2 px1 px2l text-center">You have been invited to join Oxford Cyber by Test Name.  To gain access please provide the following security details.</div>
</div>
<div class="grid grid-desktop white my4 px1 px2l">

  <form action="">
    <div class="pb2 pb1l flex-grid align-center">
      <div class="w-50">
        <label class="text-right-lg blk pr4l bold pb050 pb025l" >Your email address?</label>
        <p class="vsmall g8-text pr4l text-right-lg ">This is the email address provided by your administrator.</p>
      </div>
      <div class="flex1 bor1 borcc p075">
        test@testemail.com
      </div>

    </div>
    <div class="pb2 pb1l flex-grid">
      <div class="w-50">

        <label for="password" class="text-right-lg blk pr4l bold pb050 pb025l">Choose a password</label>
        <p class="vsmall g8-text pr4l text-right-lg">This is your main security password - keep this secret.</p>
      </div>
      <div class="flex1">
        <input id="password" class="password-field w" type="password" placeholder="**********" required="true" autocomplete="new-password">
      </div>

    </div>
    <div class="pb2 pb1l flex-grid">
      <div class="w-50">
        <label class="text-right-lg blk pr4l bold pb050 pb025l" for="correspondencename">What shall we call you?</label>
        <p class="vsmall g8-text pr4l text-right-lg">This may be a personal, department, brand or other name for us address you.</p>
      </div>
      <div class="flex1">
        <input id="correspondencename" type="text" class="correspondencename-field w" title="No special characters" pattern="[A-Za-z0-9]+"
               placeholder="e.g. John Smith" required="true" autocomplete="false" >
      </div>

    </div>

    <div class="pb2 flex-grid" data-state="hide">
      <div class="w-50"></div>
      <div class="flex1">
        <div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div>
      </div>

    </div>

    <div class="flex-grid" >
      <div class="w-50"></div>
      <div class="flex1 small ">
        <label class="rcheck aleft blk mb2 ">I agree to be bound by the&nbsp;<a href="/terms/">Terms and
          Conditions</a> and <a href="/privacy/">Privacy Policy</a>.
          <input type="checkbox" checked="checked">
          <span class="checkmark"></span>
        </label>
        <!--        <label class="rcheck aleft blk">In addition to receiving security and account notifications, I'd like to here about <b>new features, products, offers and other news from Oxford-->
        <!--        Cyber.</b>-->

        <!--        <input type="checkbox" >-->
        <!--        <span class="checkmark"></span>-->
        <!--      </label>-->
      </div>


    </div>
    <div class="flex-grid ">
      <div class="w-50"></div>
      <div class="flex1">
        <div class="pt2">
          <button type="submit" class="submit-button but butgn chevron-right w" >Complete registration</button>
          <button type="submit" class="hidden-submit" data-state="hide">Hidden</button>
        </div>
        <div class="red-text" data-state="hide">An error occurred during registration, please try again later.</div>

      </div>

    </div>


  </form>




</div>