ts
ts
header01

This is a header for the General Content – The lenght is maximum three lines
and includes HTML code

Embedded Media
  • General Content

General
content

Subtitle of the page

This page is made with the Content Page template. The title should correspond with the navigation entry. There should be a line break in the main title «General content» and the word «of» of the subtitle should be turquoise. At the top of this page should be a stage picture. Page theme is red. Above the main title should be a date followed by a pipe and the text «General Content» that is set in the field «Page Type» in the page properties. And below this intro text should be an Author Reference and then a dotted horizontal line.

Author Reference

Mike Sample
Mike Sample (overwritten)

Please contact me. I'm here for you.

+41 58 580 21 11
mail@example.com

This is a link to the Home Page (_blank) which is configurated in the Author Reference component

Richtext

The title «Richtext» is formatted as Heading 2 and should therefore appear in the Anchor Navigation component.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Some special characters (this is Heading 3) – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua

£ä%@ü–èç'?`^ La future ligne aérienne 380 kV, d’une longueur de 29,2 km, reliera les postes de Chamoson et de Chippis. Le tracé a été découpé en cinq tronçons. Swissgrid

Different links in Richtext (this is Heading 4) – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua

Internal link (should open in same tab)
External link (should open in new tab)

List options in Richtext (this is Heading 5) – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
  1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    1. At vero eos et accusam
    2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  2. At vero eos et accusam et justo duo dolores et ea rebum
  3. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore

And at the end of the Richtext component should be a button to the home page that opens _blank.

WYSIWYG

Link to home

Quote & more – and some more text to check alignment in Anchor Navigation component, both on mobile and desktop viewport

This is a quote. The quote should have the same color as the page theme.

Swissgrid

KPI Test Module

380 und 220 kV
Spannung ⓘ
6700 km
Stromleitungen ⓘ
12 000
Strommasten ⓘ
147
Schaltanlagen ⓘ
41
Grenzleitungen
2.5 Mrd. CHF
geplante Investitionen

Table

In the table below, the background color of the second row should be read and the text white. Check if color changes to gray on hover. v-align for the whole table should be top and all text should be left aligned.

1 JanuaryNew Year's Daynational
2 JanuarySaint Berchtoldlocal
30 MarchGood Fridaylocal
2 AprilEaster Mondaylocal
second line of content – v-align should be top for the whole row
21 MayWhit Mondaynational
Bullet ListCheck styling
  • The styling of the bullet points should be the same as in the Richtext component below. And here is some more text to see what happens whith line break.
  • Next bullet point with sublevel
    • The styling of the bullet points should be the same as in the Richtext component below. And here is some more text to see what happens whith line break.
    • And another sublevel bullet
adf