Minimal profile card with hover effect
This is an example of a profile card with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The profile image and font styles are imported to the code with their URLs. The body of the form is given the styles of background-color as #212121, and font-family as 'Roboto', sans-serif. The profile picture is given the styles of width as 100px, height as 100px, border-radius as 50px to get the circle shape, and border as 2px solid white. The title of the profile is displayed using the styles of font color as white, font-size as 1.3rem, and font-weight as 400, whereas the subtitle is given the styles of color as #c45c00, font-size as 0.9rem, and font-weight as 500. The profile card is given the styles of height and width of 300px, and a grayscale filter of grayscale(70%) blur(8px). In a hover event, the profile card takes a transform effect of scale(1.3).