"Login Form [BKJR]"
Bootstrap 4.1.1 Snippet by akmalkamaruddin

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ---------->
<!--
* parallax_login.html
* @Tested on FF && CH
* @package PARALLAX LOGIN.
-->
<script src="http://mymaplist.com/js/vendor/TweenLite.min.js"></script>
<body>
<div class="container">
<div class="row vertical-offset-100">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row-fluid user-row">
<img src="http://digitallibrary.bankrakyat.com.my/images/f95458066a6325b7b8e768ccbbb37ee4.png" class="img-responsive" width="280" height="180" alt="Conxole Admin"/>
</div>
</div>
<div class="panel-body">
<form accept-charset="UTF-8" role="form" class="form-signin">
<fieldset>
<p> <h4>Please Login</h4></p>
<label class="panel-login">
<div class="login_result"></div>
</label>
<form method="post" action="$PORTAL_ACTION$">
<input class="form-control" name="auth_user" type="text" placeholder="Username"style="border:2px dashed;" size="20">
<input class="form-control" name="auth_pass" type="password" placeholder="Password"style="border:2px dashed;" size="20">
<input class="form-control" name="auth_voucher" type="text" placeholder="Voucher" style="border:2px dashed;" size="20">
<input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$">
<input class="btn btn-lg btn-success btn-block" name="accept" type="submit" value="Login">
</form>
</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/**
* parallax.css
* @package PARALLAX LOGIN.
*/
body {
background-color: #444;
background: url(https://pbs.twimg.com/media/Bp59Ao0CYAAd2HW.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
.form-signin input[type="text"] {
margin-bottom: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 8px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.form-signin .form-control {
position: relative;
font-size: 14px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
height: auto;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical-offset-100 {
padding-top: 100px;
}
.img-responsive {
display: block;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: