Profile card template with hover effects
This is an example of a profile card templates, designed using CSS, HTML, and Bootstrap framework 4. The profile image is imported to the code with its URL. The background color of the form is set as #eee. The profile card is given the styles of background-color as #fff, width as 280px, border-radius as 33px, and box-shadow as 0 4px 8px 0 rgba(0, 0, 0, 0.2). Profile image is given the styles of border-radius as 10px, and border as 2px solid #5957f9. The profile name is displayed with the styles of font-size as 15px, font-weight as bold, and font color as #272727. The user email address is displayed with a font-size of 14px, and font color of grey. The middle container takes the border style of 1px solid #5957f9, in a hover event. The lower tabs are given a style set of font-size as 16px, font-weight as 700, and color as #272727. Each tab takes a border-bottom style of 1px solid #dee2e6, in a hover event.