"login and signup page"
Bootstrap 4.1.1 Snippet by Trends WD

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 ----------> <!DOCTYPE html> <html lang="en"> <title>Sign up facundo farm & resort</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <head> <script src="jquery/jquery.min.js"></script> <!---- jquery link local dont forget to place this in first than other script or link or may not work ----> <link rel="stylesheet" href="css/bootstrap.min.css"> <!---- boostrap.min link local -----> <link rel="stylesheet" href="css/style.css"> <!---- boostrap.min link local -----> <script src="js/bootstrap.min.js"></script> <!---- Boostrap js link local -----> <link rel="icon" href="images/icon.png" type="image/x-icon" /> <!---- Icon link local -----> <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> <!---- Font awesom link local -----> </head> <body> <div class="container-fluid"> <div class="container"> <h2 class="text-center" id="title">Facundo farm and Resort</h2> <p class="text-center"> <small id="passwordHelpInline" class="text-muted"> Developer: follow me on facebook <a href="https://www.facebook.com/JheanYu"> John niro yumang</a> inspired from <a href="https://p.w3layouts.com/">https://p.w3layouts.com/</a>.</small> </p> <hr> <div class="row"> <div class="col-md-5"> <form role="form" method="post" action="register.php"> <fieldset> <p class="text-uppercase pull-center"> SIGN UP.</p> <div class="form-group"> <input type="text" name="username" id="username" class="form-control input-lg" placeholder="username"> </div> <div class="form-group"> <input type="email" name="email" id="email" class="form-control input-lg" placeholder="Email Address"> </div> <div class="form-group"> <input type="password" name="password" id="password" class="form-control input-lg" placeholder="Password"> </div> <div class="form-group"> <input type="password" name="password2" id="password2" class="form-control input-lg" placeholder="Password2"> </div> <div class="form-check"> <label class="form-check-label"> <input type="checkbox" class="form-check-input"> By Clicking register you're agree to our policy & terms </label> </div> <div> <input type="submit" class="btn btn-lg btn-primary value="Register"> </div> </fieldset> </form> </div> <div class="col-md-2"> <!-------null------> </div> <div class="col-md-5"> <form role="form"> <fieldset> <p class="text-uppercase"> Login using your account: </p> <div class="form-group"> <input type="email" name="username" id="username" class="form-control input-lg" placeholder="username"> </div> <div class="form-group"> <input type="password" name="password" id="password" class="form-control input-lg" placeholder="Password"> </div> <div> <input type="submit" class="btn btn-md" value="Sign In"> </div> </fieldset> </form> </div> </div> </div> <p class="text-center"> <small id="passwordHelpInline" class="text-muted"> Developer:<a href="http://www.psau.edu.ph/"> Pampanga state agricultural university ?</a> BS. Information and technology students @2017 Credits: <a href="https://v4-alpha.getbootstrap.com/">boostrap v4.</a></small> </p> </div> </body> </html>
body {background-color:#eee;} .container-fluid {padding:50px;} .container{background-color:white;padding:50px; } #title{font-family: 'Lobster', cursive;;}

Related: See More

Paper Kit 2
Elegant Login Page
My Awesome Login Page
Signup form

Questions / Comments: