Reproducing navbar icons look by using FontAwesome

I'm using [login to view URL] to design my page. This service offers to add icons built in it on your pages.

Instead of using them, I need to use Fontawesome icons.

What I need you to do is:

- copy / reproduce the appearance and behavior of [login to view URL] icons by using Fontawesome icons,

- write clean HTML / CSS codes,

- use a UL id="home-icons" then LI elements for each icon on the home page ([login to view URL]),

- use a UL id="nav-icons" then LI elements for each icon on the about page ([login to view URL]).

You can see these icons on the home page of [login to view URL] AND on the footer of this page [login to view URL]

The FontAwesome icons you have to use are:

- Home: <i class="fas fa-home"></i>

- News: <i class="fas fa-rss"></i>

- Timezones: <i class="fas fa-globe"></i>

- FAQ: <i class="fas fa-question"></i>

- Contact: <i class="fas fa-envelope"></i>

To access the website:

Login: guest

Password: recruiter

No need to add the Fontawesome CSS to the project, I already added it in HEAD/HEAD.

Don't use any other IDs excepting the one described above, you can use CLASS instead (need very clean code).

You can look in the source code of [login to view URL] to see how it works and replace the icons by FontAwesome.

CSS HTML HTML5 AJAX jQuery / Prototype

Project ID: #24845432

About the project