[html]<style>
.telo {  margin:0 auto;  width:550px;  position:relative;  line-height:100%;  }
.nachinka {  background:#b8bcc0;  position:relative;   padding:20px;  font-family:Open Sans;  font-weight:500;  font-size:11px;  line-height:15px;  color:#242627; text-align:justify;outline: 2px solid #fff; border: 10px solid #4e5863; padding: 10px;}
.nachinka b {  color: #13191b;  font-family:OpenGost Type A TT;  font-weight:600;}
.shapka {  background:url(http://funkyimg.com/i/2HP6x.png);  height:100px;  position:relative;}
.textshapki {  position:absolute;  left:0; top:50px;  width:550px;  font-family: OpenGost Type A TT;  font-weight:600;  font-size:15px;  letter-spacing:5px;  text-transform:uppercase;  text-align:center;  line-height:100%;  color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B;}
.polosa {  width:200px;  height:2px;  background:#242627;  position:absolute;  top:65px; left:173px;  line-height:100%;}
.name08 {  background-color: #4e5863; border-radius: 0px; margin-top: -2px;font-family: OpenGost Type A TT;  font-weight:500;  font-size:10px;  letter-spacing:5px;  text-transform:uppercase;  text-align:center;  line-height:100%;  color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B;   }

.name09 {  background-color: #6e2209; border-radius: 0px; margin-top: -2px;font-family: OpenGost Type A TT;  font-weight:500;  font-size:16px;  letter-spacing:5px;  text-transform:uppercase;  text-align:center;  line-height:100%;  color:#fff; text-shadow: 1px 1px 0px #000, 2px 2px 0px #7B7B7B;   }

</style>

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Poppins:200,300,400,500,600" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<div class="telo">
<div class="shapka"></div>
<div class="polosa"></div>
<div class="textshapki">ЗАНЯТЫЕ ВНЕШНОСТИ</div>
<div class="nachinka">
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<tbody><tr>
<td width="250px"><div class="name09">GIRLS</b></div>
</td>
<td width="250px"><div class="name09">BOYS</b></div>
</td></tr>

<td width="250px"><div class="name08">A - B - C - D - E -F</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">name surname</a>^group<br>
</div>
</td>
<td width="250px"><div class="name08">A - B - C - D - E -F</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;  font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="https://elementsuniver.rusff.me/profile.php?id=27">Byun Baekhyun</a>^exo<br>

</div>
</td></tr>
<tr>
<td width="250px"><div class="name08 ">G - H- I - J - K - L</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">lalisa manoban</a>^blackpink<br>

</div>
</td>
<td width="250px"><div class="name08 ">G - H- I - J - K - L</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;  font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- <a href="https://elementsuniver.rusff.me/profile.php?id=14">kim jungwoo</a>^nct<br>
- <a href="https://elementsuniver.rusff.me/profile.php?id=8">hong jisoo</a>^seventeen<br>

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

<tr>
<td width="250px"><div class="name08 ">M - N - O - P - Q - R</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">name surname</a>^group<br>

</div>
</td>
<td width="250px"><div class="name08 ">M - N - O - P - Q - R </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;  font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- <a href="ссылка">name surname</a>^group<br>
</div>
</td></tr>

<tr>
<td width="250px"><div class="name08 ">S - T - U - V - W - X</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">name surname</a>^group<br>

</div>
</td>
<td width="250px"><div class="name08 ">S - T - U - V - W - X </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;  font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- <a href="ссылка">name surname</a>^group<br>

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

<tr>
<td width="250px"><div class="name08 ">Y - Z - 0/9</b></div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;background-color: #fff; padding: 5px; box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum; font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209; ">
- <a href="ссылка">name surname</a>^group<br>

</div>
</td>
<td width="250px"><div class="name08 ">Y - Z - 0/9 </div><div class="fclaim" style="height:110px;text-align: center; letter-spacing: 0px;overflow: auto;text-align: center; background-color: #fff; padding: 5px;  box-shadow: inset 0px 0px 20px #d3c5be;font: 12px cuprum;  font-weight: 900; outline: 2px solid #4e5863; border: 5px solid #6e2209;">
- <a href="ссылка">name surname</a>^group<br>

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

</tbody></table>

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

[/html]

- <a href="ссылка">name surname</a><sup>group</sup><br>