Our team section with hover effects
This is another example of our team section with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The profile images are imported to the code with their URLs. The form title is displayed using the styles of font-size as 36px, font color as #283d50, text-align as center, and font-weight as 500. The subtitle of the form is displayed using the styles of text-align as center, font-size as 15px, padding-bottom as 60px, color as #556877, and width as 50%. The border-radius of the user profile is set as 50% to get the circle shape. The member name is displayed with the styles of font-weight as 700, font-size as 18px, and font color as #fff, whereas the user designation is displayed using the styles of font-style as italic, font-size as 13px, and color as #fff. The user profiles take a filter layer of rgba(0, 62, 128, 0.7) in a hover event, to implement the hover effect.