Implementing the footer
Our footer is a little different to what we have been implementing so far. The footer consists of multiple regions and custom blocks to easily match our mockup, and will mean us following these steps:
First, we will need to create five custom blocks for our Newsletter, About Us, Contact Us, Copyright, and Social Icons content. Once the blocks are created, they will need to be assigned to their respective regions.
Finally, we will need to refactor the markup in our footer to accommodate the various Twig variables to print out each region.
Creating our custom blocks
We will begin with creating the five custom blocks as well as assigning them to the regions they need to be placed in. This will be somewhat repetitive, but is needed in order for us to complete our footer. We will start by navigating to the Block layout page at /admin/structure/block
and following these steps.
Newsletter block:
Click on the Place block button in the Footer first region.
Click on the Add custom...