Close

Login/Signup With Social Media Modal

This is an example of a login/ sign up a web form, designed using CSS, HTML, and Bootstrap framework 4. The form consists of a signup button, on which by clicking on, the users will be redirected to another form with social media sign in or signup option. The button takes the background color of #52B4DB, in a hover event. The icons and font styles are imported to the code with their URLs. The body of the form is given the styles of min-height as 81vh, background as linear-gradient(0deg, #fff, 50%, #DEEEFE), and font-family as 'Rubik', sans-serif. The font-size of the signup button is set as 14px. The social media buttons are given the styles of font-size as calc(12px + (13 - 12) * ((100vw - 360px) / (1600 - 320))), padding as calc(6px + 5 * ((100vw - 320px) / 780)), and color as #000, and take the background color of #52B4DB, in a hover event. The buttons are given a cursor style as pointer to get the hand cursor effect. Source: https://bbbootstrap.com/snippets/login-signup-social-media-modal-36071946

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.