This is an example of a Signup form with an auto carousel testimonials feature, designed using HTML, CSS, and Bootstrap framework 4. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the carousel indicators in an orderly manner. The body of the form is given the styles of color as #000, height as 100%, and background-color as #EEEEEE. The testimonial card is given the styles of border-bottom-left-radius and border-top-left-radius as 20px, background-color as #512DA8, height as 100%, color as #fff, padding-left and right as 13%. The input fields of the signup form, have the styles of border as 1px solid light grey, border-radius as 10px, margin-bottom as 25px, margin-top as 2px, width as 100%, box-sizing as border-box, color as #2C3E50, and font-size as 14px. The signup button is given a background color of #512DA8, which changes to #311B92 in a hover event.
This is an example of another signup form with Buy/ Sell tab selection, designed using HTML, CSS, and Bootstrap framework 4. The font style is imported to the code with its URL. The body of the form is given the styles of background as linear-gradient(to right, rgba(23, 23, 124, 1) 0%, rgba(0, 0, 90, 1) 100%), and font-family as 'Roboto', sans-serif. The title of the form is given a font color of #CBCCFF, and a font-size of 29px, whereas the subtitle is given a font color as #A7A9FF, and a font-size as 28px. The Buy/ Sell tabs are radio type buttons which are given border color of #D15D84, font color of #ffc5d5, and a background color of linear-gradient(to right, rgba(242, 82, 106, 1) 43%, rgba(218, 18, 107, 1) 100%). The input fields are given a border- bottom style of 1.5px solid #E6EBEE. The signin button has the styles of border as 1px solid #7931DB, a linear gradient background color and a border-radius of 3px.