<center><link href='http://fonts.googleapis.com/css?family=Esteban' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'><style type="text/css">.headline {font-family: Esteban; background-color: #e3e3e3; font-size: 65px; color: #7F0E37; margin-bottom: 12px; text-shadow: #d3d3d3 1px 1px 0px; text-align: center; letter-spacing: -5px; text-transform: uppercase; line-height: 20px;} .text {padding: 2px 2px 2px 2px; text-align: justify; color: #252525; font-family: corbel; line-height: 11px; font-size: 12px;} .subheader {font-family: Esteban; background-color: #e3e3e3; font-size: 20px; color: #7F0E37; text-shadow: #d3d3d3 1px 1px 0px; text-align: center; letter-spacing: -3px; text-transform: uppercase; line-height: 19px;} .title {margin-left: 6px; margin-top: 5px; font-family: Contrail One; padding: 1px; text-transform: uppercase; font-size: 15px; font-weight: light; letter-spacing: 1px; color: #252525; line-height: 12px; border-bottom: 1px dotted #55114b;} .subtitle {margin-left: 6px; font-family: Contrail One; font-size: 11px; line-height: 10px; color: #7f0e37; letter-spacing: 2; text-transform: uppercase; text-align: justify;} .credit {text-align: center; color: #4c4c4c; font-family: esteban; text-transform: lowercase; line-height: 10px; font-size: 11px;} </style>

<div style="width: 500px; border: 4px solid #e3e3e3; background-color: #d3d3d3;"><div class=headline>magnificent</div><div class=subheader>only love can leave such a mark </div>
<table><tr><td><div style="background-color: #7F0E37; width: 100px; height: 145px;"></div></td><td><div style="background-color: #e3e3e3; height: 145px; overflow:auto; align: center;"><div class=title>TITEL PUNKT 1</div> <div class=subtitle>CHARAINFO ZU PUNKT 1</div><div class=text>TEXT ZU PUNKT 1 KOMMT HIER REIN</div></td><td><img src=URL ZUM BILD 1 100x145px></td></tr></table><table><tr><td><img src=URL ZUM BILD 2 100x145px></td><td><div style="background-color: #e3e3e3; height: 145px; overflow:auto; align: center;"><div class=title>TITEL PUNKT 2</div> <div class=subtitle>CHARAINFO ZU PUNKT 2 </div><div class=text>TEXT PUNKT 2</div></td></tr></table><table><tr><td><img src=URL ZUM BILD 3 100x145px></td><td><div style="background-color: #e3e3e3; height: 145px; overflow:auto; align: center;"><div class=title>TITEL PUNKT 3</div> <div class=subtitle>HIER KOMMEN CHARAINFOS(?) ZU PUNKT 3 REIN</div><div class=text>HIER KOMMT EUER TEXT ZU PUNKT 3 REIN</div></td></tr></table><table><tr><td><img src=URL ZUM BILD 4 100x145px></td><td><div style="background-color: #e3e3e3; height: 145px; overflow:auto; align: center;"><div class=title>TITEL PUNKT 4</div> <div class=subtitle>HIER KOMMEN CHARAINFOS ZU PUNKT 4 REIN</div><div class=text>HIER KOMMT EUER TEXT ZU PUNKT 4 REIN</div></td></tr></table><table><tr><td><div style="background-color: #e3e3e3; width: 100px; height: 145px;"></div></td><td><div style="background-color: #e3e3e3; height: 145px; overflow:auto; align: center;"><div class=title>PUNKT 5 ÜBERSCHRIFT</div> <div class=subtitle>5. PUNKT CHARAINFOS</div><div class=text>HIER KOMMT EUER TEXT ZUR KATEGORIE PUNKT 5 REIN. </div></td><td><div style="background-color: #7f0e37; width: 100px; height: 145px;"></div></td></tr></table><div class=subheader>HIER DER TEXT, DER UNTER DEM GANZEN STEHEN SOLL</div>
<div class=credit>thanks to <a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=215">madam mim</a></div></div></div>