#
GESUCHSTITEL
.EIN KLEINER TEXT.




Wer sucht? [xxx]


Was wird gesucht? [xxx]



Sonstiges [xxx]



Titel
Name | Alter | Sonstiges

Die Gesuchte 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.
Status | Avatarperson



Titel
Name | Alter | Sonstiges

Die Gesuchte 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.
Status | Avatarperson


Schlusswort: 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.




FANTASY | KEINE MPL | Whitelist | Spieljahr






That time's just holding me down
I gotten this feeling

Code:
<div style="background: #151515; border: 10px solid #212121; outline: 1px solid #212121; color: #828282; text-align: justify; margin: 30px auto; width: 430px; font-family: Arial, sans-serif;">
    <div style="margin-bottom: -1px; background: #623146; border: 1px solid #212121; padding: 15px 50px; color: #151515; text-transform: uppercase; font: 900 28px/1.1em 'Playfair Display', serif; height: 100px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center;">
    GESUCHSTITEL
        <span style="display: block; font: 800 8px Calibri, sans-serif; letter-spacing: 3px; width: 100%;">.EIN KLEINER TEXT.</span>
    </div>
    
    <div style="display: block; border: 1px solid #212121; padding: 30px; font: 11px/1.4em Arial, sans-serif;">
<div class="container">

<div class="content">

<!-- Wer sucht? -->
<b>Wer sucht?</b> [xxx]<br><br>
<!-- Wer wird gesucht? -->
<b>Was wird gesucht?</b> [xxx]<br><br>

<!-- Sonstiges -->
<b>Sonstiges</b> [xxx]

<!-- Erste Ergebnis -->
<div style="margin-top:px;">
<table cellspacing=0 cellpadding=0 style="width:auto;">
<tr>
<td>
<div style="background-color:#5a2824;border-radius:px;padding:px;text-align:center;">
<img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" style="width:auto;height:auto;border-radius:px;">
</div>
</td>
<td style="padding-left:px;">
<div style="background-color:#393939;padding:px;border-radius:px;">
<b>Titel</b><br>
Name | Alter | Sonstiges<br><br>
<b>Die Gesuchte</b> 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.
</div>
<div class="search-info">Status | Avatarperson</div>
</div>
</td>
</tr>
</table>
</div>

<!-- Zweites Ergebnis -->
<div style="margin-top:px;">
<table cellspacing=0 cellpadding=0 style="width:auto;">
<tr>
<td>
<div style="background-color:#5a2824;border-radius:px;padding:px;text-align:center;">
<img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" style="width:auto;height:auto;border-radius:px;">
</div>
</td>
<td style="padding-left:px;">
<div style="background-color:#393939;padding:px;border-radius:px;">
<b>Titel</b><br>
Name | Alter | Sonstiges<br><br>
<b>Die Gesuchte</b> 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.
</div>
<div class="search-info">Status | Avatarperson</div>
</div>
</td></tr></table></div>

<!-- Schlusswort -->
<div style="margin-top:px;"><b>Schlusswort:</b> 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.</div>

<!-- Links -->
<div class="search-info"><a href="#">Forum</a> | <a href="#">Gesuch</a></div>

<!-- Weitere Infos -->
<div class="search-info" style="margin-top:-10px;">FANTASY | KEINE MPL | Whitelist | Spieljahr</div>

</div><!-- Ende content -->

</div><!-- Ende container -->
    </div>
    
    <div style="display: flex; flex-wrap: wrap; height: 45px; overflow: hidden; border: 1px solid #623146a1; margin: -1px 0;">
        <span style="color: #d89ea7; background: #393939; outline: 1px solid #623146a1; width: 60px; display: flex; align-items: center; justify-content: center; font-size: 30px;">☘</span>
        <div style="font: 700 12px/1.25 'Poppins', sans-serif; text-transform: uppercase; padding: 0 20px; background: #623146a1; color: #828282; width: 328px; align-items: center; align-content: center; flex-grow: 1; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;">
            That time's just holding me down
            <span style="display: block; width: 100%; font-size: 7px; letter-spacing: 2px; font-weight: 500;">I gotten this feeling</span>
        </div>
    </div>
</div>