Gesuchsvorlage
Unsere Gesuchsvorlage kann sowohl für Einzel- als auch Gruppengesuche verwendet werden.Gesuchstitel
Untertitel / kurze Info
Der Gesuchte
Zitat
Name xxx
Art xxx
FC xxx
Über den Gesuchten
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. ✦ ✦ ✦
Der Suchende
Zitat
Name xxx
Art xxx
FC xxx
Über den Suchenden
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.✦ ✦ ✦
Hier kann der Suchende einen kurzen Text über sich selbst, seinen Spielstil oder Erwartungen einfügen. 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.
Code:
<link rel="stylesheet" href="https://veilofolympus.de/css-extern/gesuche.css">
<div class="voo-gesuch-groupsrch">
<div class="voo-gesuch-header">Gesuchstitel
<div class="voo-gesuch-headersmall">Untertitel / kurze Info</div>
</div>
<div class="voo-gesuch-charblock-wrapper">
<div class="voo-gesuch-charblock-title">Der Gesuchte</div>
<div class="voo-gesuch-charblock-titlesmall">Zitat</div>
<div class="voo-gesuch-charblock">
<div class="voo-gesuch-char-left">
<img src="https://placehold.co/150x150">
<div class="voo-gesuch-char-facts">
<div class="voo-gesuch-char-fact-row"><b>Name</b> <span>xxx</span></div>
<div class="voo-gesuch-char-fact-row"><b>Art</b> <span>xxx</span></div>
<div class="voo-gesuch-char-fact-row"><b>FC</b> <span>xxx</span></div>
</div>
</div>
<div class="voo-gesuch-char-right">
<div class="voo-gesuch-textbox">
<div class="voo-gesuch-subtitle">Über den Gesuchten</div>
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>
</div>
</div>
<div class="voo-gesuch-divider">✦ ✦ ✦</div>
<div class="voo-gesuch-charblock-wrapper">
<div class="voo-gesuch-charblock-title">Der Suchende</div>
<div class="voo-gesuch-charblock-titlesmall">Zitat</div>
<div class="voo-gesuch-charblock">
<div class="voo-gesuch-char-left">
<img src="https://placehold.co/150x150">
<div class="voo-gesuch-char-facts">
<div class="voo-gesuch-char-fact-row"><b>Name</b> <span>xxx</span></div>
<div class="voo-gesuch-char-fact-row"><b>Art</b> <span>xxx</span></div>
<div class="voo-gesuch-char-fact-row"><b>FC</b> <span>xxx</span></div>
</div>
</div>
<div class="voo-gesuch-char-right">
<div class="voo-gesuch-textbox">
<div class="voo-gesuch-subtitle">Über den Suchenden</div>
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>
</div>
</div>
<div class="voo-gesuch-divider">✦ ✦ ✦</div>
<div class="voo-gesuch-board-block">
<div class="voo-gesuch-selftext">
Hier kann der <b>Suchende</b> einen <i>kurzen Text</i> über sich selbst, seinen Spielstil oder Erwartungen einfügen. 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="voo-gesuch-factsbox">
<span class="link">griechische Mythologie</span>
<span class="link">L3S3V3</span>
<a href="#" class="link">Zum Gesuch</a>
<a href="https://veilofolympus.de/" class="link">Zum Board</a>
<a href="https://discord.gg/Pw6EnQKE" class="link">Discord</a>
</div>
</div>
<div class="voo-gesuch-footer"></div>
</div>