"inscription/sing up... in only one html file"
Bootstrap 4.1.1 Snippet by uranium93

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> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <title> inscription </title> <body> <div class="container"> <div class="form-row col-md-6" style="padding: 20px ; margin-top: 2%; margin-left: 26%; margin-right: 26%; margin-bottom: 10% ; background-color:hsla(240, 20%, 95%, 0.5)"> <div class="form-row " > <i> <form > <div class="form-row" > <div class="form-group col-md-12"> <span class="input-group-addon "> <label for="inputName4"> <i class="glyphicon glyphicon-user"></i></label> </span> <input type="text" class="form-control" id="inputName4" name ="name" placeholder="what's your name..."> </div> <div class="form-group col-md-12"> <span class="input-group-addon "> <label for="inputName4"> <i class="glyphicon glyphicon-star"></i></label> </span> <input type="text" class="form-control" id="inputuser4" name="user" placeholder="what's your username ..."> </div> <div class="form-group col-md-12"> <span class="input-group-addon "> <label for="inputName4"> <i class="glyphicon glyphicon-envelope"></i></label> </span> <input type="email" class="form-control" id="inputEmail4" name="email" placeholder="your email adress please..."> </div> <div class="form-group col-md-12"> <span class="input-group-addon "> <label for="inputName4"> <i class="glyphicon glyphicon-lock"></i></label> </span> <input type="password" class="form-control" id="inputPassword4" name="password" placeholder="humm password please ..."> </div> </div> </div> <div class="form-row" > <button type="submit" class="btn btn-primary " style="margin-left: 40%"> Sign in </button> </div> </form> </div> </div> </i> <div class="footer" style="background-color:hsla(195, 100%, 85%, 0.3)" ><center> hanafi abderrahmen 2019 </center></div> </body> </html>

Related: See More

Argon Design System
Input File - Popover Preview Image

Questions / Comments: