[Vorlage] Gruppengesuch
Storyteller ➼ ()
(Name)
, (Alter, Geb.)
(Beruf)
(Haus)
(Rang)
(Element)
(Wesen)
(Status)
Offline
05.04.2022, 22:11 - Wörter:
#1




Titel
Avatarbild
Untertitel
Info
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Suchende/r

Name: ...
Fact: #1
Fact: #2
Verfügbarkeit:
Avatar:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Gesuchte/r 1

Name: ...
Fact: #1
Fact: #2
Verfügbarkeit:
Avatar:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Gesuchte/r 2

Name: ...
Fact: #1
Fact: #2
Verfügbarkeit:
Avatar:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Gesuchte/r 3

Name: ...
Fact: #1
Fact: #2
Verfügbarkeit:
Avatar:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Gesuchte/r 4

Name: ...
Fact: #1
Fact: #2
Verfügbarkeit:
Avatar:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
Sonst noch Etwas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.





Code:
<script src="https://kit.fontawesome.com/ec01bc9a22.js" crossorigin="anonymous"></script><style text="text/css"> @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@1,500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); #rundherum{width: 500px; background: url('https://i.imgur.com/DN71cmP.png'); border: #33452f 1px solid;} .titulierung1{ background-color: rgba(179, 180, 179, 0.4);  padding: 8px;}  .titulierung{color: #1a2319; background-color: rgba(179, 180, 179, 0.4); text-align: center;  font-family: 'Staatliches'; letter-spacing: 0px; padding: 5px; font-size: 18px;} #charavatar{border-radius: 40px; border: #1b261a 1px solid; height: 150px; width: 220px;margin-left: 10px; margin-top:15px; float: left;} #charaname1{background-color: rgba(179, 180, 179, 0.4); padding: 10px; margin-right: 0px;margin-top: 30px;} #charaname{margin-left: 0px; background-color: rgba(179, 180, 179, 0.4); color: #1a2319; font-size: 11px; font-family: 'Open Sans', sans-serif; padding: 5px;} #kekscontainer{width: 600px; display: flex; justify-content: space-between;align-items: center; margin-bottom: 20px;} .textboexli1{padding:5px;  margin-left: 12px;margin-top:77px; background-color: rgba(179, 180, 179, 0.4); } .textboexli{height: 250px; width: 450px; text-align: justify; font-size:12px; overflow-y: scroll; margin-left: 12px; margin-bottom: 10px; margin-top: 5px; background-color: rgba(179, 180, 179, 0.8); padding: 10px; color: #0b0d09 ;font-family: 'Open Sans', sans-serif;} .textboexli2{width: 450px; text-align: justify; font-size:12px; margin-left: 12px; margin-bottom: 10px; margin-top: 5px; background-color: rgba(179, 180, 179, 0.8); color: #0b0d09 ;font-family: 'Open Sans', sans-serif; padding: 10px} .textboexli2 a:visited{text-transform: normal;color: #556049;}.textboexli2 a:hover{text-transform: normal; color: #556049;} #textboexli::-webkit-scrollbar {display: none;} .headlining{font-size: 20px; text-align: center;font-family: 'Staatliches';  letter-spacing: 1px; background-color: rgba(109, 110, 83, 0.2); margin-bottom:10px} #familiencontainer{width: 420px; display: flex; border-bottom: #1a2319 3px solid; margin-top: 20px; align-items: center;} #relationpicture{width: 250px; height: 150px; border-radius: 40px; border: 1px solid #33452f } #relationbenennung{font-size: 20px; padding-left: 10px;} .copyright{text-align: right;font-size: 15px;color: #0b0d09; background-color: rgba(179, 180, 179, 0.7)} .copyright a:visited{text-transform: normal;color: #556049;} .copyright a:hover{text-transform: normal; color: #556049;} .weitereinformationen{font-size: 15px;} #specsbar{display: flex;} #strengths{float: left;margin-left: 65px; width: 200px; border-right: #1a2319 1px solid;} #weaknesses{float: right; margin-right: 65px; width: 200px;text-align: right;} .powertools{text-align: center; margin-bottom: 10px; font-size: 20px; font-weight: bolder;} .scroller { overflow-y: scroll; scrollbar-color: #828b80 #9e9e9a !important; scrollbar-width: thin;} .scroller1::-webkit-scrollbar {width: 4px;}.scroller1::-webkit-scrollbar-track {background: #9e9e9a;} .scroller1::-webkit-scrollbar-thumb {background:#828b80;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .factleft{width:166px;background-color: rgba(109, 110, 83, 0.2); border: #33452f 1px solid; border-radius:3px;margin-top:-3px;margin-bottom:6px; padding-left:3px;} .factright{float: right; width:164px;background-color: rgba(109, 110, 83, 0.2); border: #33452f 1px solid; border-radius:3px;margin-top:-3px;margin-bottom:6px; padding-left:3px;}</style>
    
        
<center>
<div id="rundherum">
<div class="titulierung1"><div class="titulierung"><i class="fa-duotone fa-fire-flame-curved" ></i> Titel<i class="fa-duotone fa-fire-flame-curved"></i></div></div>
<img id="charavatar" src="https://i.imgur.com/PSZywib.png" alt="Avatarbild"><br>
<div id="charaname1"> <div id="charaname">Untertitel</div></div>
<div class="textboexli1"><div class="textboexli scroller scroller1"><div class="headlining">Info</div>   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Suchende/r</div><img id="relationpicture" src="https://via.placeholder.com/250x150" style="float: right; margin-left:8px"/>
<div class="factleft">Name: ...</div>
<div class="factleft">Fact: #1</div>
<div class="factleft">Fact: #2</div>
<div class="factleft">Verfügbarkeit: </div>
<div class="factleft">Avatar: </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Gesuchte/r 1</div><img id="relationpicture" src="https://via.placeholder.com/250x150" style="float: left; margin-right:8px"/>
<div class="factright">Name: ...</div>
<div class="factright">Fact: #1</div>
<div class="factright">Fact: #2</div>
<div class="factright">Verfügbarkeit: </div>
<div class="factright">Avatar: </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Gesuchte/r 2</div><img id="relationpicture" src="https://via.placeholder.com/250x150" style="float: right; margin-left:8px"/>
<div class="factleft">Name: ...</div>
<div class="factleft">Fact: #1</div>
<div class="factleft">Fact: #2</div>
<div class="factleft">Verfügbarkeit: </div>
<div class="factleft">Avatar: </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Gesuchte/r 3</div><img id="relationpicture" src="https://via.placeholder.com/250x150" style="float: left; margin-right:8px"/>
<div class="factright">Name: ...</div>
<div class="factright">Fact: #1</div>
<div class="factright">Fact: #2</div>
<div class="factright">Verfügbarkeit: </div>
<div class="factright">Avatar: </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Gesuchte/r 4</div><img id="relationpicture" src="https://via.placeholder.com/250x150" style="float: right; margin-left:8px"/>
<div class="factleft">Name: ...</div>
<div class="factleft">Fact: #1</div>
<div class="factleft">Fact: #2</div>
<div class="factleft">Verfügbarkeit: </div>
<div class="factleft">Avatar: </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.
</div>
<div class="textboexli scroller scroller1"><div class="headlining">Sonst noch Etwas</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.
Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.
Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat.
Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.

</div>  
<div class="textboexli2 scroller scroller1">
<div id="specsbar">
<div id="strengths"><a href="https://tales.bplaced.net">Zum Forum </a>
</div>
<div id="weaknesses"><a href="LINK EINGEBEN">Zum Gesuch</a></div>
</div>
</div>
</div>        
<div class="copyright"><a href="https://seiringer-lukas.de">(C)Wanheda</a></div>    
</div>

</center>




Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste