Simple Signup Form With Google Login Button
This is an example of another simple signup form with Login with Google ID button, designed using HTML, CSS, and Bootstrap framework 4. The body of the form is given a background color of #f2f7fb. The signup card is given a border-radius of 5px, box-shadow of 0 0 5px 0 rgba(43, 43, 43, .1), 0 11px 6px -7px rgba(43, 43, 43, .1), transition of all .3s ease-in-out, and a background-color of #fff. The input fields are given the styles of font-size as 16px, font-weight as 400, padding as 9px, and border-bottom as 1px solid #ccc. The signup button has the styles of background-color as #4099ff, border-color as #4099ff, color as #fff, and cursor as pointer to get the hand cursor effect. The button text is given the styles of border-radius as 2px, text-transform as capitalize to make the first letter of each of uppercase, and font-size as 15px. The Google sign in button has the styles of color as #545454, background-color as #ffffff, and box-shadow as 0 1px 2px 1px #ddd.