</div>
<div class="social-links footer-columns">
<ul>
- <li>github</li>
- <li>twitter</li>
- <li>instagram</li>
- <li>spotify</li>
+ <li class="github">
+ <a href="https://github.com/danixland/" title="I'm on github">
+ <img src="static/github.svg" height="32" width="32" alt="github">
+ <span>github</span>
+ </a>
+ </li>
+ <li class="twitter">
+ <a href="https://twitter.com/danixland/" title="I'm on twitter">
+ <img src="static/twitter.svg" height="32" width="32" alt="twitter">
+ <span>twitter</span>
+ </a>
+ </li>
+ <li class="instagram">
+ <a href="https://www.instagram.com/danixland/" title="I'm on instagram">
+ <img src="static/instagram.svg" height="32" width="32" alt="instagram">
+ <span>instagram</span>
+ </a>
+ </li>
+ <li class="spotify">
+ <a href="https://open.spotify.com/user/1166786773" title="I'm on spotify">
+ <img src="static/spotify.svg" height="32" width="32" alt="spotify">
+ <span>spotify</span>
+ </a>
+ </li>
</ul>
</div>
<div class="rss-links footer-columns">