"Sign up 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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> </head> <body> <div class="signup-card"> <h2>Sign up</h2> <form> <div class="mb-3"> <label for="name" class="form-label">Ime:</label> <input type="text" class="form-control" id="name" name="name" required> </div> <div class="mb-3"> <label for="surname" class="form-label">Prezime:</label> <input type="text" class="form-control" id="surname" name="surname" required> </div> <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> </div> </body> </html>
body { background: #e9ecef; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; } .signup-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; }

Questions / Comments: