<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> <!------ Include the above in your HEAD tag ----------> <div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 backsecond"> <div class="backcolor"> <div class="row text-center"> <h1 Style="color:#4DC9FF;">Sign Up</h1> </div> <form> <div class="col-md-6 col-sm-6 textup"> <input type="text" class="form-control-signup" placeholder="First Name"> </div> <div class="col-md-6 col-sm-6 textup"> <input type="text" class="form-control-signup" placeholder="Last Name"> </div> <div class="col-md-12 col-sm-12 textup"> <input type="text" class="form-control-signup" placeholder="Username"> </div> <div class="col-md-12 col-sm-12 textup"> <input type="email" class="form-control-signup" placeholder="Email"> </div> <div class="col-md-12 col-sm-12 textup"> <input type="text" class="form-control-signup" placeholder="Phone Number"> </div> <div class="col-md-12 textup"> <p style="font-size:10px"><span style="color:white;">By submitting this form, you agree to </span><a href="" style="color:#4DC9FF">WaLia Terms and Conditions</a><span style="color:white;"> and </span><a href="" style="color:#4DC9FF">Privacy Policy</a><span style="color:white;"> and allow us to contact you by email and SMS for transtactions and notifications.</span></p> </div> <div class="col-md-12 col-sm-12"> <a href="#"><button type="btn" class="btn-signup form-control">Sign Up</button></a><br> <p align="center" style="font-size:13px; color:white;">You a Have Account ? <a href="#" style="color:#4DC9FF; font-weight:bold;">Log In</a> </div> </form> </div> </div>

.textup { margin-top:10px; margin-bottom:10px; } .btn-signup { color:white; background-color: #4DC9FF; border: 1px solid #4DC9FF; border-radius: 4px; padding: 4px 10px; margin-top: 10px; margin-left: 5px; } .backsecond { margin-top: 60px; margin-bottom:60px; background-color: black; border-radius: 12px; border: 1px solid transparent; } .form-control-signup { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: white; background-color: black; background-image: none; border: 1px solid #454545; border-radius: 4px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }