<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col col-md-5">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">
Create an account
</h4>
</div>
<div class="modal-body">
<form novalidate="novalidate" id="formSignUp">
<div id="errorSignUp">
</div>
<div class="form-group">
<label class="control-label" for="email">Email</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input class="form-control" placeholder="email@example.com" name="emailSignUp" id="emailSignUp" type="email">
</div>
</div>
<div class="form-group">
<label class="control-label" for="password">Password</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
<input class="form-control" placeholder="password" name="passwordSignUp" id="passwordSignUp" type="password">
</div>
</div>
