site-info-bottom.html

<hr>

<section id="sec-connect my-info-font">
    <h2>connect</h2>
    <p>
        <a href="https://www.facebook.com/john.doe" class="my-social-links blue">
            <i class="fa fa-facebook-official my-social-icons"></i>
        </a>
        <a href="https://github.com/johndoe" class="my-social-links green">
            <i class="fa fa-github my-social-icons"></i>
        </a>
        <a href="https://plus.google.com/u/1/111123456789123456789" class="my-social-links red">
            <i class="fa fa-google-plus-official my-social-icons"></i>
        </a>
        <br>
        <a href="https://www.linkedin.com/in/johndoe/" class="my-social-links blue">
            <i class="fa fa-linkedin-square my-social-icons"></i>
        </a>
        <a href="https://www.xing.com/profile/John_Doe/" class="my-social-links green">
            <i class="fa fa-xing-square my-social-icons"></i>
        </a>
        <a href="https://www.youtube.com/channel/UC-john_doe" class="my-social-links red">
            <i class="fa fa-youtube-square my-social-icons"></i>
        </a>
    </p>
</section>