Код:
<!--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/251Yi.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;">career</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 layout=fixed width=100%><tr><td bgcolor="#000"><center><font size=2px><font face=Century Gothic><font color="#fff">ПРАВОВАЯ СФЕРА</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">ПРАВООХРАНИТЕЛЬНЫЕ ОРГАНЫ</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">СРЕДСТВА МАССОВОЙ ИНФОРМАЦИИ</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">КОММЕРЧЕСКАЯ СФЕРА</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">НАУКА И ОБРАЗОВАНИЕ</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">МЕДИЦИНА</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">СФЕРА УСЛУГ И РАЗВЛЕЧЕНИЙ</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">ИСКУССТВО</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">ПРЕСТУПНОСТЬ</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>имя (для корейских внешностей — в два слога) и фамилия занимаемой внешности на латинице со строчной буквы</b> — профессия<br>
