Website Content Components - SAP-archive/techne GitHub Wiki

Page Content Structure

website content components

Content Components

Top Section

It gives context to the page with a main title and a short description top-section

Horizontal Section

Displays a title on the left followed by a description and also it displays a main content to the left. section

Vertical Section

Contains the same elements on the Horizontal Section not in the two columns layout. wide section

Measurements

00 4_techne_templateguides

Inflexion points

Tablet Inflexion

  • Top Section: stays at two columns.
  • Horizontal Section: the layout behaves the same as the Vertical Section.
  • Vertical Section: the layout stays the same.

table-content-components-inflexion

Mobile Inflexion

  • Top Section: display the title and content in a vertical way.
  • Horizontal Section: the layout behaves the same as the vertical section.
  • Vertical Section: the layout stays the same.

mobile-content-components-inflexion

Document Flow

Desktop

website-conent-components

Tablet

table-content-components-inflexion

Mobile

mobile-content-components-inflexion