Skip to content

Instantly share code, notes, and snippets.

@jcolemorrison jcolemorrison/_signup.scss
Last active Aug 29, 2015

Embed
What would you like to do?
Building an Angular and Express App Part 2 - Base Signup Files
.signup-container{
margin-top: 5em;
}
.signup-header{
text-align: center;
color: $gray-light;
margin-bottom: 1em;
}
<div class="signup-container">
<div class="col-md-12">
<h3 class="signup-header">Signup as a New User</h3>
<hr>
<br>
</div>
<div class="signup-form">
<form class="form-horizontal">
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="firstname">First Name</label>
<div class="col-md-5">
<input id="firstname" name="firstname" type="text" placeholder="Cole" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="lastname">Last Name</label>
<div class="col-md-5">
<input id="lastname" name="lastname" type="text" placeholder="Morrison" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="email">Email</label>
<div class="col-md-5">
<input id="email" name="email" type="text" placeholder="me@jcolemorrison.com" class="form-control input-md">
</div>
</div>
<!-- Password input-->
<div class="form-group">
<label class="col-md-4 control-label" for="password1">Password</label>
<div class="col-md-5">
<input id="password1" name="password1" type="password" placeholder="" class="form-control input-md">
</div>
</div>
<!-- Password input-->
<div class="form-group">
<label class="col-md-4 control-label" for="password2">Retype Password</label>
<div class="col-md-5">
<input id="password2" name="password2" type="password" placeholder="" class="form-control input-md">
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="signup"></label>
<div class="col-md-5">
<button id="signup" name="signup" class="btn btn-success btn-block">Signup!</button>
</div>
</div>
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.