Content Block
Content Block we don’t have separate blocks as we have for header and footer. This can be derived by using the below blocks in combination.
- Boot Strap : Section Block.
- Boot Strap: HTML Block
Using the above blocks we will help you to create content blocks.
Content Block 1
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | text-center | |
| Boot Strap: HTML Block: | Image html code: with Display as : col-12 | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 |
Content Block 2
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | justify-content-center align-items-center text-center text-lg-start | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-3 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-9 |
Content Block 3
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | justify-content-center align-items-center flex-lg-row-reverse text-center text-lg-start | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-9 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-3 |
Content Block 4
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | text-center justify-content-center | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 |
Content Block 5
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | text-center justify-content-center | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 |
Content Block 6
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | text-center justify-content-center | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-3 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-3 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-3 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-3 | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-12 |
Content Block 7
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | text-center justify-content-center | |
| Boot Strap: HTML Block: | Content html code: with Display as : col-9 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Image + Content html code: with Display as: col-6 |
Content Block 8
Required property:
| Section Alignment Class: | bg-image bg-image-position-center | |
| Row Alignment Class: | align-items-center min-hght-500 | |
| Background Image: | Image file (1600x600) | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 |
Content Block 9
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | justify-content-center align-items-center text-center text-lg-start | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 |
Content Block 10
Required property:
| Section Alignment Class: | bg-image bg-image-position-center | |
| Row Alignment Class: | justify-content-center align-items-center flex-lg-row-reverse text-center text-lg-start | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 |
Content Block 11
Required property:
| Section Alignment Class: | content-block-container darkmode | |
| Row Alignment Class: | justify-content-center | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-8 | |
| Boot Strap: HTML Block: | Content html code(separator ---): with Display as: col-12 | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-4 | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-4 |
Content Block 12
Required property:
| Section Alignment Class: | content-block-container two-section-full-width | |
| Container Alignment Class: | container-fluid | |
| Row Alignment Class: | row justify-content-center align-items-center | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 |
Content Block 13
Required property:
| Section Alignment Class: | content-block-container | |
| Row Alignment Class: | align-items-center | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-5 | |
| Boot Strap: HTML Block: | Image html code: with Display as: col-7 |
Content Block 14
Required property:
| Section Alignment Class: | content-block-container two-section-full-width | |
| Container Alignment Class: | container-fluid | |
| Row Alignment Class: | justify-content-center align-items-center | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 | |
| Boot Strap: HTML Block: | Content html code: with Display as: col-6 |
