"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 lang ="fr"> <head> <meta charset="utf-8"> <title>Gestion de dettes en ligne gratuitement | DEBTSTEP</title> </head> <body> <nav class="navbar navbar-light bg-info"> <a class="navbar-brand" href="#"> <img src="image/debtstep.png" width="10" height="10" alt="Debtstep"/> </a> <div class="alert alert-primary" role="alert"> <a href="#" class="alert-link">PAGE1</a> </div> <div class="alert alert-primary" role="alert"> <a href="#" class="alert-link">PAGE2</a> </div> <div class="alert alert-primary" role="alert"> <a href="#" class="alert-link">PAGE3</a> </div> </nav> <div> <h3><p class = "text-right">AVEC DEBSTEP , GEREZ VOS DETTES ET PRETS !</p></h3> </div> <div class = "right"> <a class="btn btn-primary" href="#" role="button">SE CONNECTER</a> <a class="btn btn-primary" href="#" role="button">S'INSCRIRE</a> </div> </body> </html>
.alert { margin-right: 80%; padding: 20px; margin-left: 2%; display:inline-block } .alert{ margin-right: 20% ; padding: 20px; display: inline-block; } .alert{ margin-right:20% ; padding: 20px; display:inline-block; } .text-right{ margin-top: 10%; margin-right: 5%; } .right { position: absolute; right: 0px; width: 300px; padding: 10px; } html,body { background-image:"image/calcul.jpg"; background-repeat: no-repeat; background-size: cover; }

Related: See More

Now UI Dashboard React

Questions / Comments: