<div class="onboarding-container">
    <div class="container">
        <div class="row">

			<div class="col col-sm-6">
				<div class="sidebar">

					<img class="logo img-responsive" src="/assets/img/logo-color.png"/>

					<div class="stage-1">
						<p>Let's set up your account</p>
						<div class="form-group">
							<label for="stage-1-firstname">Firstname</label>
							<input id="stage-1-firstname" type="text" value="" class="form-control" />
							<small class="form-text text-muted">Nickname or otherwise</small>
						</div>
						<div class="form-group">
							<label for="stage-1-lastname">Lastname</label>
							<input id="stage-1-lastname" type="text" value="" class="form-control" />
							<small class="form-text text-muted">Usually not the same as your firstname</small>
						</div>
						<div class="form-group mt-5">
							<div id="stage-1-next" class="btn btn-success">Next &rarr;</div>
						</div>
					</div>

					<div class="stage-2">
						<h2>Password</h2>
						<div class="form-group">
							<label for="stage-2-password">Choose Password</label>
							<input id="stage-2-password" type="password" value="" class="form-control" />
							<small class="form-text text-muted">Between 6 and 50 characters</small>

						</div>
						<div class="form-group">
							<label for="stage-2-password-confirm">Confirm Password</label>
							<input id="stage-2-password-confirm" type="password" value="" class="form-control" />
							<small class="form-text text-muted">Re-type your chosen password</small>
						</div>
						<div class="form-group mt-5">
							<div id="stage-2-next" class="btn btn-success">Sign In &rarr;</div>
						</div>
					</div>

					<div class="stage-3">
						<h1>Please Wait</h1>
						<p>Signing you in...</p>
					</div>

				</div>
			</div>

        </div>
    </div>
</div>

