MusareNode/frontend/components/MainFooter.vue

<template>
	<footer class='footer'>
		<div class='container'>
			<div class='content has-text-centered'>
				<p>
					© Copyright Musare 2015 - 2016
				</p>
				<p>
					<a class='icon' href='https://github.com/Musare/MusareNode' title='GitHub Repository'>
						<i class='fa fa-github'></i>
					</a>
					<a class='icon' href='https://twitter.com/MusareMusic' title='Twitter Account'>
						<i class='fa fa-twitter'></i>
					</a>
					<a class='icon' href='https://www.facebook.com/MusareMusic/' title='Facebook Page'>
						<i class='fa fa-facebook'></i>
					</a>
					<a class='icon' href='https://discord.gg/Y5NxYGP' title='Discord Server'>
						<img src='/assets/discord.svg'/>
					</a>
				</p>
			</div>
		</div>
	</footer>
</template>

<style lang='scss' scoped>
	.content a:not(.button) {
		border: 0;
	}

	.icon:visited {
		color: #4a4a4a !important;
	}
</style>