Social icons using fontawesome

index.html

<ul class="social-icons icon-circle float-left">
  <li><a href="https://www.facebook.com/marianuniversity"><i class="fa fa-facebook"></i></a></li>
  <li><a href="http://twitter.com/munewsroom"><i class="fa fa-twitter"></i></a></li>
  <li><a href="http://instagram.com/marianuniversity"><i class="fa fa-instagram"></i></a></li>
  <li><a href="http://www.flickr.com/photos/marianuniversity/"><i class="fa fa-flickr"></i></a></li>
  <li><a href="http://www.linkedin.com/groups?mostPopular=&amp;gid=149247"><i class="fa fa-linkedin"></i></a></li>
  <li><a href="http://www.youtube.com/user/marianuniversityindy"><i class="fa fa-youtube"></i></a></li>
  <li><a href="https://vimeo.com/marianuniversity"><i class="fa fa-vimeo"></i></a></li>
</ul>

scripts

<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/jquery.min.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/foundation.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/owl-carousel/owl.carousel.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/app.js"></script>

social-icons-using-fontawesome.markdown

Social icons using fontawesome

A Pen by ed ventura on CodePen.

License.

styles

<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/css/foundation.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/css/app.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.carousel.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.theme.css" rel="stylesheet" />