"Sign up From"
Bootstrap 4.1.1 Snippet by kumarsk96

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <html> <head> <title>Signup</title> <link rel="stylesheet" href="css/style1.css"> </head> <body> <h2> Signup From</h2> <form action="signup.php" method="post" style="border:3px solid #ccc"> <div class="container"> <label><b>Email</b></label> <input type="text" placeholder="Email" > <label><b>Password</b></label> <input type="text" placeholder="Password" > <label><b>Re password</b></label> <input type="text" placeholder="Repassword" > <input type="checkbox" checked="checked">Remember <p> By create an account you agree to our <a href="#">Terms & Privacy</a></p> </div> <div class="clearfix"> <button type="cancel" class="btncan">Cancel</button> <button type="Signup"class="btnsign">Signup</button> </div> </div> </form> </body> </html>
.container{ padding:16px; } input[type=text],input[type=password]{ width:100%; padding:12px 20px; margin:8px 0; display:inline-block; box-sizing:border-box; } button{ background-color:#4caF50; color:white; padding:14px 20px; margin:8px 0; border:none; cursor:pointer; width:100%; } .btncan{ padding:14px 20px; background-color:red; } .btncan,.btnsign{ float:left; width:50%; } .clearfix::after{ content:""; clear:both; display:table; } @media screen and (max-width:300px){ .btncan,.btnsign{ width:100%; } }

Related: See More

Vue Light Bootstrap Dashboard PRO
sign up 2
Bootstrap 4.11 sign in form
Sign up form [Validations NOT ACHIEVED]

Questions / Comments: