Our Team Card Layout
This is an example of a card layout that displays the team profile, designed using HTML, CSS, and Bootstrap framework 4. The fonts, CSS and Bootstrap styles, images, and icons are imported to the code with their URLs. The form is given the styles of background-color as #ffffff, text-align as center, box-shadow as 5.5px 9.526px 43px 0px rgba( 98, 143, 144, .15 ), border-radius as 10px, padding as 40px 0 35px 0, and margin-bottom as 30px. The team member image is given a border-radius as 100% and a width as 100% to get the circle shape. The profile name is given a font-size of 22px, whereas the designation is given the styles of font-size as 14px, color as #fb5c71, text-transform as uppercase to automatically convert all the letters to uppercase. The Facebook, Instagram, and Twitter icons are givene different background colors such as #3973e8, #f74d91, and #29bfe8.