"Simple login"
Bootstrap 3.2.0 Snippet by JGoodwillieV

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<!--Pulling Awesome Font -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-md-offset-5 col-md-3">
<div class="form-login">
<h4>Welcome back.</h4>
<input type="text" id="userName" class="form-control input-sm chat-input" placeholder="username" />
</br>
<input type="text" id="userPassword" class="form-control input-sm chat-input" placeholder="password" />
</br>
<div class="wrapper">
<span class="group-btn">
<a href="#" class="btn btn-primary btn-md">login <i class="fa fa-sign-in"></i></a>
</span>
</div>
</div>
</div>
</div>
</div>
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
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
body {
background-color:#fff;
-webkit-font-smoothing: antialiased;
font: normal 14px Roboto,arial,sans-serif;
}
.container {
padding: 25px;
position: fixed;
}
.form-login {
background-color: #EDEDED;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 15px;
border-color:#d2d2d2;
border-width: 5px;
box-shadow:0 1px 0 #cfcfcf;
}
h4 {
border:0 solid #fff;
border-bottom-width:1px;
padding-bottom:10px;
text-align: center;
}
.form-control {
border-radius: 10px;
}
.wrapper {
text-align: center;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments:

Hello guys! i am facing the same problem RAKA PAKSI is, and i'd like do fix it... can you please help me?

Luis Nuaila () - 8 years ago - Reply 0


Look on http://le-beguin.fr/login/ for a simple login form

Kal () - 9 years ago - Reply 0


hello ? im new in here ? how to copas this ?
when am copas html this just show nothing ??

can u email me ? please .. E-mail : rakapaksi@yahoo.com

RAKA PAKSI () - 10 years ago - Reply 0


You need to include the bootstrp framework http://getbootstrap.com/ and then copy the CSS from this into a custom page, then the html, if you want me to send you it in a zip file let me know

Jack Wright () - 10 years ago - Reply 0


Escuse me, I also want the zip file can you send it to my email

Akil Sree () - 9 years ago - Reply 0


https://silksuite.net/login... also why not check out https://silksuite.net (for 2gb Free Storage)!!
preview: https://silksuite.net/login...

Jack Wright () - 9 years ago - Reply 0


sure I will send the zips now

Jack Wright () - 9 years ago - Reply 0


Yes thanks please send me zip file :D

Subject: Re: Comment on Viewing snippet Simple login | Bootsnipp.com

RAKA PAKSI () - 9 years ago - Reply 0


https://silksuite.net/login... also why not check out https://silksuite.net (for 2gb Free Storage)
preview: https://silksuite.net/login...

Jack Wright () - 9 years ago - Reply 0


sure I will send the zips now!!

Jack Wright () - 9 years ago - Reply 0


kiya ap mujy is ki zip file sent kar sakty plz

Sufyan Mehar () - 9 years ago - Reply 0