Social media cards with hover effects
This is an example of a set of social media cards with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The form consists of three cards. The font style is imported to the code with its URL. The body of the form is given a background color as #fff, and font-family as 'Josefin Sans', sans-serif. The name of the card is displayed using a font style of 'Josefin Sans', sans-serif. The information card is given a style set of background color as #F0FFFF, padding as 60px 10px, margin as 30px 0px, box-shadow as 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), and margin-bottom as 25px. The cards take the background color of #000000, on hover, whereas the card name and text turn its font color to #FFF. The 'Learn More' link is displayed using a font color of #00BFFF, which also turn the font color to #FFF, on hover.