Код:
<br><br><br><center><link href='http://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'><font style="width: 380px; padding: 10px; font-family: 'Pirata One', cursive; font-size: 60px;line-height: 40%; letter-spacing: -2px; color: #414d62;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">Employment Center</font></center><br>

<center><table border="0" cellpadding="5">
<tr><td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
MUNICIPALITY
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
администрация города
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/Kfo1.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
ассистентка » <a href="http://shk.rusff.me/profile.php?id=37"> Alexandra Jefferson</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
директора, управляющие
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
POLICE
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
полицейский департамент
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/KfnZ.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
ALL THE INFORMATION HERE
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
полиция, фсб, охранники
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
MEDICINE
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
медицина
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/KfnY.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
интерн-хирург » <a href="http://shk.rusff.me/profile.php?id=9">Faith Rinaldi</a><br>
медсестра » <a href="http://shk.rusff.me/profile.php?id=13">arielle sunshine</a><br>
медсестра » <a href="http://shk.rusff.me/profile.php?id=32">regina dallas</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
врачи, интерны, медсестры
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
</tr>
<tr><td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
EDUCATION
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
образование
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/Kfm7.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
преподаватель литературы » <a href="http://shk.rusff.me/profile.php?id=2">anthony snow</a><br>
студентка » <a href="http://shk.rusff.me/profile.php?id=4">Amelia Owens</a><br>
студентка » <a href="http://shk.rusff.me/profile.php?id=36">Penny Sunshine</a><br>
воспитательница » <a href="http://shk.rusff.me/profile.php?id=11">Litta sunshine</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
ученики, студенты, учителя, ученые
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
ENTERTAINMENT
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
сфера развлечений
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/KfnW.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
актер Бродвейского театра » <a href="http://shk.rusff.me/profile.php?id=35">Martin Clifton</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
музыканты, актеры, художники
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
SERVICES
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
сфера услуг
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/Kfo2.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
бармен  » <a href="http://shk.rusff.me/profile.php?id=25">Jason Rochester</a><br>
хозяйка веганского магазина » <a href="http://shk.rusff.me/profile.php?id=45">karen owens</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
официанты, швейцары, продавцы
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td></tr>
<tr><td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
JOURNALISM
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
сфера информации
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/Kfo3.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
Фотограф журнала GQ » <a href="http://shk.rusff.me/profile.php?id=10">Marcus Wayne</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
журналисты, радио ведущие, режиссеры
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
CRIME
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
криминал
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/KfnV.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
ALL THE INFORMATION HERE
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
наркодилеры, сутенёры, воры
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div></div>
</td>
<td>
<style type="text/css">
.canons { opacity: 0;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow: auto; width: 190px; height: 290px; padding: 5px; overflow: auto; color: #000000; background-color: #ffffff; } .canons:hover { opacity: 0.8; } </style> <center> <div style="width: 200px; padding: 1px; background: #transparent; border: 0px solid #0d0164;"> <div style="width: 200px; padding: 5px; background: #559399;"> <div style="width: 200px; padding:0px; background: #c7ba98; color: #a8c0c0; font-family: 'Impact'; font-size: 25px;line-height: 100%; letter-spacing: 2px; color: #414d62; background-color: e0e0e0;  text-shadow: 1px 0px 0px #000000; word-spacing: -2px; text-align: center">
OTHER
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
другое
</font>
</div> <div style="width: 200px;height: 300px;background:url(http://funkyimg.com/i/Kfo4.png); font-size: 10px; font-family: georgia; letter-spacing: 0px; text-align:justify; color: #000000; line-height: 100%; font-style: "><div class="canons">

<font style="font-family: calibri; font-size: 9px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000000; ">
<br>
ютубер/видео-блогер » <a href="http://shk.rusff.me/profile.php?id=41">Eileen Devitt</a><br>
</font>
</div></div> 
<div style="width: 200px; padding:0px; background: #c7ba98; color: #000000; font-family: 'Georgia'; font-size: 10px; line-height: 100%; letter-spacing: 2px; color: #000000; background-color: e0e0e0; word-spacing: -2px; text-align: center">
волонтеры, библиотекари, банкиры
<font style="font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; text-align: center; color: #000; text-shadow: 0px 0px 0px #000">
<br>
----------------------
</font>
</div>
</div></div>
</td>
</tr>

</table><font style="font-family: calibri; font-size: 5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9211">♥ THANKYOU ALY OF SP</a></font></div>
</center>
Код:
профессия » <a href="ссылка на профиль">имя</a><br>