Titel des Gesuchs
Name des Gesuchten
Alter
Gruppierung / Beruf
Blutstatus
Avatar Vorschlag
blablablablbalbalbalbla
» Frei «
Name des Suchenden
Blablbablablabla
Alter
Gruppierung / Beruf
Blutstatus
Avatarvorschlag
» Frei «
Abschluss
Blablabalbalbalbaba
Code:
<center><div class="gesuch-parent"><div class="gesuch-headline">Titel des Gesuchs</div>
<div class="gesuch-name">Name des Gesuchten</div>
<div class="gesuch-firstbox"><div class="gesuch-shorts"><i class="fas fa-birthday-cake"></i> Alter</div><div class="gesuch-shorts"><i class="fas fa-briefcase"></i> Gruppierung / Beruf</div><div class="gesuch-shorts"><i class="fas fa-heart"></i> Blutstatus</div><div class="gesuch-shorts"><i class="fas fa-camera-retro"></i> Avatar Vorschlag</div></div>
<div class="gesuch-secondbox">blablablablbalbalbalbla</div>
<div class="gesuch-name">» [color=green]Frei[/color] «</div>
<div class="gesuch-headline"></div>
<div class="gesuch-name">Name des Suchenden</div>
<div class="gesuch-secondbox">Blablbablablabla
</div>
<div class="gesuch-firstbox"><div class="gesuch-shorts"><i class="fas fa-birthday-cake"></i> Alter</div><div class="gesuch-shorts"><i class="fas fa-briefcase"></i> Gruppierung / Beruf</div><div class="gesuch-shorts"><i class="fas fa-heart"></i> Blutstatus</div><div class="gesuch-shorts"><i class="fas fa-camera-retro"></i> Avatarvorschlag</div></div>
<div class="gesuch-name">» [color=green]Frei[/color] «</div>
<div class="gesuch-headline">Abschluss</div>
<div class="gesuch-secondbox">Blablabalbalbalbaba
</div>
<div class="gesuch-firstbox"><div class="gesuch-shorts">» <a href="link">GESUCH</a> «</div><div class="gesuch-shorts">» <a href="https://no-rest-for-the-wicked.de/index.php">FORUM</a> «</div></div>
</div>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>.gesuch-parent { display:flex; width:500px;flex-direction: column; height:auto; background:#323435; color: #E0DCD2;} .gesuch-headline { height:30px; margin:5px; font-family: 'Playfair Display', serif;background:#3a3a3a; font-size: 18px;letter-spacing: 1.5px; color: #A98B47; line-height: 30px; text-align: center; text-transform: uppercase;} .gesuch-firstbox { display:flex; height:80px; flex-direction: row; flex-wrap: wrap; align-content: flex-start;} .gesuch-firstbox2 { display:flex; height:40px; flex-direction: row; flex-wrap: wrap; align-content: flex-start;} .gesuch-shorts {width:240px; height:30px; margin:5px; font-family: 'Playfair Display', serif;letter-spacing: 1.5px; font-size: 10px; line-height: 30px; text-align: center; text-transform: uppercase; background:#3a3a3a; color:#A98B47;} .gesuch-secondbox { margin:5px; height: 150px; background:#3a3a3a; padding:5px; text-align: justify;overflow: auto; scrollbar-width: none; font-size: 12px} .gesuch-name { height:30px; margin:5px; font-family: 'Playfair Display', serif;letter-spacing: 1.5px; font-size: 13px; color: #A98B47; background:#3a3a3a; line-height: 30px; text-align: center; text-transform: uppercase;}
</style></center>