Search code examples
htmlhref

My <a href=""></a> isn't working?

I got this template online and Im making a portfolio using it. There are twitter/facebook/linkedin icons on the bottom right of the page which I'm trying to link to my accounts. Originally the href was set to "#", now when I try to set it to anything, it doesn't work. When I click on the icon, it does nothing.

<footer>
    <ul class="icons">
       <li><a href="www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
        <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
        <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
    </ul>
</footer>

Solution 

  • <footer>
    <ul class="icons">
       <li><a href="https://twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="https://facebook.com" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a href="https://instagram.com" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
        <li><a href="https://github.com" class="icon fa-github"><span class="label">Github</span></a></li>
        <li><a href="mailto:YOUR_EMAIL_ADDR" class="icon fa-envelope"><span class="label">Email</span></a></li>
    </ul>
</footer>

    Try this.