<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.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> <!-- Brand --> <a class="navbar-brand" href="#">COFI</a> <!-- Links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Systeme</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Aide</a> </li> <!-- Dropdown --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> Se connecter </a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Agent</a> <a class="dropdown-item" href="#">Responsable</a> <a class="dropdown-item" href="#">Administrateur</a> </div> </li> </ul> </nav> <div class="fadeIn first"> <img src="" /> </div> <div class="wrapper fadeInDown"> <div id="formContent"> <!-- Login Form --> <form> <ol> <input type="text" id="login" class="fadeIn second" name="login" placeholder="Identifiant"> </ol> <ol> <input type="text" id="password" class="fadeIn third" name="login" placeholder="Mot de passe"> </ol> <ol> <input type="submit" class="fadeIn fourth" value="S'identifier"> </ol> </form> </div> </div>

/* BASIC */ html { background-color: #56baed; } body { font-family: "Poppins", sans-serif; height: 100vh; } a { color: #92badd; display:inline-block; text-decoration: none; font-weight: 400; } h2 { text-align: center; font-size: 16px; font-weight: 600; text-transform: uppercase; display:inline-block; margin: 40px 8px 10px 8px; color: #cccccc; }