Hero Block

Block example

Hero block

Donec pretium tincidunt mi, mollis mollis lectus pellentesque quis. Nulla nec convallis metus, id pharetra tortor. Praesent pharetra diam purus, at ornare turpis tincidunt nec.

Learn more

Reversed Hero block

Donec pretium tincidunt mi, mollis mollis lectus pellentesque quis. Nulla nec convallis metus, id pharetra tortor. Praesent pharetra diam purus, at ornare turpis tincidunt nec.

Learn more

Configurable options

Container width Option to choose from a responsive, fixed-width container
Container text alignmentoptions: text-left, text-center and text-right
Container background colorOption to add custom background color using color picker
Container background imageOption to add image from media
Color overlay for containerOption to set color and color opacity
PaddingAdd padding-top, padding-bottom, padding-left, padding-right
MarginAdd margin-top, margin-bottom, margin-left, margin-right
BorderAdd border to all sides or individually add border to each side
Border classBorder class for above border options
LayoutOption to reverse the column layout
Heading tagOption to set heading tag from h1-h6 for modal title
Button style and sizeOption to select the button classes and button size