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.

  1. Boot Strap : Section Block.
  2. 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

©2024 Bausch + Lomb.

Loading...