Код:
<!--record-->

<link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>

<center>
<table cellpadding="0" cellspacing="1">
<tr>
<td>
<div style="width: 280px; padding: 10px; background-color: #431659;"><div class="lolhov"><div class="innerhov">
<div style="width: 260px; height: 220px; padding-right: 5px; overflow: auto;" class="lolscrollll">
<center><b>Administration Department</b></center>
<b>Мэр города</b>: 
<br><b>Заместитель мэра (от 37)</b>: 
<br><b>Ген. прокурор (от 35)</b>:
<br><b>Казначей города (от 30)</b>:
<br> <b>Член городского совета</b>: 
<br> <b>Сенатор</b>: 

<br><br><center><b>Police Department</b></center>
<b>Капитан Полиции</b>: 
<br> <b>Детективы (от 23)</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1253">Stefan Jones</a> , <a href="http://newrecord.rusff.ru/profile.php?id=30">Ross Boyd</a>
<br><b>Офицеры (от 21)</b>:  <br> <b>Полицейский</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1106">Kim Ye Jin</a>
<br><b>Эксперт-криминалист (от 26)</b>: 
<br> <b>Судмедэксперт</b>: <a href="http://newrecord.rusff.ru/profile.php?id=153">Victoria West</a>, 
<br> <b>Агент ФБР</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1251">Marcus Delaney</a>
<br> <b>Начальник SWAT</b>: 

<br><br><center><b>Hospital</b></center>
<br> <b>Хирург</b>: 
<br> <b>Хирург-травматолог</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1150">Jedidiah Armstrong</a>
<br> <b>Кардиохирург</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1095">Benedict Harmon</a>
<br> <b>Терапевт</b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=5425">Mercy Armstrong</a>
<br> <b>Акушер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1263">April Marlow</a>
<br> <b>Медсестры</b>: 

<br><br><center><b>Fire Department</b></center>
<br> <b>Лейтенант пожарного расчета, службы спасения</b>:  
<br> <b>Спасатель</b>: 
<br> <b>Парамедик</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1162">Kelly Ross</a>

</div></div>

<div class="lolname1">Municipality & Politics</div>

</div></div>
</td>




<td>
<div style="width: 280px; padding: 10px; background-color: #00696a;"><div class="lolhov1"><div class="innerhov">
<div style="width: 260px; height: 220px; padding-right: 5px; overflow: auto;" class="lolscrollll">
<br><center><b>Business</b></center>
<br> <b>Владелец галереи искусств</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1205">Samhain Weller</a>
<br> <b>Владелец закрытого клуба "FENIX"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1254">Blake Lawton</a>
<br> <b>Владелец оружейной компании "Fogger Military Industries"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1229">Lincoln Hunt</a>
<br> <b>Владелец студии звукозаписи "The Voice", музыкальный продюсер, певец</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1246">Nicholas Butler</a>
<br> <b>Владелец-хореограф школы танцев "eMotion"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=656"> Ophelia McChord</a>
<br> <b>Совладелица бара "Золотая кошка"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=446">Rebekka Price</a>

<br><center><b>Club Metropolitan</b></center>
<br> <b>Владелец</b>: <a href="http://newrecord.rusff.ru/profile.php?id=2">Dexter Pride</a>
<br> <b>Совладелица</b>: <a href="http://newrecord.rusff.ru/profile.php?id=3">Milana Scott</a>
<br> <b>Управляющий</b>: 
<br> <b>Организатор вечеринок</b>: <a href="http://newrecord.rusff.ru/profile.php?id=143">Roxanne Pride</a>
<br> <b>Администраторы (от 25)</b>: 
<br> <b>Танцовщицы (от 21)</b>: 
<br> <b>Официантки (от 21)</b>:  
<br> <b>Бармены (от 21)</b>: 
<br> <b>DJ</b>: 
<br> <b>PR-менеджер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1058">Brooke Amsters</a>

<br><center><b>Night Club Resonance</b></center>
<br> <b>Владелец и управляющий</b>: <a href="http://newrecord.rusff.ru/profile.php?id=847">Christopher Wallace</a>
<br> <b>Технический директор</b>: 
<br> <b>Бармен</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1187">Mark Stewart</a>

<br><center><b>Other places</b></center>
<br> <b>Администратор в салоне красоты "Flawless"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1264">Beverly Kelly</a>
<br> <b>Директор испанского ресторана</b>: <a href="http://newrecord.rusff.ru/profile.php?id=691">Gorka Martinez</a>
<br> <b>Исполнительный директор отеля Hyatt Regency</b>: <a href="http://newrecord.rusff.ru/profile.php?id=365">Odin Fell</a>
<br> <b>Арт-директор ресторана</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1180">Shannon Murphy</a>
<br> <b>Горничная</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1221">Fallon Bryce</a>
<br> <b>Официантка в ресторане Le Bernardin</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1190">Lavinia Jensen</a> 
</div></div>

<div class="lolname2">Business, сlubs, bars, restaurants, hotels</div>

</div></div>
</td>
</tr>


<tr>
<td>
<div style="width: 280px; padding: 10px; background-color: #660000;"><div class="lolhov2"><div class="innerhov">
<div style="width: 260px; height: 220px; padding-right: 5px; overflow: auto;" class="lolscrollll">
<br> <b>Лидер преступной группировки "Псы Войны"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1229">Lincoln Hunt</a>
<br><b>Механик в нелегальной автомастерской</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1204">Cain Denis</a>
<br> <b>Наркоторговец</b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=4636">Michael Wainwright</a>
<br> <b>Сутенер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=808">Ares Maddox</a>
<br> <b>Чистильщик</b>: <a href="http://newrecord.rusff.ru/profile.php?id=792"> Holden Wart</a>,
<br> <b>Хакер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1160">Eva Malone</a>
<br> <b>Шулер в Казино</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1256">Leonardo Levitt</a>
</div></div>
<div class="lolname3"> Сriminal </div>

</div></div>
</td>

<td>
<div style="width: 280px; padding: 10px; background-color: #036483;"><div class="lolhov3"><div class="innerhov">
<div style="width: 260px; height: 220px;  padding-right: 5px; overflow: auto;" class="lolscrollll">

<br> <b>Актёр в театре «Le Petit»</b>: <a href="http://newrecord.rusff.ru/profile.php?id=791">Brendon Weekes</a>
<br> <b>Барабанщик в джаз-бэнде</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1258">Benjamin Reus</a>
<br> <b>Видеоблогер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=945">Aisha Fell</a>
<br> <b>Визажист в модельном агентстве The art of beauty </b>: <a href="http://newrecord.rusff.ru/profile.php?id=1219"> Madeline Ward</a>
<br> <b>Журналист</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1140">Holly Baker</a>
<br> <b>Модельер и арт-директор в модном доме LanMor </b>: <a href="http://newrecord.rusff.ru/profile.php?id=841">Lanfranco Moreau</a>
<br> <b>Музыкальный продюсер и режиссёр в BIGWaveSounds production NY</b>: <a href=http://newrecord.rusff.ru/profile.php?id=673>Richard Durand </a>
<br> <b>Певица, но пока сидит с ребенком</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1152">Paula Blasco Martínez</a>
<br> <b>Певица и модель</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1269">Isabella Stevens</a>
<br> <b>Писатель, сценарист, консультант киностудии</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1237">Alex Lee</a>
<br> <b>Продюсер в театре «Le Petit»</b>: <a href="http://newrecord.rusff.ru/profile.php?id=789">Yan Barratier</a>
<br> <b>Радио ведущий ночного эфира</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1235">Neal Garrett</a>
<br> <b>Радио ведущий вечернего эфира</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1153">Fernando Redondo</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1239">Matthew Kim</a>
<br> <b>Режиссер театра</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1231">Billie Flash</a>
<br> <b>Исполнительный продюсер телеканала NBC</b>: <a href="http://newrecord.rusff.ru/profile.php?id=792">Holden Wart</a>
<br> <b>Фотограф</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1224">Sky Blishwick</a>
<br> <b>Художник</b>: <a href="http://newrecord.rusff.ru/profile.php?id=439">Grace Flemming</a>
</div></div>

<div class="lolname4"> Arts & Media</div>

</div></div>
</td>
</tr>
<tr>
<td>
<div style="width: 280px; padding: 10px; background-color: #9d1743;"><div class="lolhov4"><div class="innerhov">
<div style="width: 260px; height: 220px; padding-right: 5px; overflow: auto;" class="lolscrollll">
<center><b>School</b></center> 
<br> <b>Школьники</b>:  <a href="http://newrecord.rusff.ru/profile.php?id=1178">Elijah Armstrong</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1198">Wess Kaplan</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1259">Anthony Riddle</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1264">Beverly Kelly</a>, <a href="http://newrecord.rusff.ru/viewtopic.php?id=86">Colson Walker</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1267">Gustav Allen</a>
<br>
<br> <center><b>University</b></center>
<br> <b>Ректор</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1244">Richard Cramer</a>
<br> <b>Зав.Ректора</b>: 
<br> <b>Преподаватели</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1073">John Smith</a>
<br><br><b>Студенты</b>: <a href="http://newrecord.rusff.ru/profile.php?id=873"> Rachel Morgan</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1037">Michael West</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1121">Elouisa Richi</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1153">Fernando Redondo</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1160">Eva Malone</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1190">Lavinia Jensen</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1210">Alexandra Reuss</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1219"> Madeline Ward</a> <a href="http://newrecord.rusff.ru/profile.php?id=1224">Sky Blishwick</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1216">Dave Donovan</a>


<br><br><center><b>Other</b></center>
<br> <b>Воспитатель в детском саду, волонтёр в больнице для тяжелобольных детей</b>: <a  href="http://newrecord.rusff.ru/profile.php?id=1270"> Kai Elmers </a>
 
</div></div>

<div class="lolname5"> University & School</div>

</div></div>
</td>




<td>
<div style="width: 280px; padding: 10px; background-color: #1a5d19;"><div class="lolhov5"><div class="innerhov">
<div style="width: 260px; height: 220px; padding-right: 5px; overflow: auto;" class="lolscrollll">
<br> <b>Бариста в Starbucks</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1186">Kayla Ewing</a>
<br> <b>Кондитер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1196">Jennifer Brooks</a>
<br> <b>Мастер тюнинга</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1245">Randy Rockwell</a>
<br> <b>Пастор, католическая церковь </b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=4646">Antoine Calmet</a>
<br> <b>Официантка в кафе</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1269">Isabella Stevens</a>
<br> <b>Продавец-консультант в зоомагазине</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1226">Malena Meyers</a>
<br> <b>Продавщица в книжном</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1213">annabelle caulfield</a>
<br> <b>Распорядитель торжеств, праздничное агентство "МОРОиКА"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=924">Theodore Moreaut</a>
<br> <b>Тренер по боксу</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1161">Randall Stamp</a>
<br> <b>Частный врач, хирург</b>: <a href="http://newrecord.rusff.ru/profile.php?id=982">Dylan Harmon</a>
<br> <b>Частный детектив</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1106">Kim Ye Jin</a>, 
</div></div>


<div class="lolname6"> Other </div>

</div></div>
</td>
</tr>

</table>

</center>
<style type="text/css">
.lolhov { width: 280px; height: 250px; background-image: url(http://i.imgur.com/Ep9Rmzv.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov:hover { width: 280px; height: 250px; border-radius: 0%; }

.lolhov1 { width: 280px; height: 250px; background-image: url(http://i.imgur.com/yu1Lv8j.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov1:hover { width: 280px; height: 250px; border-radius: 0%; }

.lolhov2 { width: 280px; height: 250px; background-image: url(http://i.imgur.com/nzy8pOj.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov2:hover { width: 280px; height: 250px; border-radius: 0%; }

.lolhov3 { width: 280px; height: 250px; background-image: url(http://i.imgur.com/g8yvlhU.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov3:hover { width: 280px; height: 250px; border-radius: 0%; }

.lolhov4 { width: 280px; height: 250px; background-image: url(http://i.imgur.com/e2Ou8U8.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov4:hover { width: 280px; height: 250px; border-radius: 0%; }

.lolhov5 { width: 280px; height: 250px; background-image: url(http://i.imgur.com/mFFmwtL.png); border-radius: 100%; transition-duration: .2s; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; position: relative;}
.lolhov5:hover { width: 280px; height: 250px; border-radius: 0%; }


.innerhov { width: 260px; height: 230px; padding: 10px; background-color: #fff; opacity: 0;  transition-duration: .6s;  -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; font-family: arial, sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: justify; }
.innerhov:hover { width: 260px; height: 230px; padding: 10px; background-color: #fff; opacity: 1.0; font-family: arial, sans-serif; font-size: 10px; color: #222; line-height: 100%; text-align: justify;}

.lolhov .lolname1 { position: absolute; bottom: 45%; width: 280px; background-color: #9363a7; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov:hover .lolname1 { bottom: 0px; }

.lolhov1 .lolname2 { position: absolute; bottom: 45%; width: 280px; background-color: #50b4b5; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov1:hover .lolname2 { bottom: 0px; }

.lolhov2 .lolname3 { position: absolute; bottom: 45%; width: 280px; background-color: #c66161; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov2:hover .lolname3 { bottom: 0px; }

.lolhov3 .lolname4 { position: absolute; bottom: 45%; width: 280px; background-color: #4fabc8; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov3:hover .lolname4 { bottom: 0px; }

.lolhov4 .lolname5 { position: absolute; bottom: 45%; width: 280px; background-color: #cc6486; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov4:hover .lolname5 { bottom: 0px; }

.lolhov5 .lolname6 { position: absolute; bottom: 45%; width: 280px; background-color: #37852d; font-size: 10px; font-family: 'Unica One', sans-serif; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: lighter; line-height: 100%; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.lolhov5:hover .lolname6 { bottom: 0px; }

.lolscrollll::-webkit-scrollbar { width: 5px; height: 5px; }
.lolscrollll::-webkit-scrollbar-track { background-color: #fff; }
.lolscrollll::-webkit-scrollbar-thumb { background-color: #a2917e; }
</style>
Код:
<br> <b>Профессия</b>: <a href="ссылка на профиль">кем занята</a>