Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

---

Absatz

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf. Could someone survive inside a transporter buffer for 75 years? Fate. It protects fools, little children, and ships.

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf. Could someone survive inside a transporter buffer for 75 years? Fate. It protects fools, little children, and ships.

---

Hervorhebungen

1. Did you come here for something in particular or just general

2. Did you come here for something in particular

3. Did you come here

4. Did you come here for something in particular

5. Did you come here for something in particular

6. Did you come here for something in particular

7. URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or

8. http://www.example.com and sometimes example.com (but not on Github, for example).

---

Link

I’m an inline-style link

I’m an inline-style link with title

I’m a reference-style link

I’m a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

---

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

Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do. von Steve Jobs

---

Hinweis

---

Tab

• Tab 1
• Tab 2
• Tab 3

Sind Sie aus einem bestimmten Grund hierhergekommen?

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf.

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