Код:
<!--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>: <a href="http://newrecord.rusff.ru/profile.php?id=1125">Lamora Valmont</a>
<br> <b>Детективы (от 23)</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1104">Richard Adams</a>
<br><b>Офицеры (от 21)</b>: <br> <a href="http://newrecord.rusff.ru/profile.php?id=1127">Veronica Cartwright</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=908">Woody Daniel</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>: 
<br> <b>Медсестры</b>: 

<br><br><center><b>Fire Department</b></center>
<br> <b>Лейтенант пожарного расчета, службы спасения</b>:  <a href="http://newrecord.rusff.ru/profile.php?id=1143">Jackson Holbrook</a>
<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>Владелец Hotel Quarter</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1014">Eric Scott</a>
<br> <b>Владелец Reservoir Dogs Bar</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1014">Eric Scott</a>
<br> <b>Владелец-хореограф школы танцев "eMotion"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=656"> Ophelia McChord</a>
<br> <b>Директор юридической фирмы Hart & Hart LLC.</b>: <a href="http://newrecord.rusff.ru/profile.php?id=30">Ethan Hart</a>
<br> <b>Совладельцы закрытого клуба "Purgatory Blemish" (БДСМ) </b>: <a href="http://newrecord.rusff.ru/profile.php?id=30">Ethan Hart</a> и <a href="http://newrecord.rusff.ru/profile.php?id=8">Aedan Hart</a>
<br> <b>Совладелица кофейни «Антейк»</b>: <a href="http://newrecord.rusff.ru/profile.php?id=446">Rebekka Price</a>
<br> <b>Член совета директоров BAE Systems Inc.</b>:<a href="http://newrecord.rusff.ru/profile.php?id=8">Aedan Hart, </a><a href="http://newrecord.rusff.ru/profile.php?id=30">Ethan Hart</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>: 

<br><center><b>Other places</b></center>
<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>
</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=1014">Eric Scott</a>
<br> <b>Контрабанда, торговля оружием</b>: <a href="http://newrecord.rusff.ru/profile.php?id=8">Aedan Hart</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=30">Ethan Hart</a>
<br> <b>Предводитель банды байкеров</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1131">Charles Connelly</a>
<br> <b>Серийный убийца</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1139">Jordan Rose</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=1095">Cayce Anders</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?section=essentials&id=1079">Elizabeth Brooks</a>
<br> <b>Журналист, писатель</b>: <a href="http://newrecord.rusff.ru/profile.php?id=848">Vanessa Cunningham</a>
<br> <b>Журналист</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1140>Holly Baker</a>
<br> <b>Журналист телеканала NBC</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1094">Charlaine Delage</a>
<br> <b>Младший редактор «The New York Observer»</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1142">Maxine Dornan</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=1152">Paula Blasco Martínez</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=1153">Fernando Redondo</a>
<br> <b>Репортёр</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1117">Leslie Adams</a>
<br> <b>Исполнительный продюсер телеканала NBC</b>: <a href="http://newrecord.rusff.ru/profile.php?id=792">Holden Wart</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>:  
<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=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=1096">Aphrodite Hebbert</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1119">Manuel Cortez</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1121">Elouisa Richi</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1126">Amelia Jones</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1153">Fernando Redondo</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>Адвокат, юрист в Модном доме Л. Моро</b>: <a href="http://newrecord.rusff.ru/profile.php?id=839">Arlene Moreau</a>
<br> <b>Бухгалтер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1147">Jenna Ryan</a>
<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=91"> Brian Gonzalez</a>
<br> <b>Модельер</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1096">Aphrodite Hebbert</a>
<br> <b>Свободный художник</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1090">Alison Bravo</a>
<br> <b>Старший офицер, капитан военно-морского судна "Этна"</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1141">James Flint</a>
<br> <b>Пастор, католическая церковь </b>: <a href="http://newrecord.rusff.ru/viewtopic.php?id=4646">Antoine Calmet</a>
<br> <b>Помощник адвоката в HART & HART LLC</b>: <a href="http://newrecord.rusff.ru/profile.php?id=914">Clyde Blunt</a>
<br> <b>Помощник тренера по боксу</b>: <a href="http://newrecord.rusff.ru/profile.php?id=1148">Thomas Shellbourne</a>
<br> <b>Продавец в магазине комиксов</b>: <a href="http://newrecord.rusff.ru/profile.php?id=915">Alycia Blunt</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=1118">Nick Darger</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>, <a href="http://newrecord.rusff.ru/viewtopic.php?id=5167#p770179">Курт Уилсен</a>, <a href="http://newrecord.rusff.ru/profile.php?id=1146">Mateo Castillo</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>