Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'><center>
<div style="width: 450px; padding: 20px; background: #D1EEF0; border: 20px solid #7BB2B5 ">
<div style="padding-top: 5px; padding-bottom: 5px; background: #734e00; color: #9dcd85; margin-top: 2px; margin-bottom: 2px; text-align:center; line-height: 100%; text-transform: uppercase; font-size: 10px; word-spacing: 5px; letter-spacing: 0px; font-family: geo;">Вести Санта Клары </div>
<img src="http://gungsters.ucoz.ru/santaclara/200w.gif" width="450"/>
<div style="padding: 10px; font-family: geo; line-height: 95%; color: #734e00; font-size: 13px; text-align:justify">
<center>Объявления АМС. Вести Санта Клары. Не пропустите!</center>
</div>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'><style type='text/css'>
.somacont { position:relative; width:380px; height:300px; left:-15px; }
.somablock { position:absolute; width:380px; height:300px; overflow:hidden; }
.wordcontainers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somablock:hover .wordcontainers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somainfo { position:absolute; top:-300px; width:380px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somablock:hover .somainfo { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somatitles { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; }
.somaidk { position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; }
.somaimageblock { width:380px; height:60px; overflow:hidden; }
.somawordsha { width:380px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:13px; font-family:times; color:#222; line-height:100%; }
</style>
</div>
</center>