This is an example of a simple bootstrap login form, designed using HTML, CSS, and Bootstrap framework 4. The images are imported to the code with their URLs. The body is given the styles of background as rgba(241, 242, 246,1.0), and font-family as sans-serif. The signup section is given a style set of width as 1100px, and height as 500px, background as white, and box-shadow as 0px 0px 30px 20px rgba(0,0,0,.12). The color of the card header is set as color: rgba(164, 176, 190,1.0). The icon at the top is given the styles of height as 75px, width as 75px, line-height as 75px, border as 2px solid red, and border-radius as 50% to get the circle shape. The input field has the styles of width as 85%, padding-left as 20px, color as rgba(47, 53, 66,1.0), and font-size as 20px, whereas the Enter button is given the styles of height as 40px, width as 230px, border-radius as 75px, margin as 20px auto, background as rgba(255, 107, 129,1.0), and font color as white.
This is an example of a login form with hover animations, designed using CSS, HTML, and bootstrap framework 4. The fonts and icons are imported to the code with their URLs. The values and font sizes are predefined as color-primary: mediumslateblue, color-secondary: black, color-tertiary: hotpink, base-border-radius: 0.25rem, ease: cubic-bezier(0.075, 0.82, 0.165, 1), duration: 350ms, font-family: 'Roboto', sans-serif, and font-size: 1.25rem. The laels are given the styles of font-size as calc(var(--font-size) / 1.65), font-weight as 700, text-transform as uppercase to automatically convert the text to uppercase, and letter-spacing as 0.065rem. The body of the form is given a style set of padding as var(space-m), font-size as var(font-size), font-family as var(font-family), line-height as 1.2, and background-color as var(color-tertiary). The header of the form is given the styles of font-weight as 700, and font-size as calc(var(--font-size) * 1.5). The form is given a transform value of skewY(-5deg) translateY(10%) scale(0.94). In a hover event, the form takes a transform of scale(1.0001) to get the folded animation.
This is a template of a sign-in web form designed using HTML, and CSS. The bootstrap styles, icons, fonts, and images are imported to the form with their URLs. The form is given a font-family of 'Numans', sans-serif whereas the card has the styles of height as 370px, margin-top as auto, margin-bottom as auto; width as 400px, and background-color as rgba(0,0,0,0.5) !important. The social media icons are given the styles of font-size as 60px, margin-left as 10px, and color as #FFC312. In a hover event, the color of social media icons becomes white and the cursor becomes pointer to get the hand cursor effect. The login button has an initial style set of color as black, background-color as #FFC312, and width as 100px which also turns into the background color white, in a hover event. The links are given a margin-left style of 4px and the color white.