Close

Sign In / Sign Up form

This is another example of a stylish sign in/ sign up form, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The JavaScript methods have been used to create dynamic HTML content. The background image and the font styles have been imported to the code with their URLs. The body of the form is given the background color of #E3E3E3. The users are given the ability to switch between the sign up/ and sign in panels. The title of the panels is displayed with the styles of font-family: 'Noto Serif', serif, font-size as 26px, and letter-spacing as 1px. The social media icons are given a border style as 1px solid #dd8d38, and font color as #dd8d38. In a hover event, the icons take the background color of #dd8d38 and the font color as white. The sign in and signup forms are given a box-shadow style as 0px 0px 38px 22px rgba(0,0,0,0.14). The 'Sign in' button is given a background color as #dd8d38, which gets changed to white in a hover event. The input text fields also take a border style of #dd8d38, on hover. Source: https://codepen.io/Darjan_Gardinovacki/pen/gNYEqe

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.