Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

---

Absatz

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.

---

Hervorhebungen

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 reference-style link

I’m a relative reference to a repository file

Sie können Zahlen für Linkdefinitionen im Referenzstil verwenden

Oder lassen Sie es leer und verwenden Sie den [Linktext selbst].

example.com (aber nicht beispielsweise auf Github).

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

---

Geordnete Liste

1. Listenelement
2. Listenelement
3. Listenelement
4. Listenelement
5. Listenelement

---

Ungeordnete Liste

• Listenelement
• Listenelement
• Listenelement
• Listenelement
• Listenelement

---

Code und Syntaxhervorhebung

HTML

<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Startseite</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">Über uns</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

Voll Umriss

---

Zitat

Ihre Arbeit wird einen großen Teil Ihres Lebens ausfüllen, und der einzige Weg, wirklich zufrieden zu sein, besteht darin, das zu tun, was Sie für großartige Arbeit halten. Und der einzige Weg, großartige Arbeit zu leisten, besteht darin, zu lieben, was man tut. von Steve Jobs

---

Hinweis

---

Tab

• Tab 1
• Tab 2
• Tab 3

Sind Sie aus einem bestimmten Grund hierhergekommen?

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.

Ich möchte über das Attentat auf Lieutenant Worf sprechen

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.

Wir wissen, dass Sie mit gestohlenem Erz handeln

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

---

Tabelle

#	Erste	Zweite	Dritte
1	Zeile1:Zelle1	Zeile1:Zelle2	Zeile1:Zelle3
2	Zeile2:Zelle1	Zeile2:Zelle2	Zeile2:Zelle3
3	Zeile3:Zelle1	Zeile3:Zelle2	Zeile3:Zelle3

---

Accordion

Warum sollten Sie dies tun?

• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.

Wie kann ich die horizontale Zentrierung anpassen?

• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.

Sollten Sie negative Abstände verwenden?

• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.
• Dies ist eine Sache.

---

Bild

---

Youtube-Video

---

Eigenes Video