Block pages

Available designs:

  • design single article horizontal
  • design single article vertical
  • design list cards
  • design card
  • design card image

Please note:

  • Always add an external or internal link to block page.
  • Write a short text in abstract . Maximum 130 characters (space included).
  • Do not use headings, links or spacing inside the abstract.
  • See the block pages in relation to each other on the page. They should have the same amount of text.
  • If you want no images : "List settings" > "More options" > "CSS classes" and write "_noImg"
Example:

 

Design single article horizontal (in page or section or grid-x1)

Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page

Design single article vertical (in grid-x3, grid-x2)

Design card (in grid-x1, grid-x2)

For the orange NEXT design: use class _next

Design list cards 3 columns (3 columns cards) (directly on the page or in a section)

 

Cards one above the other on mobile
Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
All cards from all rows with same height
Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page

Design list cards (2 columns cards) (directly on the page or in a section)

 

Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
All cards from all rows with same height
Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
For the orange NEXT design: use class _next
Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page

Design list cards image (directly on the page or in a section)

 

Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page
All cards with all same height
Sopra Steria and SAP form strategic alliance for digital sovereignty at the Munich Security Conference
Go to page
Equity Story
Go to page
Declaration of compliance with gender parity rules
Go to page
PLM Migration
Go to page

Design to be removed

  • Design table images will be replaced by design list cards.
  • Design slider carousel will be replaced by design list cards.
  • Design accordeon will be replaced by design list cards.
  • Design single article vertical will be replaced by design card.
  • Design single article horizontal will be replaced by design card.