Képek, kódok

<style type="text/css">.bohone{width: 250px; font-family: calibri, serif; font-size: 10px; line-height: 100%; color: #222; text-align: justify; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px}.bohone b{font-family: times, sans-serif; font-size: 15px; line-height: 110%; text-transform: lowercase; font-style: italic;}.come{-webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; width: 290px; height: 250px}.what{transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; width: 290px; height: 250px;}.come:hover .what{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg);}.may {overflow: hidden; transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute;}.yup{overflow: hidden; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); opacity: 0; -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s;  -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; width: 290px; height: 250px; overflow: auto;}.come:hover .yup{-moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; opacity: 1;}</style><link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'><center><div style="width: 290px; padding: 30px; background-color: #f0f0f0"><div class="come"><div class="what"><div class="may"><div style="width: 290px; height: 250px; background-image: url(KÉP IDE)"></div></div><div class="yup"><div style="width: 290px; height: 250px; background-image: url(KÉP IDE)"><div style="height: 150px"></div><div style="width: 290px; font-family: 'Mrs Saint Delafield', serif; font-size: 50px; text-align: center; line-height">NÉV ide</div><div style="width: 260px; font-family: 'Lekton', serif; font-size: 12px; text-transform: uppercase; line-height: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; background-color: #222; color: #fff; padding-top: 10px; padding-bottom: 10px;">szöveg ■ szöveg ■ szöveg</div></div></div></div></div><div style="width: 250px; background-color: #fafafa; padding: 20px"><div class="bohone">[b]friends[/b] you?
<p>[b]enemies[/b] you or you?
<p>[b]lovers[/b] you or you?
</div></div></div></center>

<center><link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'><style type="text/css">::-webkit-scrollbar{background: #fafafa; width: 8px;}::-webkit-scrollbar-thumb{background: #050505; width: 8px}::-webkit-scrollbar-corner{background: #050505;}</style><div style="width: 500px; text-align: justify"><TABLE><td><div style="width: 250px; height: 250px; background-image: url(250x250KÉP VAGY GIF)"></div></td><td><div style="width: 250px; height: 250px; background-color: #fafafa"><br><center><div style="width: 220px; height: 225px; text-align: justify; font-size: 10px; font-family: helvetica neue; color: #000; overflow: auto"><div style="text-align: center; font-size: 40px; font-family: 'Mrs Saint Delafield', cursive;"><br>Teljes Neved</div>
kapcsolatunk</div></td></table></center>

<center><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><div style="width: 505px; border-left: 2px dashed white; border-right: 2px dashed white;"><center><div style="font-family:'Dancing Script', cursive; letter-spacing: 2px; font-size: 45px;color: white; text-shadow: 5px 5px 5px darkred; margin-top: 5px;">Karakter Neve</div></center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700' rel='stylesheet' type='text/css'><center><style type="text/css">.app{width: 450px; height: 280px; padding: 25px; background-image: url(KÉP IDE);}.lol{width: 90px; height: 160px; text-align: center; color: darkred; margin-left: -100px; margin-top: -120px;}.history{width: 350px; height: 250px; margin-top: 30px; opacity: 0.8; background-color: #000000; padding: 10px;}</style><div id="slide"><div class="app"><table cellpadding="0" cellspacing="0"><td><div class="history"><div style="width: 345px; height: 393px; font-family: Oswald; color: #fff; overflow: auto; text-align: justify; padding-right: 5px;"> <b>FRIENDS</b><br>Text here.<br><br><b>LOVERS - EX</b><br>Text here.<br><br><b>ENEMIES - OTHERS</b><br>Text here.</div></div></div></td></table></div></div></div></center></div>