<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container" > <div class="row"> <div class="col-md-4" style="background:#e2e2e2"> <h3></h3> <input class="name" name="username" placeholder="First Name" required="" type="text"> <input class="name" name="phoneno" placeholder="Phone No." required="" type="text"> <input class="email" placeholder="E-Mail" name="email" required="" type="email"> <input class="password" placeholder="Password" name="password" required="" type="password"> <input class="password" placeholder="Confirm Password" name="password" required="" type="password"> <input value="Register" type="submit"> </div> </div> </div>

input[type="text"], input[type="password"], input[type="email"] { width: 100%; padding: 2% 3%; border: 1px solid #aa6f71; outline: none; font-size: 1em; margin-bottom: 1.2%; color: #000; font-family: 'Roboto', sans-serif; } input[type="submit"] { padding: 2.9% 0%; border: 1px solid #aa6f71; width: 54%; outline: none; font-size: 1em; letter-spacing: 1px; font-weight: 600; color: #fff; background: #aa6f71; text-transform: uppercase; cursor: pointer; margin: 1% 0em 7.5%; transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; font-family: 'Roboto', sans-serif; }