login
Bootstrap Sign in Form with Social Login Buttons
https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
.login-form {
width: 340px;
margin: 30px auto;
}
.login-form form {
margin-bottom: 15px;
background: #f7f7f7;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
padding: 30px;
}
.login-form h2 {
margin: 0 0 15px;
}
.login-form .hint-text {
color: #777;
padding-bottom: 15px;
text-align: center;
}
.form-control, .btn {
min-height: 38px;
border-radius: 2px;
}
.login-btn {
font-size: 15px;
font-weight: bold;
}
.or-seperator {
margin: 20px 0 10px;
text-align: center;
border-top: 1px solid #ccc;
}
.or-seperator i {
padding: 0 10px;
background: #f7f7f7;
position: relative;
top: -11px;
z-index: 1;
}
.social-btn .btn {
margin: 10px 0;
font-size: 15px;
text-align: left;
line-height: 24px;
}
.social-btn .btn i {
float: left;
margin: 4px 15px 0 5px;
min-width: 15px;
}
.input-group-addon .fa{
font-size: 18px;
}