Malopi

Betreff

Hier kommt der Text rein

<details>
<details><summary class="aufklappen">Betreff</summary>
<p>Hier kommt der Text rein</p>
</details>

---

🧙‍♀️ 3

🦸‍♂️ 3

<table><tr><td style="background-color:#16161a;text-align: center;">
<fieldset id="kommentar"><legend title="Alex' Bewertung" id="alexn">🧙‍♀️</legend>
<span title="Schulnote" class="schulnote">3</span></fieldset></td>
<td style="background-color:#16161a;text-align: center;">
<fieldset id="kommentar"><legend title="Mattes Bewertung" id="matten">🦸‍♂️</legend>
<span title="Schulnote" class="schulnote">3</span></fieldset></td>
</tr></table>

---

🧙‍♀️ Alex

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

🦸‍♂️ Matte

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

<fieldset id="kommentar"><legend id="alex">🧙‍♀️ Alex</legend>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</fieldset>

<fieldset id="kommentar"><legend id="matte">🦸‍♂️ Matte</legend>
 Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</fieldset>

---

h5 – Überschrift

Hier geht der Text weiter …

<h5>h5 - Überschrift</h5>

---

h3 – Überschrift

Hier geht der Text weiter …

<h3>h3 - Überschrift</h3>

---

Wertung 5/10

★★★★★★★★★★

<fieldset><legend>Wertung 5/10</legend>
<div class="sterne">
<font color="#ECA72C">★★★★★</font><font color="#cbcbcb">★★★★★</font>
</div></fieldset>

---

<div style="text-align:right;">
<a href="http://www.malopi.de/wp-content/uploads/matti.ico">
<span class="download">💾 &nbsp;&nbsp;Download</span>
</a></div>

---

Spalte 1	Spalte 2	Spalte 3
Zeile 1A	Zeile 1B	Zeile 1C
Zeile 2A	Zeile 2B	Zeile 2C

<table><tr>
    <th>Spalte 1</th>
    <th>Spalte 2</th>
    <th>Spalte 3</th>
  </tr><tr>
    <td>Zeile 1A</td>
    <td>Zeile 1B</td>
    <td>Zeile 1C</td>
   </tr><tr>
     <td class="zzeile">Zeile 2A</td>
     <td class="zzeile">Zeile 2B</td>
     <td class="zzeile">Zeile 2C</td>
</tr></table>

---

<div class="box" id="rot">Ich bin eine rote Textbox!</div>

---

<figure>
  <img src="https://malopi.de/wp-content/uploads/800x100.png"> 
  <figcaption>Hier steht eine sehr lange Bildunterschrift.</figcaption>
</figure>

---

<figure>
  <img id="rand" src="https://malopi.de/wp-content/uploads/800x100.png"> 
</figure>

---

  <img id="orand" src="https://malopi.de/wp-content/uploads/800x100.png"> 

---

Klicke hier, um auf Google zu landen.

Klicke <a class="tlink" href="" target="_blank" rel="noopener">hier</a>, um auf Google zu landen.

---

Q mattestic.de

<span class="quelle" title="Quelle">Q</span> <a class="qlink" href="https://mattestic.de/sample-page/">mattestic.de</a>

---

---

Text mit 120% Größe. Kann z. B. als Vorwort verwendet werden.

<span class="vorwort">Text mit 120% Größe. Kann z. B. als Vorwort verwendet werden.</span>

---

🌸 15.09.2022

Kann als kurzer Update-Beitrag verwendet werden.

<fieldset id="kommentar"><legend id="ndatum">🌸 15.09.2022</legend>
Kann als kurzer Update-Beitrag verwendet werden.</fieldset>

---

<div class="youtube-responsive-container"><center><iframe style="border: 2px solid #242629; border-radius: 1px; padding: 3px;" width="560" height="315" src="https://www.youtube.com/embed/hRB-crMDsbM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center></div>