x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<div class="sign-up-page">
  <div class="content-container" id="content-container1">
    <div class="content" id="main-banner-content">
       <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/PassportLogo_main.png" alt="">
      <p class="title">
        <span class="bold">Supporting Startups Where and When it Matters Most</span></br>
Sign up for a free account to explore how Passport can help accelerate your business.
      </p>
    </div>
     
    </div>

<div class="form-container" id="sign-up-form-container">
  <div class="header">
     <div class="heading">Sign Up</div>
    <div class="existing-account">
      Already have an account? <span><a href="https://passport.theonevalley.com/login.action?os_destination=/site/pass">Login here</a></span>
    </div>
  </div>

  
  <div class="form">
    <div class="input-label">Full Name </div>
	<div class="err-msg name-error"> </div>
    <input type="text" id="name" oninput="document.getElementsByClassName('name-error')[0].innerText = ''">
     <div class="input-label">Email </div>
		<div class="err-msg email-error"> </div>
    <input type="email" id="email" oninput="document.getElementsByClassName('email-error')[0].innerText = ''">
     <div class="input-label">Password </div>
	<div class="err-msg password-error"> </div>
    <input type="password" id="password" oninput="document.getElementsByClassName('password-error')[0].innerText = ''">
     <div class="input-label">Confirm Password</div>
    <input type="password" id="password-confirm" oninput="document.getElementsByClassName('password-error')[0].innerText = ''">
  </div>

     
        <div class="conditions ">
            <label class="checkbox ">
                <input id="checkbox" type="checkbox" name="privacy" value="privacy" class="" onchange="toggleSubmitBtn()">
                <p class="conditions-message ">By signing up, you agree to our
                    <a href="http://support.theonevalley.com/en/articles/2546657-privacy-policy" target="_blank" rel="noopener noreferrer" class="external-link " data-ext-link-init="true">privacy policy</a> and
                    <a href="http://support.theonevalley.com/legal-and-privacy/terms-and-conditions" target="_blank" rel="noopener noreferrer" class="external-link " data-ext-link-init="true">terms and conditions</a>
                </p>
            </label>
        </div>

  <div class="footer">
    <button id="signupButton" onclick="registerUser()"><i id="signup-spinner" class="fa fa-spinner fa-spin"></i>Sign Up</button>
  </div>
</div>
  
  <div class="content-container" id="content-container2">
    <div class="content">
<p class="title">Passport connects entrepreneurs and emerging startups to savings on business tools, resources, and a global network of mentors, investors, and founders.</p>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/savings.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Savings
          </div>
          <div class="resources-card-description">
            Save money on tools and services to grow your business.
          </div>
		<div class="resources-card-sub-description">	
		Perks valued at over $950k.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/mentors.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Mentors
          </div>
          <div class="resources-card-description">
            Don't go at it alone – Tangible insights are a Zoom call away.
          </div>
<div class="resources-card-sub-description">	
		Choose from over 140175+ industry experts.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/resources.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Resources
          </div>
          <div class="resources-card-description make-bold">
            Latest resources across top categories at your fingertips.
          </div>
			<div class="resources-card-sub-description">	
		100+ vital resources, templates and videos.
		</div>
        </div>

      </div>
      <div class="resources-card">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/investors.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Investors
          </div>
          <div class="resources-card-description">
            Ready to raise funds? Connect with the right investors.
          </div>
<div class="resources-card-sub-description">	
		Over 450 VC's and investors to match with.
		</div>
        </div>

      </div>
      <div class="resources-card" style="margin: unset;">
        <div class="resources-card-left">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/Features+Icons/mentors.jpg" alt="">
        </div>
        <div class="resources-card-right">
          <div class="resources-card-title">
            Community
          </div>
          <div class="resources-card-description">
            Stay connected with webinars, pitch events, and the founder forum.
          </div>
<div class="resources-card-sub-description">	
		Connect with thousands of like-minded founders.
		</div>
        </div>

      </div>

      </div>
    </div>
    
  
  
  <div class="content-container" id="content-container3">
    <div class="title">Instant savings on hundreds of tools and services including: </div>
   <div id="perks-container">
		<div class="perkCards">
  <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/amazonwebservices.png" alt="AWS" style="width:100%" >          
        </div>

   <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/brex.jpg" alt="Brex" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/freshworks.png" alt="Freshworks" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/sendgrid.jpg" alt="Sendgrid" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/stripe.png" alt="Stripe" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/segment.png" alt="Segment" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/airtable.png"  alt="Airtable" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/Zoom+-+Blue.jpg"  alt="Zoom" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/amazonwebservices.png" alt="AWS" style="width:100%" >          
        </div>

   <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/brex.jpg" alt="Brex" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/freshworks.png" alt="Freshworks" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/sendgrid.jpg" alt="Sendgrid" style="width:100%" >          
        </div>

     <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/stripe.png" alt="Stripe" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/segment.png" alt="Segment" style="width:100%" >          
        </div>

    <div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/airtable.png"  alt="Airtable" style="width:100%" >          
        </div>
<div class="card">
          <img src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/Passport/sign-up-page/perks/Zoom+-+Blue.jpg"  alt="Zoom" style="width:100%" >          
        </div>
</div>
        </div>
   </div>
  
 <div class="content-container" id="content-container4">
    <div class="content" >
      
      <p class="title">
     Don't go at it alone. Passport supports the innovators, visionaries and hustlers who put it all on the line to build the next game-changing company. Sign-up to explore Passport today.
      </p>
    </div>
    </div>


</div>




...