"Untitled"
Bootstrap 4.1.1 Snippet by yuno

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> <head> <meta charset = "utf-8"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> </head> <body> <div class="d-flex justify-content-end"> <div class="p-2 bg-light">Bienvenue sur DEBSTEP</div> </div> <div class = "container"> <div class="card"> <div class="card-body"> <h3 class="card-title text-center">CONNEXION</h3><br><br> <form> <div class=" input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-at"></i></span> </div> <input type="text" class="form-control" id="email" placeholder="Entrez votre adresse email"> </div> <div class=" input-group form-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-key"></i></span> </div> <input type="text" class="form-control" id="password" placeholder="Entrez votre mot de passe"><br> </div> </form> <a href="#" class="btn btn-primary stretched-link">Se connecter</a><br> </div> </div> </div> </body> </html>
html,body{ background-image: url(https://media.gettyimages.com/photos/closeup-of-paper-currency-picture-id74903747); background-size: cover; background-repeat:no-repeat; height: 100%; font-family:Arial, sans-serif; } .d-flex{ margin-top: 1%; padding: 10px; font-size: x-large; font-family: Bookman, URW Bookman L, serif; font-weight: 800; } .card{ height: 380px; margin-top: 5%; margin-bottom: 1%; width: 400px; background-color: bisque; margin: 0 auto; float: none; } .input-group-prepend span{ width: 40px; background-color:salmon; color: black; border:0; } .btn{ background-color: salmon; } a:link {color: black;}

Related: See More

Material Dashboard Pro Angular

Questions / Comments: