"Untitled"
Bootstrap 4.1.1 Snippet by ton1

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 ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css"> <!-- Website CSS style --> <link rel="stylesheet" type="text/css" href="assets/css/main.css"> <!-- Website Font style --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <!-- Google Fonts --> <link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <title>Admin</title> </head> <body> <div class="main-login main-center"> <form class="form-horizontal" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">ชื่อผู้ใช้</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="ชื่อผู้ใช้ "/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">E-mail</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="อีเมล"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">รหัสผ่าน</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="รหัสผ่าน"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">ยื่นยันรหัสผ่าน</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="ใส่รหัสผ่านอีกครั้ง"/> </div> </div> </div> <div class="form-group "> <button type="button" class="btn btn-primary btn-lg btn-block login-button">ตกลง</button> </div> <div class="login-register"> <a href="index.php">Connexion</a> </div> </form> </div> </div> </div> <script type="text/javascript" src="assets/js/bootstrap.js"></script> </body> </html>

Related: See More

Rubik Presentation Page

Questions / Comments: