footer-aux.html

<footer>
	<!--Discord invite-->
	<div
		id="navbar"
		style="grid-template-columns: 1fr 1fr"
		class="grid animated fadeInDown"
	>
		<div
			style="
				width: 50%;
				float: left;
				margin-top: 0.35%;
				margin-left: 0.4%;
			"
			id="navbar-main"
		>
			<div id="navbar-title" style="margin-left: 1%">
				Hang out with the community!
			</div>
		</div>
		<div
			id="navbar-title"
			style="width: 22.25%; float: right; justify-content: flex-end"
		>
			<p style="font-size: 0.1px">
				<a href="https://discord.gg/ygopro-percy"
					><img
						src="https://discordapp.com/api/guilds/170601678658076672/widget.png?style=banner2"
						alt="Discord Banner"
				/></a>
			</p>
		</div>
	</div>
	<div class="flex-container">
		<div>
			<a href="https://github.com/ProjectIgnis"
				><i style="font-size: 64px" class="fa fa-github zoom"></i
			></a>
		</div>
		<div>
			<a href="https://twitter.com/ProjectIgnisYGO"
				><i
					style="font-size: 64px; color: #1da1f2"
					class="fa fa-twitter zoom"
				></i
			></a>
		</div>
		<div>
			<a href="https://www.patreon.com/ProjectIgnisTeam"
				><img
					src="assets/img/patreon_logo.svg"
					width="64"
					height="64"
					class="zoom"
			/></a>
		</div>
	</div>
	<div
		style="
			vertical-align: bottom;
			text-align: center;
			background-color: #003366;
			padding-bottom: 10px;
		"
	>
		<small
			><i style="color: white"
				>Yu-Gi-Oh! is a trademark of Shueisha and Konami. This project
				is not affiliated with or endorsed by Shueisha or Konami.</i
			></small
		>
	</div>
</footer>