[Schriftrollenhüter]

Einzelgesuch

Vereinfachter Code, wie er nur bei uns im Forum funktioniert:

TODO

Dieser Code wird bei uns im SG verwendet:

Code:

<link href="https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;1,400&display=swap" rel="stylesheet">
<div style="background:#ebebeb;color:#000;font-family:'Red Hat Display';display:flex;margin:auto;width:500px;">
<table style="position: relative;width:100%; margin:0; padding: 0px;">
<tr><td colspan="2">
<div style="position:relative;">
<img src="HINTERGRUND" height="240px" style="object-fit:cover;width:100%;">
</div>
<div style="position:absolute;top:100px;width:100%;font-family:'Alex Brush'; font-size:42px; text-align:center;">ÜBERSCHRIFT</div>
<div style="position:absolute;top:200px;left:42%;border:'2px solid black';border-radius:50%;width:100px;height:100px;">
<img src="WAPPEN" style="object-fit:cover;width:80px; height:80px; border-radius:50%;">
</div>
<div style="padding:10px;padding-top:50px;text-align:justify;font-size:12px;">
GESUCHSÜBERSICHT
</div>
<div style="text-align:center; padding:10px;font-weight:bold;font-size:36px; font-family: 'Alex Brush' ">
<span style="">Gesucht</span>
</div>
<table cellspacing="10">
<tr>
<td valign="top" width="50%" height="300px" style="padding-bottom:50px;">
<img src="GESUCHSBILD height 300px" width="100%" height="300px" style="object-fit:cover;">
</td>
<td valign="top" width="50%" height="200px" style="width:50%;text-align:justify;padding-bottom:50px;">
<div style="overflow-y: scroll;padding-right:10px;height:300px;font-size:12px"><span style="font-weight:bold;color:#404D4F;">VORNAME NACHNAME</span>
ALTER, STAND | BERUF | <i>AVATAR</i>
<hr>
GESUCHSTEXT
</div>
</td>
</tr>
<tr><td colspan="3" style="text-align:center; font-weight:bold;font-size:36px; font-family: 'Alex Brush' ">
<span>Suchend</span>
</td></tr>
<tr><td valign="top" width="50%" height="200px" style="width:50%;text-align:justify;padding-bottom:50px;">
<div style="overflow-y: scroll; padding-right:10px;height:300px;font-size:12px"><span style="font-weight:bold;color:#404D4F;">VORNAME NACHNAME</span>
ALTER, STAND | BERUF | <i>AVATAR</i>
<hr>
<i>FREI, VERGEBEN, RESERVIERT - </i> SUCHENDER TEXT HIER
</div>
</td>
<td valign="top" width="50%" height="200px">
<img src="SUCHENDERBILD height 300px" width="100%" height="300px" style="object-fit:cover;">
</td></tr>
</table>
<div style="padding:10px;text-align:justify;font-size:12px;">
ABSCHLIEßENDER TEXT
</div>
<hr>
</td>
</tr>
<tr style="text-align:center; padding:10px;padding-bottom:50px;" >
<td width="50%" style="padding-bottom:30px">
<a href="GESUCHLINK" style="color:#808080;text-decoration:none;">Zum Gesuch</a>
</td>
<td width="50%" style="padding-bottom:30px">
<a href="https://facingthestorm.de" style="color:#808080;text-decoration:none;">Zum Forum</a>
</td>
</tr>
</table>
</div>