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; }

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: