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

 <div class="sfon">
<div id="tot">

<div class="six">
<div class="text">### zabey svoye </div>  
<div class="textcod">

&lt;a href="ссылка"&gt; внешность&lt;/a&gt; » ник &lt;br&gt;  <br><br><br>
&lt;a href="ссылка"&gt; имя (сокращение)&lt;/a&gt; » имя (сокращение)&lt;br&gt;  <br><br><br>
&lt;a href="ссылка"&gt; фамилия&lt;/a&gt; » фамилия &lt;br&gt;  <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">