Icons
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;"> </span></a> <a href="http://www.linkedin.com/groups?gid=88920&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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </span></a></div> </section>