How to create homepage welcome block

This tutorial explains, how to create a welcome message block as show in demo.

image

Step 1:

Navigate to:
Home Administration Structure Block layout

example.com/admin/structure/block

Step 2

Click Custom block library tab and then + Add custom block

image

Step 3:

Disable CKEditor editor and select Full HTML as input format.

image

Step 4:

Use below sample code to create a new block. Just change the text keeping div and its class unchanged.

<div class="welcome-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</div>

image

Step 5

Now place this new block in Homepage content region.

image

You can use above method to create similar content in any other block region also.