Код:
<!--HTML-->
<div class="sfon">
<div id="tot">
<div class="six">
<div class="text">### zabey svoye </div>
<div class="textcod">
<a href="ссылка"> внешность</a> » ник <br> <br><br><br>
<a href="ссылка"> имя (сокращение)</a> » имя (сокращение)<br> <br><br><br>
<a href="ссылка"> фамилия</a> » фамилия <br> <br><br>
</div>
</div>
<div class="lougall1-tabs">
<div style =" background-color: #000; background: url(https://s.tcdn.co/5a3/9eb/5a39eb4e-b72c-37b2-a9b0-a9eeab73d837/192/7.png); width: 120px; height: 120px; background-size: 100%!important; margin-left: 0px; margin-top: -87px;"></div>
<div class='tab'><input type='radio' id='tab-1' name='tab-group-1'checked><label for='tab-1'><div class='hovsur'><div class='hovi'>внешности</div></div></label><div class='content'>
<table>
<tbody>
<tr>
<td>
<div class="zg">L A D I E S</div>
</td>
<td>
<div class="zg">G E N T L E M E N</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">A - B - C - D</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=18">Dakota Johnson</a> » Vanessa Leroy<br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=9">chris hemsworth</a> » Richard Lane<br>
<a href="http://thenorth.rusff.me/profile.php?id=24"> Conor McGregor</a> » Jerry Tucker<br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">E - F - G - H</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=6">Emilia Clarke</a> » Charlie Cooper <br>
<a href="http://thenorth.rusff.me/profile.php?id=10"> Emma Dumont</a> » Harriet Hawke <br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=11"> Ezra Miller</a> » Blaise Chenier <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">I - J - K - L</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=8">Jamie Dornan</a> » Clay Leroy<br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">M - N - O - P</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=5">Margot Robbie</a> » Maya Kane<br>
<a href="http://thenorth.rusff.me/profile.php?id=3">Megan Fox</a> » Georgia Bailey <br>
<a href="http://thenorth.rusff.me/profile.php?id=25"> Olga Seryabkina</a> » Molly Gilbert<br>
</div>
</td>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">Q - R - S - T</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=16"> Robert Downey Jr</a> » Tony Hawke<br>
<a href="http://thenorth.rusff.me/profile.php?id=20"> Ryan Reynolds</a> » Vincent Chase<br>
<a href="http://thenorth.rusff.me/profile.php?id=12"> timothée chalamet</a> » jamie harbour <br>
<a href="http://thenorth.rusff.me/profile.php?id=7">Tom Holland</a> » Zac Morales<br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">U -V - W -X</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">Y - Z</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=14"> zendaya </a> » Daniel LeBaue <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
<td>
<div class="okna">
<a href="ссылка">внешность</a> » ник <br>
<a href="ссылка">внешность</a> » ник <br>
</div>
</td>
</tr>
</tbody>
</table>
</div></div>
<div class='tab'><input type='radio' id='tab-2' name='tab-group-1'><label for='tab-2'><div class='hovsur'><div class='hovi'>имена</div></div></label><div class='content'>
<table>
<tbody>
<tr>
<td>
<div class="alf">A - B - C - D</div>
</td>
<td>
<div class="alf">E - F - G - H</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=11">Blaise</a> » Блейс<br>
<a href="http://thenorth.rusff.me/profile.php?id=6">Charlotte (Charlie)</a> » Шарлотта (Чарли)<br>
<a href="http://thenorth.rusff.me/profile.php?id=14"> Daniel (Dany)</a> » Даниэль (Дани)<br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=3">Georgia (Joe)</a> » Джорджия (Джо)<br>
<a href="http://thenorth.rusff.me/profile.php?id=10"> Harriet (Harry)</a> » Гарриет (Гарри)<br>
</div>
</td>
</tr>
<tr>
<td>
<div class="alf">I - J - K - L</div>
</td>
<td>
<div class="alf">M - N - O - P</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=5">Maya</a> » Мая<br>
<a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br>
</div>
</td>
<td>
<div class="okna">
<a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br>
<a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br>
</div>
</td>
</tr>
<tr>
<td>
<div class="alf">Q - R - S - T</div>
</td>
<td>
<div class="alf">U -V - W -X</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=9">Richard (Richie)</a> » Ричард (Ричи)<br>
<a href="http://thenorth.rusff.me/profile.php?id=16">Tony</a> » Тони<br>
<a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=18">Vanessa</a> » Ванесса<br>
<a href="http://thenorth.rusff.me/profile.php?id=20"> Vincent (Vinnie)</a> » Винсент (Винни) <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">Y - Z</div>
</td>
</tr>
<tr>
<td colspan="2">
<center><div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=7">Zackary (Zac)</a> » Закари (Зак)<br>
<a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br>
</div></center>
</td>
</tr>
</tbody>
</table>
</div></div>
<div class='tab'><input type='radio' id='tab-3' name='tab-group-1'><label for='tab-3'><div class='hovsur'><div class='hovi'>фамилии</div></div></label><div class='content'>
<table>
<tbody>
<tr>
<td>
<div class="alf">A - B - C - D</div>
</td>
<td>
<div class="alf">E - F - G - H</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=3">Bailey</a> » Бэйли<br>
<a href="http://thenorth.rusff.me/profile.php?id=6">Cooper</a> » Купер<br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=10"> Hawke</a> » Хоук <br>
<a href="ссылка">фамилия</a> » фамилия <br>
</div>
</td>
</tr>
<tr>
<td>
<div class="alf">I - J - K - L</div>
</td>
<td>
<div class="alf">M - N - O - P</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=9">Lane</a> » Лейн <br>
<a href="http://thenorth.rusff.me/profile.php?id=14"> LeBaue</a> » Лебо <br>
<a href="http://thenorth.rusff.me/profile.php?id=18">Leroy</a> » Лерой<br>
</div>
</td>
<td>
<div class="okna">
<a href="http://thenorth.rusff.me/profile.php?id=7"> Morales </a> » Моралез <br>
<a href="ссылка">фамилия</a> » фамилия <br>
</div>
</td>
</tr>
<tr>
<td>
<div class="alf">Q - R - S - T</div>
</td>
<td>
<div class="alf">U -V - W -X</div>
</td>
</tr>
<tr>
<td>
<div class="okna">
<a href="ссылка">фамилия</a> » фамилия <br>
<a href="ссылка">фамилия</a> » фамилия <br>
</div>
</td>
<td>
<div class="okna">
<a href="ссылка">фамилия</a> » фамилия <br>
<a href="ссылка">фамилия</a> » фамилия <br>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="alf">Y - Z</div>
</td>
</tr>
<tr>
<td colspan="2">
<center><div class="okna">
<a href="ссылка">фамилия</a> » фамилия <br>
<a href="ссылка">фамилия</a> » фамилия <br>
</div></center>
</td>
</tr>
</tbody>
</table>
</div></div>
</div>
</div></div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<style type="text/css">
#p2 .post-author { display:none;}
#p2 .post-author { display:none;}
#p2 .post-body { margin-left:0!important;}
#p2 .post-sig { display:none;}
#p2 .pl-email { display:none;}
.zg { background-color: #c5c1a4; color: #fdfdfe; text-shadow: 1px 1px 2px #8ea0c6; font-size: 9px; text-align: center;}
.alf {background-color: #716e76; color: #fdfdfe; text-shadow: 1px 1px 2px #8ea0c6; font-size: 30px; text-align: center; padding: 3px 0px 5px 0px;}
.okna {color: #5f6c7c;
text-shadow: 2px 2px 3px #e6e6e4;
width: 222px;
/* height: 123px; */
text-align: center;
font-size: 11px;
font-style: italic;
overflow: auto;
text-transform: lowercase;}
.lougall1-tabs .content {
overflow: auto;
}
.lougall1-tabs { height: 137px;
}
.six .textcod { top: 267px; font-size: 11px;
height: 221px;}
</style>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">












