How it works...

Step 1 is part of our regular preparation to build the code in the recipe. Step 2 involves adding the needed partial, including the addition of an alternate navbar. Steps 3 and 4 add the specific navbar and main content code.

Step 6 is our custom SCSS. We demonstrate here how to import a Google font, and how to add some background gradient to our body element, in plain CSS.