User profile with hover effects
This is an example of a simple user profile with hover effects, designed using HTML, CSS, and Bootstrap framework 4. The profile image and fonts are imported to the code with their URLs. 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 child elements of the user profile, in an orderly manner. The body of the form is given the styles of background-color as #EEEFF3, and font-family as 'Poppins', sans-serif. The user profile card is given a border value of 1px solid #EBEDEC. The list items are created as muted text with a font-size given as 14px. The cursor style for the list is set as pointer to get the hand cursor effect in a hover event. In a hover event, the list items take the styles of background-color as #ECF2FE and font color as #224bba.