Close

DeyNote Like Login Form

This is an example of a login form, designed using HTML, CSS, and Bootstrap framework 4. The avatar image is imported to the code with its URL. The form is given a background color of #3ca2e0, and font color of #fff. The user avatar is given height and a width of 125px. The form consists of the user avatar, input text fields, and 'Login' and 'Register' buttons. The title of the page is given a font-weight of 300. The input text fields are given a border-bottom style of 2px solid rgba(255,255,255,.4), which gets changed to 2px solid #fff, on focus mode. The input text field labels are displayed with the styles of font weight as 46px, padding as 10px 16px, font-size as 18px, and line-height as 1.3333333. The two buttons are created as info type buttons from HTML, and given the styles of border-radius as 50px, box-shadow as 0 0 0 2px rgba(255,255,255,.8)inset, font color as rgba(255,255,255,.8), and font-weight as 400. Source: https://www.bootdey.com/snippets/view/DeyNote-like-login#html

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.