Gesuchvorlage

Fr Feb 01, 2019 11:51 pm

Titel

"It's fine now. Why? Because I am here!"

Gesuchter

Avatar

Fraktion

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.

Suchender

Alter

Fraktion

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.

Sonstiges

✘Punk1
✘Punkt 2

Code:: <div class="infobody"><div class="infokopf"><div class="titel">Titel</div><div class="subtitel">"It's fine now. Why? Because I am here!"</div><img src="https://i.servimg.com/u/f19/19/96/11/07/small10.png"></div> <div class="infocontent"> <div class="shortinfo">Gesuchter</div> <div class="shortinfo">Avatar</div><div class="shortinfo"> Fraktion</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 class="subtitel2">Suchender</div><hr> <div class="shortinfo">Suchender</div> <div class="shortinfo">Alter</div><div class="shortinfo"> Fraktion</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 class="subtitel2">Sonstiges</div><hr> ✘Punk1 ✘Punkt 2 </div> </div> <style>.infobody{width:550px; height:auto;background-image:url("https://i.servimg.com/u/f19/19/96/11/07/lined-10.jpg");margin-left:auto; margin-right: auto; border-left:6px solid #000;}.infokopf {width:100%; height:300px; background-color:#b3d1c6; text-align:center; border-bottom: 5px solid #fff; } .infocontent { width:85%; height:auto; margin-left:auto; margin-right:auto;text-align:justify; font-size:11px; margin-top:40px; text-align:justify;} .titel {font-family: impact; font-size:32px; color:#fff; letter-spacing:4px; text-transform:uppercase; background-color: transparent;padding-top:70px; } .subtitel { color:#fff; font-size:12px; padding:25px; text-transform:uppercase; letter-spacing:2px; } .subtitel2 { color:#000; font-size:12px; text-transform:uppercase; letter-spacing:2px; } .infokopf img { width:480px; margin-left:auto; margin-left:auto; margin-top:50px; filter: grayscale(0.5); border:5px solid #fff;} .shortinfo { width:30%; height:20px; background-color:#000; color:#fff; text-transform:uppercase; float:left; margin-left:2.5%; text-align:center; line-height:19px; margin-top:5px;} option {width:200px;float:left;height:30px; background-color:#b3d1c6; color:#fff; } select { float:left; padding: 2px 0 2px; background-color:#b3d1c6; color:#fff;} .attribut {width:50%; float:left; height:50px; border-style: none;} .bildreihe {margin-top:55px; width:100%; height:150px; background-color:#b3d1c6; } .bildreihe img {width:27%; float:left; margin-left:4.5%; background-color:#000;border:5px solid #fff; margin-top:10px; } hr { border-bottom:2px solid; } </style> </style>