Pulsanti dei social media
Codice HTML
<!-- Add font awesome icons --> <a href="#" class="fa fa-facebook"></a> <a href="#" class="fa fa-twitter"></a> <a href="#" class="fa fa-google"></a> <a href="#" class="fa fa-linkedin"></a> <a href="#" class="fa fa-youtube"></a>
Codice CSS
/* Style all font awesome icons */ .fa { padding: 20px; font-size: 30px; width: 60px; text-align: center; text-decoration: none; }/* Add a hover effect if you want */ .fa:hover { opacity: 0.7; }
/* Set a specific color for each brand */
/* Facebook */ .fa-facebook { background: #3B5998; color: white; }
/* Twitter */ .fa-twitter { background: #55ACEE; color: white; }
/* Google */ .fa-google { background: #CC3300; color: white; }
/* linkedin */ .fa-linkedin { background: #3333FF; color: white; }
/* youtube */ .fa-youtube { background: #CC0000; color: white; }