Textinhalt von Section1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Typography
Überschrift
Absatz
Spalten
Textformatierung
Zitat
Liste
Tabelle
Notizen
Links
Bilder
Bildkarusell
Details - Text zum Aufklappen
Tabs
Section
Button
Label
Überschrift
H1 Heading 40px
H2 Heading 32px
H3 Heading 28px
H4 Heading 24px
H5 Heading 20px
H6 Heading 16px
Spalten
Spaltensatz 2-spaltig
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Spaltensatz 3-spaltig
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Absatz
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
Zeilenumbruch mit zwei Leerzeichen am Ende einer Zeile
oder mit einem html-br-tag
Codeblock
// Kommentar
<hr>
<h1>Quelltext</h1>Textformatierung
Bold **Bold**
Italic _Italic_
Deleted ~~Deleted~~
Inline Code `Inline Code`
HTML Semantic Text Elements
I18N <abbr>
Citation <cite>
Ctrl + S <kbd>
TextSuperscripted <sup>
TextSubscripted <sub>
Underlined <u>
Highlighted <mark>
<time>
x = y + 2 <var>
Zitat
The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.
- Bill Gates
Listen
Unordered List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Ordered List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Tabelle
| Name | Genre | Release date |
|---|---|---|
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
| The Godfather | Crime, Drama | 24 March 1972 |
| Schindler's List | Biography, Drama, History | 4 February 1994 |
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
Notiz
The notices styles are actually provided by the markdown-notices plugin but are useful enough to include here:
This is a warning notification
This is a error notification
This is a default notification
This is a success notification
Links
Link extern
Link extern neuer Tab
Link intern
Bilder
https://learn.getgrav.org/16/content/media
Bildkarusell
Detail
Ein Text zum Aufklappen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Noch ein Text zum Aufklappen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Tabs
Textinhalt von Tab1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Section
Textinhalt von Section2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Textinhalt von Section3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget dui sed nulla pulvinar maximus. Morbi arcu ante, vehicula at lobortis ut, fringilla at risus. Praesent mollis purus ut nulla porttitor luctus. Donec molestie iaculis rutrum. Etiam euismod dui dolor, non luctus odio bibendum id. Nam blandit dolor dui, quis tincidunt turpis tempus nec. Proin aliquam ex quam, vel laoreet nisl iaculis in. Sed risus lacus, pharetra vel pellentesque nec, tempus a justo. Proin hendrerit luctus leo, sagittis euismod nunc.
Buttons
Ein Button kann einen internen oder externen Link beinhalten
Labels
Standard-Label
standard label
primary label
error label
success label
Rounded-Label
standard label
error label
success label
