MusareReact/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'>
						<img src='/assets/social/github.svg'/>
					</a>
					<a class='icon' href='https://twitter.com/MusareApp' title='Twitter Account'>
						<img src='/assets/social/twitter.svg'/>
					</a>
					<a class='icon' href='https://www.facebook.com/MusareMusic/' title='Facebook Page'>
						<img src='/assets/social/facebook.svg'/>
					</a>
					<a class='icon' href='https://discord.gg/Y5NxYGP' title='Discord Server'>
						<img src='/assets/social/discord.svg'/>
					</a>
				</p>
			</div>
		</div>
	</footer>
</template>

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

	.content {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

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