Close

UI - Sign up & Login/Password

This is an example of a signup/ login page, designed using CSS, HTML, and Bootstrap framework 4. The background image and the font style has been imported to the code with their URLs. The information container is given a background-color as #fff, box-shadow as 0 0 15px 1px #3E4E5B, and a max-width as 420px. The Close button is given a background color as #75A4A, which gets changed to #3E4E5B, on hover. The title of the form is displayed with a font-weight as bold and font color as #3E4E5B. The input text fields are given a style set of font-size as 1em, color as #3E4E5B, and border-bottom as 1px solid #75A4A6. In a hover event, the fields take the styles of color as #3E4E5B, and a border-bottom style as 1px solid #577783. The 'Signup' button is given the styles of font color as #fff, background-color as #3E4E5B, and border-radius as 4px, and takes the background color of #577783, in a hover event. Source: https://codepen.io/rikanutyy/pen/oZRxgj

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

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