Telefon 001

<style>#telefon{width:213px;height:376px;overflow:hidden; position:relative;margin-left:3px}#telefon .slajd {transition: 1.5s; position: absolute; right: -0px; bottom: 0px; width: 213px; height: 376px;}#telefon:hover .slajd { transition: 1.5s; right: -213px;}.imie{ width: 213px; font-family: arial; font-size: 18px; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px;background-color:#7087a9; font-weight: bold;box-shadow:1px 1px 2px black; }.kontakt{width:80px; height:80px; box-shadow:1px 1px 0px black;border-radius:15px;}.nazwa{padding-left:15px;font-family:arial; font-size:14px; color:black; font-weight:bold;margin-top:8px; text-shadow:-1px 1px 1px white;} .nazwa2{padding-left:15px;font-family:arial; font-size:12px; color:black; font-weight:bold; text-shadow:-1px 1px 1px white;margin-top:-13px;} .numer{padding-left:15px;font-family:arial; font-size:11px; color:black; font-weight:bold; text-shadow:-1px 1px 1px white;margin-top:-13px;}</style>
<center><div style="width: 250px; height: 534px; background-image: url('http://i.imgur.com/Qx4mzTv.png');"><div style="height:75px;"></div><div id="telefon"><div class="slajd"><div style="width:213px; height:376px; background-image:url('zdjęcie, które jest na samym początku slajd,takie jakby tło')"></div></div><div style="width: 213px; height: 376px; background-color: #dce2ee"><div class="imie">imię nazwisko</div><br>
<center><img src="gif postaci nie za wysoki najlepiej" width="200px">
<div style=" width:190px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));  height:38px;padding:5px; color: #000; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 95%;  text-align: justify; overflow: auto;">
tekst wiadomości poczty głosowej
</div>
<div style="width:200px; border-bottom:3px double #7087a9;"></div><div style="height:180px; overflow:auto;">
<table><td><img src="ikona kontaktu" class="kontakt"></td><td><div style=" width:124px; border-radius:0px 15px 15px 0px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); height:78px; margin-left:-15px; margin-top:-7px; box-shadow:1px 1px 1px black;">
<div class="nazwa">imię nazwisko</div><br><div class="nazwa2">pseudo</div><br>
<div class="numer">999-999-999</div></div></td></table>
<table><td><img src="ikona kontaktu" class="kontakt"></td><td><div style=" width:124px; border-radius:0px 15px 15px 0px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); height:78px; margin-left:-15px; margin-top:-7px; box-shadow:1px 1px 1px black;">
<div class="nazwa">imię nazwisko</div><br><div class="nazwa2">pseudo</div><br>
<div class="numer">999-999-999</div></div></td></table>
<table><td><img src="ikona kontaktu" class="kontakt"></td><td><div style=" width:124px; border-radius:0px 15px 15px 0px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); height:78px; margin-left:-15px; margin-top:-7px; box-shadow:1px 1px 1px black;">
<div class="nazwa">imię nazwisko</div><br><div class="nazwa2">pseudo</div><br>
<div class="numer">999-999-999</div></div></td></table></div></center>
</div></div></div>
<a href="http://kotletbarani.blogspot.com/" style="font-size: 7px; letter-spacing: 3px; font-family: calibri;color: rgb(218, 213, 213);position: relative;top: -25px;">kotlet barani</a></center>