Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

---

Paragraph

Bist du wegen etwas Bestimmtem hierher gekommen oder hast du nur generell Riker verunglimpft? Und als Sie die maximale Warpgeschwindigkeit erreichten, schienen Sie für einen Moment an zwei Orten gleichzeitig zu sein. Wir haben einen Saboteur an Bord. Wir wissen, dass Sie es mit gestohlenem Erz zu tun haben. Aber ich möchte über das Attentat auf Lieutenant Worf sprechen. Könnte jemand 75 Jahre in einem Transporterpuffer überleben? Schicksal. Es schützt Narren, kleine Kinder und Schiffe.

Bist du wegen etwas Bestimmtem hierher gekommen oder hast du nur generell Riker verunglimpft? Und als Sie die maximale Warpgeschwindigkeit erreichten, schienen Sie für einen Moment an zwei Orten gleichzeitig zu sein. Wir haben einen Saboteur an Bord. Wir wissen, dass Sie es mit gestohlenem Erz zu tun haben. Aber ich möchte über das Attentat auf Lieutenant Worf sprechen. Könnte jemand 75 Jahre in einem Transporterpuffer überleben? Schicksal. Es schützt Narren, kleine Kinder und Schiffe.

---

Emphasis

1. Sind Sie wegen etwas Besonderem oder einfach nur Allgemeinem hierher gekommen?

2. Sind Sie wegen etwas Besonderem hierher gekommen?

3. Bist du hierher gekommen

4. Sind Sie aus etwas Besonderem hierher gekommen?

5. Sind Sie wegen etwas Bestimmtem hierher gekommen?

6. Sind Sie wegen etwas Bestimmtem hierher gekommen?

7. URLs und URLs in spitzen Klammern werden automatisch in Links umgewandelt. http://www.example.com oder

8. http://www.example.com und manchmal example.com (aber beispielsweise nicht auf Github).

---

Link

I’m an inline-style link

[Ich bin ein Inline-Link mit Titel](https://www.google.com „Googles Homepage“)

I’m a relative reference to a repository file

example.com (aber nicht beispielsweise auf Github).

Etwas Text, um zu zeigen, dass die Referenzlinks später folgen können.

---

Ordered List

1. List item
2. List item
3. List item
4. List item
5. List item

---

Unordered List

• List item
• List item
• List item
• List item
• List item

---

Code and Syntax Highlighting

HTML

<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">About</a>
  </li>
</ul>

---

CSS

img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

---

JavaScript

window.addEventListener("load", (e) => {
  document.querySelector(".preloader").style.display = "none";
});

---

Button

Solid Outline

---

Quote

Bist du wegen etwas Bestimmtem hierher gekommen oder hast du nur generell Riker verunglimpft? Und als Sie die maximale Warpgeschwindigkeit erreichten, schienen Sie für einen Moment an zwei Orten gleichzeitig zu sein.

---

Notice

---

Tab

• Tab 1
• Tab 2
• Tab 3

Did you come here for something in particular?

Bist du wegen etwas Bestimmtem hierher gekommen oder hast du nur generell Riker verunglimpft? Und als Sie die maximale Warpgeschwindigkeit erreichten, schienen Sie für einen Moment an zwei Orten gleichzeitig zu sein. Wir haben einen Saboteur an Bord. Wir wissen, dass Sie es mit gestohlenem Erz zu tun haben. Aber ich möchte über das Attentat auf Lieutenant Worf sprechen.

I wanna talk about the assassination attempt

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.

We know you’re dealing in stolen ore

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

---

Table

#	First	Last	Handle
1	Row:1 Cell:1	Row:1 Cell:2	Row:1 Cell:3
2	Row:2 Cell:1	Row:2 Cell:2	Row:2 Cell:3
3	Row:3 Cell:1	Row:3 Cell:2	Row:3 Cell:3

---

Accordion

Warum sollten Sie das tun müssen?

• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.

Wie kann ich die horizontale Zentrierung anpassen?

• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.

Sollten Sie eine negative Marge verwenden?

• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.
• Das ist eine Sache.

---

Image

---

Youtube video

---

Custom video