"Login Luka Miletic"
Bootstrap 4.1.1 Snippet by lukamiletic

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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> </head> <body> <div class="login-card"> <h2>Login</h2> <form> <div class="mb-3"> <label for="username" class="form-label">Korisničko ime:</label> <input type="text" class="form-control" id="username" name="username" required> </div> <div class="mb-3"> <label for="password" class="form-label">Lozinka:</label> <input type="password" class="form-control" id="password" name="password" required> </div> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="remember"> <label class="form-check-label" for="remember">Zapamti me</label> </div> <button type="submit" class="btn btn-primary btn-submit">submit</button> </form> <hr> <div class="signup-link"> <a href="#">Sing up</a> </div> </div> </body> </html>
body { background: #e9ecef; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; } .login-card { background: white; width: 400px; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } h2 { margin-top: 0; margin-bottom: 20px; text-align: center; } .btn-submit { width: 100%; margin-top: 10px; } .signup-link { text-align: center; margin-top: 20px; } .signup-link a { text-decoration: none; } .signup-link a:hover { text-decoration: underline; }

Questions / Comments: