18.06.2025, 13:35
Hier einen
Titel einfügen
Titel einfügen




Gesuchter
Fakt One
Fakt Two
Fakt Three
Fakt Three

Fakt One
Fakt Two
Fakt Three
Fakt Three

Suchender
Informationen
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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Code:
<!-- Code by: Eevee [adrenaline] -'https://storming-gates.de/member.php?action=profile&uid=5935' --><center>
<div class="hintergrundgesuch">
<div class="obentitel"><div class="gesuch-titel">Hier einen
Titel einfügen</div></div>
<img src="https://placehold.co/100x50" class="mig1"> <img src="https://placehold.co/100x50" class="mig2"><img src="https://placehold.co/100x50" class="mig1"> <img src="https://placehold.co/100x50" class="mig2">
<div class="suchender-content"><div class="suchender-balken"></div><div class="suchender-titel">Gesuchter</div><div class="suchender-text"><div class="suchender-faktenbox"><div class="suchender-fakten">Fakt One</div> <div class="suchender-fakten">Fakt Two</div> <div class="suchender-fakten">Fakt Three</div> <div class="suchender-fakten">Fakt Three</div></div> <img src="https://placehold.co/80x80" style="float:left;width:80px;height: 80px;margin:5px;"> 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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </div>
</div><div class="information-balken"></div>
<div class="suchender-content"><div class="suchender-text"><div class="suchender-faktenbox"><div class="suchender-fakten">Fakt One</div> <div class="suchender-fakten">Fakt Two</div> <div class="suchender-fakten">Fakt Three</div> <div class="suchender-fakten">Fakt Three</div></div><img src="https://placehold.co/80x80" style="float:right;width:80px;height: 80px;margin:5px;"> 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="gesuchter-titel">Suchender</div><div class="suchender-balken"></div></div>
<div class="information-content"><div class="information-balken"></div><div class="information-titel">Informationen</div><div class="information-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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </div></div><div class="information-balken"></div>
</div></center><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<style type="text/css"> .hintergrundgesuch {width: 540px; height:auto;background: #a58570;} .obentitel { width: 520px; height: 205px; position: relative; background-color: #7d200e; margin-top:-18px; padding: 10px; }.gesuch-titel { font-family: "Playfair Display", serif;font-size: 50px;color: #a58570;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;} .mig1 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .mig2 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .suchender-content {position: relative;width: 100%;display: flex;min-height: 400px;}.suchender-balken {background: #7d200e;width: 100px;min-height: 400px;display: flex;flex-direction: column;justify-content: flex-end;}.suchender-text {padding: 10px;width: 440px;min-height: 400px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;margin-top:28px;} .suchender-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;position:absolute;margin-left:30px;font-weight:600;} .suchender-fakten { padding: 2px;background: #7d200e;font-size: 11px;font-weight: 600;height:20px;width:100px;display: inline-block;color:#a58570;text-align: center;} .suchender-faktenbox {width: 440px;margin-top:10px; }.gesuchter-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: right;position:absolute;font-weight:600;width: 500px;} .information-content {position: relative;width: 100%;min-height: 300px;}.information-balken {background: #7d200e;width: 100%;min-height: 10px;}.information-titel { font-family: "Playfair Display", serif;font-size: 40px;color:#3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;}.information-text {padding: 10px;width: 520px;min-height: 300px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;}
</style>