"/login center xy"
Bootstrap 4.1.1 Snippet by munja

<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 ----------> <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 ----------> <body> <div class="flex-center position-ref full-height"> <div class="col-md-11 container-fluid"> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="row"> <div class="col-md-12 border p-3 w-100 center-content"> <form role="form" method="POST" action="https://www.meetnet.xyz/login "> <div class="form-group"> <input type="hidden" name="_token" value=""> <label for="email"> Username or Email </label> <input id="login " type="text" class="form-control form-control" name="login" value="" required autofocus> </div> <div class="form-group"> <label for="password"> Password </label> <input id="password" type="password" class="form-control form-control " name="password" required autocomplete="current-password"> </div> <div class="form-check" style="padding-bottom:10px;"> <input class="form-check-input" type="checkbox" name="remember" id="remember"> <label class="form-check-label" for="remember"> Remember Me </label> </div> <button type="submit" class="btn btn-primary"> Log in </button> <a class="btn btn-link" href="https://www.meetnet.xyz/password/reset"> Forgot Your Password? </a> </form> </div> </div> </div> </div> </div> </div> </body>
body { background-color: #eee; height:100%; } .btn-link { font-size: 13px; } .position-ref { position: relative; } .flex-center { align-items: center; display: flex; justify-content: center; } .full-height { height: 100vh; }

Related: See More


Questions / Comments: