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)

PLM Migration
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
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
SENSEE is Sopra Steria’s sovereign platform, designed to detect, analyse and coordinate response to information manipulation.
learn more
IPMS: Modernize prison management systems
Go to page
Sopra Financing Software
Go to page
All cards from all rows with same height
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
SENSEE is Sopra Steria’s sovereign platform, designed to detect, analyse and coordinate response to information manipulation.
learn more
IPMS: Modernize prison management systems
Go to page
Sopra Financing Software
Go to page

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

 

PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
SENSEE is Sopra Steria’s sovereign platform, designed to detect, analyse and coordinate response to information manipulation.
learn more
IPMS: Modernize prison management systems
Go to page
Sopra Financing Software
Go to page
All cards from all rows with same height
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
SENSEE is Sopra Steria’s sovereign platform, designed to detect, analyse and coordinate response to information manipulation.
learn more
IPMS: Modernize prison management systems
Go to page
Sopra Financing Software
Go to page
For the orange NEXT design: use class _next
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page

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

 

PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
Go to page
All cards with all same height
PLM Migration
Go to page
Go-to-Cloud
Go to page
Eco-Design
Go to page
SENSEE: Resilience against disinformation
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.