Icons

Icons

<span class="mdi mdi-name"></span>

Link: https://materialdesignicons.com/cdn/2.0.46
                 

Custom Social Media Block
and Rollovers

<section class="footer-item">
<p class="social-title">FOLLOW US:</p>

<div class="social-link" style="display: inline-flex; margin-left:0px;"><a href="https://www.facebook.com/UCRiversideCareerCenter/" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-facebook-box" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="http://www.linkedin.com/groups?gid=88920&amp;trk" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-linkedin-box" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="http://twitter.com/ucrcareercenter" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-twitter-box" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="http://www.youtube.com/user/UCRCareerCenter" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-youtube-play" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="http://www.pinterest.com/ucrcareercenter/" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-pinterest-box" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="http://instagram.com/ucrcareercenter/" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-instagram" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a> <a href="https://www.snapchat.com/add/UCRCareerCenter" style="text-decoration: none !important; color: rgba(0, 0, 0, 0.0); display: inline-flex;" target="_blank"><span class="mdi mdi-snapchat" onmouseout="this.style.color='#7A8FAB'" onmouseover="this.style.color='#9fbbdf'" onmouseup="this.style.color='#7A8FAB'" style="color:#7A8FAB; font-size: 3em;">&nbsp;</span></a></div>
</section>