Код:
<!--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> ,  <a href="http://newrecord.rusff.ru/profile.php?id=1279">Emily Blackwood</a>
<br> <b>Детектив лейтенант-командир</b>: <a href="http://newrecord.rusff.ru/profile.php?id=8">Reggie Frost</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=1343">Adam Riemelt</a>
<br> <b>Хирург</b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=6228">Audrey Rowe</a>
<br> <b>Хирург-травматолог</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1363">Nicolas Eastwood</a>
<br> <b>Хирург-ординатор</b>: 
<br> <b>Нейрохирург</b>: 
<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/profile.php?id=1291">Eric Goodrum</a>
<br> <b>Терапевт</b>: 
<br> <b>Акушер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1263">April Marlow</a>
<br> <b>Медсестры</b>: 
<br> <b>Патологоанатом</b>: 

<br><br><center><b>Fire Department</b></center>
<br> <b>Лейтенант пожарного расчета, службы спасения</b>:  
<br> <b>Спасатель</b>: 
<br> <b>Парамедик</b>: 

</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>Владелец оружейной компании "Fogger Military Industries"</b>:
<br> <b>Владелец-хореограф школы танцев "eMotion"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=656"> Ophelia McChord</a>
<br> <b>Владелец клуба "Восход"</b>: 
<br> <b>Совладелица бара "Золотая кошка"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=446">Rebekka Price</a>
<br> <b>Инвестор, владелец алкогольных заводов</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1289">Yurij Mirof</a>
<br> <b>Владелец лейбла "Fuel Records"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1404">Daniel Wilson</a>
<br> <b>Председатель правления ЧВК "Red Line"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1404">Daniel Wilson</a>

<br><center><b>Record Nightclub</b></center>
<br> <b>Владельцы</b>: <a href="http://newrecord.rusff.ru/profile.php?id=2">Dexter Pride</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>:  <a href="http://newrecord.rusff.ru/profile.php?id=1294">Nora Riemelt</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1394">Elsa Norling</a>
<br> <b>Бармены (от 21)</b>: 
<br> <b>DJ</b>: 
<br> <b>PR-менеджер</b>:

<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>: 

<br><center><b>Other places</b></center>
<br> <b>Администратор в салоне красоты "Flawless"</b>: 
<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=952">Patrick James</a>
<br> <b>Генеральный директор Nolan Inc</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1282">Christopher Nolan</a>
<br> <b>Глава инвестиционной фирмы</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1263">Rex Flanigan</a>
<br> <b>Директор испанского ресторана</b>: <a href="http://newrecord.rusff.ru/profile.php?id=691">Gorka Martinez</a>
<br> <b>Заместитель гендиректора сети гостиниц “Brilliant Dawn”, </b>: 
<br> <b>Заместитель президента холдинга CJSC R&R</b>: 
<br> <b>Исполнительный директор отеля Hyatt Regency</b>: <a href="http://newrecord.rusff.ru/profile.php?id=365">Odin Fell</a>
<br> <b>Официантка-танцовщица</b>:
<br> <b>PR агент отеля Hyatt Regency</b>: <a href="http://newrecord.rusff.ru/profile.php?id=945">Aisha Fell</a>
<br> <b>Ночной администратор мотеля</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1322">Lolita Wine</a>
<br> <b>Экскурсовод в музее Метрополитен </b>: <a href="http://newrecord.rusff.ru/profile.php?id=1358">Eurydice Ferguson</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=1402">Duke Crocker</a>
<br> <b>Лидер преступной группировки "Псы Войны"</b>:
<br> <b>Наёмник</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1282">Christopher Nolan</a>
<br> <b>наемник, исполнитель</b>: 
<br> <b>Наркоторговец</b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=4636">Michael Wainwright</a>
<br> <b>Рэкетир</b>: 
<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=1375">Kassandra Blackwood</a>
<br> <b>Шулер в Казино</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1256">Leonardo Levitt</a>
<br> <b>Торговец оружием</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1404">Daniel Wilson</a>
<br> <b>Охотник за головами</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1413">Alistair Hunt</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1414">Vesper Lynch</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>Аналитик в инвестиционной компании</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1364">Liara Nilsen</a>
<br> <b>Актёр в театре «Le Petit»</b>:
<br> <b>Видеоблогер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=945">Aisha Fell</a>
<br> <b>Вокалист в рок-группе</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1365">Astrid Lindemann</a>
<br> <b>Инстаграм блогер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1326">Catherine Mendes</a>
<br> <b>Журналист</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1140">Holly Baker</a>
<br> <b>Модель</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1304ь">Eva Chester</a>
<br> <b>Модельер и арт-директор в модном доме LanMor </b>: <a href="http://newrecord.rusff.ru/profile.php?id=841">Lanfranco Moreau</a>
<br> <b>Модельер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1366">Hope Eastwood</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=1161">Jimmy Leyden</a>
<br> <b>Писатель, журналист</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1285">Georgia Black</a>
<br> <b>Продюсер в театре «Le Petit»</b>: 
<br> <b>Радио ведущий ночного эфира</b>:
<br> <b>Радио ведущий вечернего эфира</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1239">Matthew Kim</a>
<br> <b>Режиссер театра</b>: 
<br> <b>Танцовщица</b>: 
<br> <b>Фотограф</b>: 
<br> <b>Художник</b>: <a href="http://newrecord.rusff.ru/profile.php?id=439">Grace Flemming</a>
<br> <b>Архитектор</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1352">Marcello del Corso</a>
<br> <b>Журналист в Нью-Йорк таймс</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1399">Agatha Hoffmann</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=1198">Wess Kaplan</a>,<a href="http://newrecord.rusff.ru/profile.php?id=1315">Virginia Greengrass</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1360">Eleonora Harmon</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1385">Camilla Solano</a>
<br>
<br> <center><b>University</b></center>
<br> <b>Ректор</b>: 
<br> <b>Зав.Ректора</b>: 
<br> <b>Преподаватели</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1380">alistair thorn</a>
<br><b>Преподаватель истории и философии</b>: 
<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=1377">Judith Tucker</a>


<br><br><center><b>Other</b></center>

 
</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>Архитектор в строительном конгломерате King Organization, </b>: 
<br> <b>Ассистент архитектора</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1347">Adalinda Richter</a>
<br> <b>Аудитор в компании KramerEc</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1318">Thomas Kramer</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=1387">Greta Dawson</a>
<br> <b>Мастер автосервиса</b>: 
<br> <b>Оценщик Sotheby’s</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1341">Angela Moretti</a>
<br> <b>Помощник оценщика Sotheby’s</b>:
<br> <b>Официантка в кафе</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1269">Isabella Stevens</a>
<br> <b>Пастор, католическая церковь </b>: 
<br> <b>Распорядитель торжеств, праздничное агентство "МОРОиКА"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=924">Theodore Moreaut</a>
<br> <b>Секретарь в Public JSC "Wilson"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1292">Leila Cross</a>
<br> <b>Социальный работник</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1290">Nova Vinter</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=1329">Jaymie Redd</a>
<br> <b>Частный адвокат</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1378">Lincoln Bishop</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>, 
<br> <b>Юрист</b>: 
</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>