Gesuche Vorlage

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <style text="text/css"> #wrappermonty { width: 500px; background-color: #FFF; } .bildmonty { background-image: url('http://placehold.it/500x270'); width: 500px; } .bildmonty2 { height: 240px; padding: 15px; opacity: 0; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; } .bildmonty2:hover { background-color: #DEE3E7; opacity: 0.8; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; } .textchara k { color: #006699; font-style: italic; } .textchara f { color: #006699; font-weight: bold; } #headlinem { width: 480px; background-color: #D8F3D4; font-family: 'Montserrat'; letter-spacing: 2px; font-style: italic; color: #006699; text-transform: uppercase; padding: 10px; text-transform: uppercase; text-align: center; font-size: 11px; } .quote { font-family: Helvetica; font-size: 26px; text-transform: uppercase; color: #006699; font-style: italic; text-align: center; line-height: 80%; } .infosboxen { display: inline-block; letter-spacing: 1px; font-family: calibri; font-size: 9px; text-transform: uppercase; background-color: #006699; padding: 5px; color: #FFFFFF; } #headlinem2 { width: 494px; background-color: #D8F3D4; padding: 3px; font-family: 'Montserrat'; font-size: 9px; color: #006699; text-transform: uppercase; text-align: center; font-style: italic; } .textchara { width: 494px; font-family: Calibri; font-size: 10px; height: 300px; overflow: auto; text-align: justify; padding: 3px; background-color: #FFFF; color: #000000; } .textchara::-webkit-scrollbar-thumb { background-color: #D8F3D4; } .textchara::-webkit-scrollbar { background-color: #FFFFF; width: 5px; }</style> <center> <div id="wrappermonty"> <div id="headlinem">Looking for someone special</div> <div style="padding: 1px;"></div> <div class="bildmonty"> <div class="bildmonty2"> <div style="padding: 40px;"></div> <div style="font-family: Helvetica; font-size: 26px; text-transform: uppercase; color: #006699; font-style: italic; text-align: center; line-height: 80%;"> I have been searching for you<br><font style="font-size: 20px;">But until yet, I have never found you</font></div> <div style="padding: 8px;"> <div class="infosboxen">name gesuchter</div> <div class="infosboxen">alter gesuchter</div> <div class="infosboxen">Beziehung zum gesuchten</div> <div class="infosboxen">klasse gesuchter</div> <div class="infosboxen">avatar gesuchter</div> </div> </div> </div> <div style="padding: 1px;"></div> <div id="headlinem2">When will you cross my path?</div> <div style="padding: 3px;"></div> <div class="textchara"><img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:left; margin-right: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic"><f>About Me</f></font> In ganzen Sätzen! Beschreibe deinen Charakter.
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
<div style="padding: 10px;"></div> <img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:right; margin-left: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic;"><f>About You</f></font> In ganzen Sätzen! Beschreibe den/die gesuchten Charakter(e).
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
*Linie entfernen*
<div style="padding: 10px;"></div> <img src="http://placehold.it/180x100" style="width: 180px; height: 100px; border: solid 3px #D8F3D4; float:left; margin-right: 13px;"/> <font style="font-family:Courier New; font-size: 12px; color: #006699; line-height: 95%; text-transform: uppercase; font-style: italic;"><f>About Us</f></font> In ganzen Sätzen! Beschreibe wie die Charaktere zueinander stehen.
</div> </div> </center>