Font awesome icons in Footer links

Been messing with my own site and added Font Awesome to the footer links. A lot more cleaner look and less of a mess with links.

Make sure you have the font awesome links inside your headerinclude template. (Or it won't work)

So go to the footer template and replace your links

			<ul class="menu bottom_links">
				{$showteamlink}
				{$contact_us}
				<li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>
				<li><a href="#top">{$lang->bottomlinks_returntop}</a></li>
				<li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}">{$lang->bottomlinks_markread}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>
			</ul>

And replace with them with the code below.

              	
			<ul class="menu bottom_links">
                                <li><a href="{$mybb->settings['bburl']}/showteam.php"><i style="font-size: 14px;" class="fa fa-address-book fa-fw"></i></a></li>
				<li><a href="{$mybb->settings['bburl']}/contact.php"><i style="font-size: 14px;" class="fa fa-envelope fa-fw"></i></a></li>
				<li><a href="{$mybb->settings['homeurl']}"><i style="font-size: 14px;" class="fa fa-home fa-fw"></i></a></li>
				<li><a href="#top"><i style="font-size: 14px;" class="fa fa-arrow-circle-up fa-fw"></i></a></li>
				<li><a href="<archive_url>"><i style="font-size: 14px;" class="fa fa-archive fa-fw"></i></a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}"><i style="font-size: 14px;" class="fa fa-check fa-fw"></i></a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication"><i style="font-size: 14px;" class="fa fa-rss fa-fw"></i></a></li>
<ul/>

Result with the image below.

https://i.imgur.com/DcsHJgT.png