2017-04-27 15:29:31 +01:00
< div class = "app flex-row align-items-center" >
< div class = "container" >
< div class = "row justify-content-center" >
< div class = "col-md-6" >
< div class = "card mx-4" >
< div class = "card-block p-4" >
2017-05-09 17:43:48 +01:00
< form [ formGroup ] = " signup " ( ngSubmit ) = " onSubmit ( ) " >
2017-04-27 15:29:31 +01:00
< h1 > Register< / h1 >
< p class = "text-muted" > Create your account< / p >
< div class = "input-group mb-3" >
2017-05-09 13:39:48 +01:00
< span class = "input-group-addon" > < i class = "icon-key" > < / i > < / span >
< input type = "text" class = "form-control" placeholder = "Token" >
< / div >
< div class = "input-group mb-3" >
2017-04-27 15:29:31 +01:00
< span class = "input-group-addon" > < i class = "icon-user" > < / i > < / span >
< input type = "text" class = "form-control" placeholder = "Username" >
< / div >
2017-05-09 13:39:48 +01:00
< div class = "input-group mb-3" >
< span class = "input-group-addon" > < i class = "icon-user" > < / i > < / span >
< input type = "text" class = "form-control" placeholder = "Full Name" >
< / div >
2017-04-27 15:29:31 +01:00
< div class = "input-group mb-3" >
< span class = "input-group-addon" > @< / span >
< input type = "text" class = "form-control" placeholder = "Email" >
< / div >
2017-05-09 13:39:48 +01:00
< div class = "input-group mb-3" >
< span class = "input-group-addon" > < i class = "icon-user" > < / i > < / span >
< input type = "text" class = "form-control" placeholder = "Postcode" >
< / div >
< div class = "input-group mb-3" >
2017-05-09 17:43:48 +01:00
< span class = "input-group-addon" > Age Range< / span >
< select class = "form-control" type = "text" formControlName = "age_range" >
< option * ngFor = "let range of ageRanges" [ value ] = " range . id " > {{ range.string }}< / option >
2017-05-09 13:39:48 +01:00
< / select >
< / div >
2017-04-27 15:29:31 +01:00
< div class = "input-group mb-3" >
< span class = "input-group-addon" > < i class = "icon-lock" > < / i > < / span >
< input type = "password" class = "form-control" placeholder = "Password" >
< / div >
< div class = "input-group mb-4" >
< span class = "input-group-addon" > < i class = "icon-lock" > < / i > < / span >
< input type = "password" class = "form-control" placeholder = "Repeat password" >
< / div >
< button type = "button" class = "btn btn-block btn-success" > Create Account< / button >
2017-05-09 17:43:48 +01:00
< / form >
< / div >
2017-04-27 15:29:31 +01:00
< / div >
< / div >
< / div >
< / div >
< / div >