HTML/CSS: Navigation prototype #2 - Mega Menu Desktop with Bottom mobile nav

[catrobson]

Create a HTML/CSS prototype in a local environment that can be posted to a rawgit for demoing to the team following the designs found here:
https://redhat.invisionapp.com/share/29EZHR8N3#/screens/269560197

[AdamJ]

GitHub repository for prototype: https://github.com/mindreeper2420/megamenu

Rawgit URL for prototype: https://rawgit.com/mindreeper2420/megamenu/master/index.html

[AdamJ]

To view the mobile navigation, shrink the browser down to 900px in width (or below). If visited on a mobile device, the user will automatically be shown the mobile view.

[AdamJ]

Desktop View:

Mobile View:

[AdamJ]

Improved animations of the menus by making the megamenu appear faster and the mobile menu now moves from bottom to top, with a smooth transition.

The anchor for the megamen (what starts off as 'Space') updates to show the current space that the user is in when they open up that subsection of the menu.

[AdamJ]

Megamenu Expanded:

Mobile Menu Expanded:

[AdamJ]

@catrobson I've updated the prototype with a new animation for the mobile menu and changed the animation speeds for the mega menu.