Adding a Callout block

We will take advantage of the Before Content region we created in our theme's configuration file to add our next component. The Callout block we identified in our mockup earlier allows us to add additional information that helps introduce our Contact form.

If we quickly review the contact.html page from the Mockup folder, we can identify that we will need to create a custom block that consists of a heading and a paragraph.

This is a pretty simple block to create, so let's get started by navigating to /admin/structure/block, which will take us to the Block layout admin.

Next, we will follow 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 Contact Callout.

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

5. Add the markup located in the Chatper10/start/content/ContactCallout.txt file to the Body field, as shown in the following image:

   

6. Click on the Save button to proceed to the Configure...