25.07.2019, 15:35
Code:
<div id="hod-forumscode">
<div class="hod-titel">Schöner Titel</div>
<div class="hod-untertitel">Ich bin ein wunderhübscher Subtitel und runde alles ab</div>
<div class="hod-text"><table style="margin:auto;"><tbody><tr><td><img src="https://placehold.it/220x100" class="gesuchsbild">
<div class="hod_box"><div class="hod_who">suchende</div>
<div class="hod_name">Vorname Nachname</div>
<div class="hod_info">Alter / Beruf / Gang / Beziehungstatus / Avatarperson</div></div></td><td>
<div class="hod_tbox">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. 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. 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> </td></tr></tbody></table>
<div class="hod-status">Frei </div></div>
<div class="hod-text"><table style="margin:auto;"><tbody><tr><td><div class="hod_tbox">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. 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. 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></td><td><img src="https://placehold.it/220x100" class="gesuchsbild"><div class="hod_box"><div class="hod_who">gesuchte</div>
<div class="hod_name">Vorname Nachname</div>
<div class="hod_info">Alter / Beruf / Gang / Beziehungstatus / Avatarperson</div></div></td>
</tr></tbody></table>
<div class="hod-status">Vergeben </div></div>
<div class="hod-zwischentitel"><div class="hod-zwtitel">WHAT'S THE PLAN?</div> <div class="hod-zwklein">DIE IDEEN FÜRS ZUKÜNFTIGE INPLAY</div></div>
<div class="hod-text">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. 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. 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="hod-zwischentitel"><div class="hod-zwtitel">LAST WORDS</div><div class="hod-zwklein">ALLES WISSENSWERTE ZUM SCHLUSS</div></div>
<div class="hod-text">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. 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. 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 class="hod-status"><a href="LINK">LINK ZUM FORUM</a> / <a href="LINK EINFÜGEN">LINK ZUM GESUCH</a> </div></div><div class="credits">by <a href="https://storming-gates.de/member.php?action=profile&uid=1712">Lara</a></div>
</div><link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital@1&family=Felipa&display=swap" rel="stylesheet"><style type="text/css">#hod-forumscode{margin:auto auto;width:500px;background:#c8beab;color:#512718;border-bottom:10px solid #373e45;border-top:10px solid #373e45;height:auto}.hod-titel{font-family:'Crimson Text',serif;font-size:40px;text-align:center;color:#373e45;line-height:38px;margin-top:15px;text-shadow:2px 2px 2px #5d6976}.hod-untertitel{font-size:10px;text-align:center;color:#373e45;padding:4px;letter-spacing:2px;font-family:'Crimson Text',sans-serif}.hod-text{color:#23211b; width:420px;margin:auto;background:#bfb3a4;text-align:justify;padding:10px;font-size:10px;font-family:Verdana,Arial,Sans-Serif;line-height:13px;margin-top:15px;margin-bottom:15px}.hod_box{width:220px;height:auto;background-color:#373e45;padding-top:3px;margin-top:5px;color:#c8beab}.hod_who{color:#c8beab;font-family:'Crimson Text',sans-serif;font-size:15px;text-align:center;text-transform:uppercase;letter-spacing:3px;line-height:10px;padding:6px}.hod_name{color:#c8beab;font-family:'Crimson Text',sans-serif;font-size:28px;text-align:center;text-transform:uppercase;padding-bottom:4px;line-height:32px}.hod_info{font-style:italic;font-family:calibri;text-align:center;color:#c8beab;font-size:11px;line-height:10px;padding-bottom:6px;padding-left:5px;padding-right:5px}.hod_tbox{height:206px;background-color:#c8beab;font-family:calibri;font-size:11px;text-align:justify;overflow:auto;padding:3px;color:#23211b}.hod-status{background:#373e45;font-family:'Crimson Text',sans-serif;font-size:15px;text-align:center;padding:5px;color:#c8beab}.hod-zwischentitel{width:500px;height:auto;background:#373e45;margin:auto;color:#c8beab}.hod-zwtitel{font-family:'Crimson Text',sans-serif;font-size:25px;text-align:center;text-transform:uppercase;color:#c8beab;line-height:38px;margin-top:20px}.hod-zwklein{font-size:8px;text-align:center;text-transform:uppercase;color:#c8beab;padding:4px;margin-top:-10px;letter-spacing:2px;font-family:'Crimson Text',sans-serif}.hod-status a{color:#c8beab}.hod-status a:hover,a:active{color:#c8beab}#hod-forumscode ::-webkit-scrollbar{width:6px}#hod-forumscode ::-webkit-scrollbar-track{background:#c8beab}#hod-forumscode ::-webkit-scrollbar-thumb{background:#373e45;border:1px solid #373e45;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}#hod-forumscode ::-webkit-scrollbar-button{width:2px;height:2px}.credits{color:#373e45;text-align:center;font-family:Fjalla one;font-size:12px;padding-bottom:3px}.credits a {color: #373e45;}</style>