Implementing our Before Content region

The fourth item we will need to address is replacing the static content in our Before Content region. Referring back to the mockup, we have two blocks of content that will require us to follow these steps to implement.

1. First, we will create the Our Services block and Our Features block and assign it to the Before Content region.

2. Finally, we will refactor the markup and print the Before Content region using Twig variables.

Creating our Services block

Creating blocks of content is fairly simple and we should already be comfortable with the process.

We will start by navigating to the Block layout page at /admin/structure/block and following these steps:

1. Click on the Place block button in the Before Content region.

2. Click on the Add custom block button.

3. Enter a Block description of our services.

4. Select HTML No Editor from the Text format dropdown.

5. Add the markup located in the Chatper06/start/content/OurServices.txt file to the Body field.

6. Click on the Save button...