Welcome to the sample page. Here you’ll find a sample layout that works well for many pages – you can copy the page and then adapt it to suit your content. If you’d like to work with this template, right-click on the page “Short sample page with image” in the page structure and select “Copy”. Then, right-click again and select “Insert into” (subpage) or “Insert after” (another page on the same level) to insert the page where you want your new page to be.
On your newly copied page, you can delete any elements you don’t need to create your content. If you need further elements, click on the “Available content elements” example page. Click on the three dots next to the element you want to insert into your page, then click “Copy”. Then go back to your page. Here, you will find a clipboard icon wherever the element can be inserted. Click on it to insert the element at the desired location. If the copied element is disabled, enable it using the slider.
As this element appears directly below the page teaser, the heading of the two-column section is hidden. In the “General” tab, you can show the heading again if required.
To insert jump marks in your page header, proceed as follows in your page structure: Go to “Create new content” before each element to which a jump mark should lead. Select “Special Elements” and then “Hidden Jump Marker”. Give the jump marker(s) a name. The jump marker(s) you set will automatically appear at the top of the header area. They are only visible there; they do not appear elsewhere on the page.
If you do not have any images, videos or other visual elements available for your page, please use content elements here and there to add visual variety to your page and break up long blocks of text. These could include, for example, the Count-Up element, a Highlight Box or coloured sections.
Example: single-column layout with 80% width
This is where you can enter your text. If you need to insert new single-column sections anywhere on your pages and do not copy this one, please always use the “80% width” container, as otherwise the text may be too wide to be easily readable on some devices.
If you do not have any images available for your page, we recommend dividing up the text and breaking it up with various visual highlights. There are various options available for this (see the example page “Available content elements”):
- Highlight box (light blue background across the width of the content)
- Coloured background (grey across the entire screen width)
- Text cards (3 highlighted features in a three-column layout with icons)
- Facts element (available shortly)
Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris.
Example: the accordion
When creating new accordion elements, please ensure that the heading of the text element is hidden. The container group already has a heading (in the example: “Accordion element – text only”). If the text element also had a heading, there would be two, which is generally unnecessary from a semantic point of view and may even be misleading, as they would appear one after the other.
When creating new accordion elements, please ensure that the heading of the text media element is hidden. The container group already has a heading (in the example: “Accordion element text and image”). If the text media element also had one, there would be two, which are generally not necessary from a semantic point of view and may even be misleading, as they appear directly one after the other.
Example: Downloads section
- Example video: Big Buck Bunny (mp4 - 30 MB) Description: Sample video
- Sample audio (mp3 - 494 KB) Audio file description
- Sample image (png - 663 KB) Description Sample image
- Sample PDF (pdf - 36 KB) File description