Code:
<div style="width:620px;max-width:95%;margin:16px auto;background:#fffaf5;border:1px solid #dfd5ca;box-shadow:0 8px 25px rgba(80,70,60,.15);overflow:hidden;color:#77716b;font-family:Arial,sans-serif;font-size:13px;line-height:1.65;box-sizing:border-box;"> <div style="height:235px;position:relative;background-color:#f8eee8;background-image:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,250,245,.18) 48%,#fffaf5 100%),url('DEINE-BILDURL-HIER');background-position:center;background-size:cover;background-repeat:no-repeat;text-align:center;box-sizing:border-box;padding-top:48px;border-bottom:1px solid #eadfd5;"> <div style="font-size:8px;text-transform:uppercase;letter-spacing:3px;color:#6f9d96;font-weight:bold;margin-bottom:6px;">Miami · Real Life RPG · Now Open</div> <div style="font-family:Georgia,serif;font-size:52px;line-height:46px;color:#e7867e;font-style:italic;text-shadow:0 2px 0 rgba(255,255,255,.75);"><a href="https://www.sunsetavenue.de" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Sunset</a></div> <div style="font-family:Arial,sans-serif;font-size:13px;letter-spacing:8px;text-transform:uppercase;color:#6f9d96;font-weight:bold;margin-top:7px;"><a href="https://www.sunsetavenue.de" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Avenue</a></div> <div style="display:inline-block;margin-top:14px;padding:6px 13px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);border-radius:20px;color:#8b7c73;font-size:8px;text-transform:uppercase;letter-spacing:1.4px;">Good vibes, salty air & stories that stay</div> </div> <div style="padding:27px 42px 24px;text-align:justify;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:25px;color:#e7867e;text-align:left;margin-bottom:11px;">Manche kommen, um neu anzufangen.</div> Miami ist eine Stadt, in der alles ein wenig heller wirkt. Das Meer liegt immer nur wenige Straßen entfernt, die Nächte scheinen endlos und hinter den glänzenden Fassaden führen die Menschen ihr ganz eigenes Leben. <br><br> Einige sind hier geboren, andere kehren nach Jahren zurück oder suchen einen Ort, an dem sie endlich ankommen können. Freundschaften entstehen, Beziehungen zerbrechen, Familiengeheimnisse kommen ans Licht und längst vergessene Gefühle kehren zurück. <br><br> Auf der Sunset Avenue stehen eure Charaktere und ihre persönlichen Geschichten im Mittelpunkt. Ruhiger Alltag, große Gefühle, berufliche Träume, familiäre Konflikte oder spannungsgeladene Crime-Plots – ihr entscheidet, welchen Weg sie gehen. </div> <div style="width:82%;height:1px;margin:0 auto 23px;background:linear-gradient(to right,transparent,#dfd5ca,transparent);text-align:center;"> <span style="position:relative;top:-11px;padding:0 10px;background:#fffaf5;color:#e7867e;font-size:13px;">✦</span> </div> <div style="padding:0 38px 25px;box-sizing:border-box;"> <div style="padding:19px 21px;background:#ffffff;border:1px solid #e6dcd2;border-left:4px solid #efaaa3;text-align:justify;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:22px;color:#6f9d96;margin-bottom:7px;">Dein Leben in Miami</div> Vielleicht lebt dein Charakter mit seiner Familie in Coconut Grove, verfolgt in Brickell seine Karriere, verbringt seine Nächte in South Beach oder ist tief in Little Havana verwurzelt. <br><br> Auch Kriminalfälle, Unfälle, Vermisstenfälle und größere Stadtereignisse können das Inplay bereichern. Sie bleiben jedoch freiwillig und sollen persönliche Geschichten ergänzen, nicht verdrängen. </div> </div> <div style="padding:27px 34px 29px;background:linear-gradient(135deg,#edf7f4,#ffffff,#fff2ef);border-top:1px solid #d3e5e1;border-bottom:1px solid #d3e5e1;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:27px;color:#6f9d96;text-align:center;">Das PulsePad</div> <div style="font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#aaa198;margin:4px 0 18px;">Das digitale Herz der Sunset Avenue</div> <div style="margin-bottom:15px;text-align:center;color:#8f8983;font-size:11px;line-height:1.6;"> Nachrichten, soziale Medien, Dates, neue Connections, Pläne und aktuelle Meldungen sind direkt in das Forum integriert. </div> <table style="width:100%;border-collapse:separate;border-spacing:8px;"> <tr> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #efaaa3;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">✉ PulseChat</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Private Nachrichten und Gruppenchats für SMS, Absprachen und kleine Inplay-Gespräche.</div> </td> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #a9d1ca;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">◎ Pulsegram</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Fotos, Likes und Kommentare zeigen kleine öffentliche Momente aus dem Alltag.</div> </td> </tr> <tr> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #efaaa3;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">♡ Match & Connect</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Dating, Freundschaften, Familie, Rivalitäten und neue Plotanschlüsse finden.</div> </td> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #a9d1ca;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">▢ Plans & Notes</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Treffen planen, Ideen speichern und mit Daily Spark neue Impulse erhalten.</div> </td> </tr> <tr> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #efaaa3;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">✦ News & Dispatch</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Wetter, Stadtmeldungen und bespielbare Ereignisse liefern neue Szenenideen.</div> </td> <td style="width:50%;vertical-align:top;padding:14px 15px;background:#ffffff;border:1px solid #ddd6cf;border-top:3px solid #a9d1ca;box-sizing:border-box;"> <div style="font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#706a65;font-weight:bold;margin-bottom:5px;">⌕ Miami Wanted</div> <div style="font-size:10px;line-height:1.55;color:#8f8983;">Offene Rollen, berufliche Positionen und persönliche Anschlüsse entdecken.</div> </td> </tr> </table> </div> <div style="padding:27px 38px 28px;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:25px;color:#6f9d96;text-align:center;">Eure Charaktere</div> <div style="font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#aaa198;margin:4px 0 16px;">Individuell · persönlich · voller Geschichten</div> <div style="padding:19px 21px;background:#ffffff;border:1px solid #e6dcd2;border-left:4px solid #efaaa3;text-align:justify;box-sizing:border-box;"> Jeder Charakter erhält ein ausführliches Profil mit persönlichen Informationen, Beziehungen, Bildern und Moodboard. Ob Ärztin, Polizist, Barkeeper, Studentin, Unternehmer oder Familienmensch – in Miami ist Platz für die Geschichte, die ihr erzählen möchtet. </div> </div> <div style="padding:27px 30px;background:#f8f5f0;border-top:1px solid #e3d9cf;text-align:center;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:24px;color:#6f9d96;margin-bottom:13px;">Was euch erwartet</div> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #edcbc5;border-radius:20px;color:#b86e68;font-size:8px;text-transform:uppercase;">18+ Real Life</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #c9dfda;border-radius:20px;color:#628e88;font-size:8px;text-transform:uppercase;">Miami</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #dfd5ca;border-radius:20px;color:#77716b;font-size:8px;text-transform:uppercase;">Gegenwart</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #edcbc5;border-radius:20px;color:#b86e68;font-size:8px;text-transform:uppercase;">Szenentrennung</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #c9dfda;border-radius:20px;color:#628e88;font-size:8px;text-transform:uppercase;">PulsePad</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #dfd5ca;border-radius:20px;color:#77716b;font-size:8px;text-transform:uppercase;">Events & Plots</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #edcbc5;border-radius:20px;color:#b86e68;font-size:8px;text-transform:uppercase;">Crime möglich</span> <span style="display:inline-block;padding:6px 10px;margin:3px;background:#ffffff;border:1px solid #c9dfda;border-radius:20px;color:#628e88;font-size:8px;text-transform:uppercase;">L3S3V3</span> </div> <div style="padding:31px 42px;text-align:center;background:linear-gradient(to right,#edf7f4,#ffffff,#fff1ee);border-top:1px solid #e3d9cf;box-sizing:border-box;"> <div style="font-family:Georgia,serif;font-size:28px;color:#e7867e;">Deine Geschichte beginnt hier.</div> <div style="margin-top:7px;color:#6f9d96;font-size:8px;font-weight:bold;text-transform:uppercase;letter-spacing:2.2px;">Sunset Avenue · We are live</div> <div style="margin-top:14px;color:#77716b;"> Manche kommen nach Miami, um neu anzufangen. Andere wollen endlich ankommen. Vielleicht beginnt deine Geschichte genau hier. </div> <div style="margin-top:17px;"> <a href="https://www.sunsetavenue.de" style="display:inline-block;margin:3px;padding:9px 17px;background:#e7867e;border-radius:22px;color:#ffffff;text-decoration:none;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">Zum Forum</a> <a href="https://discord.gg/EWKhrcARkB" style="display:inline-block;margin:3px;padding:9px 17px;background:#6f9d96;border-radius:22px;color:#ffffff;text-decoration:none;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;">Zum Discord</a> </div> </div> <div style="padding:9px;background:#f1ebe4;border-top:1px solid #e0d6cc;color:#aaa199;font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;"><a href="https://www.sunsetavenue.de" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Sunset Avenue · Miami Real Life RPG</a></div> </div>
“
Somewhere between the palm trees and the skyline,
we found our chaos.
