<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
<style type="text/css">.dswant { width: 300px; height: 300px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 300px; height: 300px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 11px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #c3c3d2; }
</style><center>

</ START />

<div class="dswant left"><div class="dswimg">

<img src="http://s6.uploads.ru/C1U2z.jpg" />



</div><div class="dswinfo">


<span>ПОЛНОЕ ИМЯ НА АНГЛ</span>
<span>ГРУППА</span>

</div><div class="dswmain">

текст отношений текст отношений текст отношений текст отношений 

</div></div>

</ END />

</center>

<!--H*********TML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
<style type="text/css">.dswant { width: 300px; height: 300px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 300px; height: 300px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 11px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #c3c3d2; }
</style><center>

</ START />

<div class="dswant left"><div class="dswimg">

<img src="http://s6.uploads.ru/C1U2z.jpg" />



</div><div class="dswinfo">


<span>ПОЛНОЕ ИМЯ НА АНГЛ</span>
<span>ГРУППА</span>

</div><div class="dswmain">

текст отношений текст отношений текст отношений текст отношений 

</div></div>

</ END />

</center>