Rubrik 1

Rubrik 2

Rubrik 3

Rubrik 4

Rubrik 5

Rubrik 6

---

Stycke

Kom du hit för något speciellt eller bara allmänt Riker-bashing? Och när du blåste upp till maximal warpfart, verkade du för ett ögonblick vara på två ställen samtidigt. Vi har en sabotör ombord. Vi vet att du handlar med stulen malm. Men jag vill prata om mordförsöket på löjtnant Worf. Skulle någon kunna överleva inne i en transportörbuffert i 75 år? Ödet. Det skyddar dårar, små barn och skepp.

Kom du hit för något speciellt eller bara allmänt Riker-bashing? Och när du blåste upp till maximal warpfart, verkade du för ett ögonblick vara på två ställen samtidigt. Vi har en sabotör ombord. Vi vet att du handlar med stulen malm. Men jag vill prata om mordförsöket på löjtnant Worf. Skulle någon kunna överleva inne i en transportörbuffert i 75 år? Ödet. Det skyddar dårar, små barn och skepp.

---

Betoning

1. Kom du hit för något i synnerhet eller bara allmänt

2. Kom du hit för något i synnerhet

3. Kom du hit

4. Kom du hit för något i synnerhet

5. Kom du hit för något i synnerhet

6. Kom du hit för något i synnerhet

7. URL:er och URL:er i vinkelparenteser kommer automatiskt att omvandlas till länkar. http://www.example.com eller

8. http://www.example.com och ibland example.com (men inte på Github, till exempel).

---

Länk

Jag är en länk med inline-stil

Jag är en länk med inline-stil och titel

Jag är en länk med referensstil

Jag är en relativ referens till en repository-fil

Du kan använda nummer för referensstilsdefinitioner

Eller lämna den tom och använd länktexten själv.

example.com (men inte på Github, till exempel).

Lite text för att visa att referenslänkar kan följa senare.

---

Numrerad lista

1. Listobjekt
2. Listobjekt
3. Listobjekt
4. Listobjekt
5. Listobjekt

---

Onumrerad lista

• Listobjekt
• Listobjekt
• Listobjekt
• Listobjekt
• Listobjekt

---

Kod och syntaxmarkering

HTML

<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Hem</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">Om</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";
});

---

Knapp

Button

---

Citat

Kom du hit för något speciellt eller bara allmänt Riker-bashing? Och när du blåste upp till maximal warpfart, verkade du för ett ögonblick vara på två ställen samtidigt.

---

Meddelande

---

Flik

---

Tabell

#	Förnamn	Efternamn	Alias
1	Rad:1 Cell:1	Rad:1 Cell:2	Rad:1 Cell:3
2	Rad:2 Cell:1	Rad:2 Cell:2	Rad:2 Cell:3
3	Rad:3 Cell:1	Rad:3 Cell:2	Rad:3 Cell:3

---

Fäll ihop

---

Bild

---

Youtube-video

---

Anpassad video