Get in touch

have any project plan in your mind?

Get project quotes with deadlines
Development and design
Dedicated Experts
Two Hours Minimum

Banner grid

This section allows you to add a grid of cards with background image or video and texts.

In this example, the banner grid section has Grid columns amount set to 2 and Cards container desktop aspect ratio set to 2/1. First card has Column start set to 1Column end set to 2Row start set to 1 and Row end set to 3. Second card has Column start set to 2, Column end set to 3, Row start set to 1 and Row end set to 2. Third card has Column start set to 2Column end set to 3Row start set to 2 and Row end set to 3.

In this example, the banner grid section has Grid columns amount set to 2 and Cards container desktop aspect ratio set to 3/2. First card has Column start set to 1, Column end set to 2, Row start set to 1 and Row end set to 2. Second card has Column start set to 2, Column end set to 3, Row start set to 1 and Row end set to 2. Third card has Column start set to 1, Column end set to 3, Row start set to 2 and Row end set to 3.
  1. Color scheme selector changes the color scheme for the section.
  2. Section heading options (Subheading, Heading, Heading size, Description and Text alignment) allows you to set a subheading, heading and description for the whole section.
  3. Grid options allows you to customize grid layout. Includes following options:
    1. Grid columns amount – allows you to set the number of grid columns.
    2. Cards container desktop aspect ratio – allows you to set the aspect ratio of the whole cards container on desktop devices.
  4. This section contains one block type - Card.
    Card options includes:
    1. Color scheme selector changes the color scheme for the card.
    2. Card postion options allows you to set the position of the card in the grid. Includes:
      1. Column start selector allows you to select the starting column for the card.
      2. Column end selector allows you to select the ending column for the card.
      3. Row start selector allows you to select the starting row for the card.
      4. Row end selector allows you to select the ending row for the card.
    3. Image and video options allows you to set background image or video for the card. Includes:
      1. Background image allows you to set background image for the card.
      2. Video allows you to set a video for the card.
      3. Overlay opacity slider allows you to change the opacity of the overlay.
      4. Card aspect ratio on mobile devices allows you to set the aspect ratio of the card on mobile devices.
    4. Content options allows you to add a heading, description and button for the card.