How Do I ... Create Social Follow Icons Like and VTNews

In order to make Follow Us icons and links like the and sites, use the following code snippet in an HTML component and change the URL links to match your pages. You can also delete sections of it for sites you do not have accounts with. All the CSS and assets to make this work are part of the global template in Ensemble. There are other icons available by changing the span class. Those icons can be viewed and their class displayed here:

<!--copy everything below this -->

<div class="follow-virginia-tech-heading">

    <h3>Follow Virginia Tech</h3>


<div class="follow-virginia-tech-icons">

    <a href="" target="_blank"><span class="fa fa-facebook">Facebook</span></a>

    <a href="" target="_blank"><span class="fa fa-twitter">Twitter</span></a>

    <a href="" target="_blank"><span class="fa fa-instagram">Instagram</span></a>

    <a href=";trk" target="_blank"><span class="fa fa-linkedin">Linked In</span></a>

    <a href="" target="_blank"><span class="fa fa-pinterest">Pintrest</span></a>

    <a href="" target="_blank"><span class="fa fa-youtube">YouTube</span></a>


<!--copy everything above this -->