Код:
<!--HTML-->
<style type="text/css">

#vancode73 { width: 400px; height: 300px; position: relative; overflow: hidden;  }

#vancode73 .page { position: absolute; left: 0px; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode73:hover .page { left: -400px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }

</style>
</style><link href='http://fonts.googleapis.com/css?family=Signika+Negative:300' rel='stylesheet' type='text/css'>

<center><div id="vancode73">

<div class="page"><img src="http://funkyimg.com/i/251Yc.png" width= "400" height= "300"></div>

<div style="width: 360px; padding: 20px; text-align: justify; background-color: #dc9301; height: 260px;">

<div style="width: 360px;  text-align: center;  font-family: georgia; font-size: 93px;  line-height: 100%; color: #fff; text-transform: lowercase; letter-spacing: -4px; padding-top: 50px;">faces</div>

<div style="width: 340px; text-align: justify; font-family: arial;  font-size: 8px; line-height: 100%; color: #fff; font-weight: lighter; text-transform: uppercase; padding: 10px;"><center>МНОГОЛИКИЕ - БЕЗЛИКИЕ</center></div></div></div>

<div style="width: 320px; background-color: #fff; padding: 40px; border-bottom: 10px solid #000; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%;">

<div style="width: 320px; border-top: 3px double #7F1721; margin-bottom: 10px;"></div>






<table><tbody><tr><td><div style=" font-family: Century Gothic;
font-size: 13px;
  color: #000;
  text-align: center;
  font-style: regular;"><b>м</b>ужские внешности</div></td><td><div style=" font-size: 13px; font-family: Century Gothic;
 color: #000;
  text-align: center;
  font-style: regular;";"><b>ж</b>енские внешности</div></td></tr></tbody></table>
<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">A - B - C</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>












<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">D - E - F</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>



















<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">G - H - I</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>

























<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">J - K - L</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>


























<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">M - N - O</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>



















<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">P - Q - R</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br>
</div></td></tr></tbody></table>












<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">S - T - U</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>
















<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">V - W - X</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>












<table layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">Y - Z</font></font></center></td></tr></table>
<table><tbody>
<tr><td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
text-align:left;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br></div>

</td>
<td><div style="position: relative;
  height: 60px;
  color: #000;
  font-style: normal;
  line-height: 100%;
  z-index: 2;
  padding: 5px;
  overflow: auto;">
<b>--</b> — --<br> </div></td></tr></tbody></table>







<div style="width: 300px; margin-top: 10px; background-color: #000; padding: 10px; text-align: center;  font-family: arial; font-size: 8px; line-height: 100%; color: #fff; text-transform: uppercase; letter-spacing: 2px;">#лица #внешности #роли</div>

</div><div style="width: 400px; padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #000; line-height: 100%; letter-spacing: 3px;"></div></center>
[взять код]
для тех, кто смог найти своё лицо

. . . . . . . . . . . . . . . . . .
Код:
<b>название группы/solo/actress/actor/model</b> — <a href="ссылка на профиль"> имя (для корейских внешностей — в два слога) и фамилия занимаемой внешности на латинице со строчной буквы</a><br>