How to create homepage welcome block

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


Step 1:

Navigate to:
Home Administration Structure Block layout

Step 2

Click Custom block library tab and then + Add custom block


Step 3:

Disable CKEditor editor and select Full HTML as input format.


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>


Step 5

Now place this new block in Homepage content region.


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