Код:
<!--HTML--><center>
<head>
<style type="text/css">
.plotBackground { width: 450px; padding: 20px; background: #f3f3f3; border: 1px solid #ddd; }

.plotHeader { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; }

.plotTitle { width: 362px; padding: 40px; background: url(http://funkyimg.com/i/2qthc.png); font: 400 45px/110% 'bromello'; text-align: center; color: #a28989;  text-shadow: 1px 1px 0px rgba(39, 63, 58, 1); }

.plotSub { text-align: center; font: 700 7px/130% 'Rajdhani', sans-serif; letter-spacing: 1px; color: ##a28989; text-transform: uppercase; padding: 8px; margin-top: 20px; border: 1px solid #eee; background: #370506}

.plotInner { width: 442px; padding: 3px; background: #fcfcfc; border: 1px solid #e3e3e3; margin-top: 3px; }
.plotPattern { width: 424px; padding: 8px; background: url(http://ultraimg.com/images/CzirAXm.png); border: 1px solid #eaeaea; }

.plotText { width: 352px; padding: 35px; background: #fefefe; text-align: justify; font: 400 11px/120% 'Roboto', sans-serif; color: #666; border: 1px solid #e4e4e4;}

.plotHeading { text-align: center; font: 700 11px/130% 'Rajdhani', sans-serif; color: #8aa2a0; text-transform: uppercase; padding: 20px; }

.plotBorders { border-left: 1px solid #8aa2a0;  border-right: 1px solid #8aa2a0; padding: 25px; }


.plotBorders b { font: 600 11px/120% 'Roboto', sans-serif; color: #8aa2a0; }


.plotBorders i { font: 600 11px/120% 'Roboto', sans-serif; color: #8aa2a0; font-style: italic; }

.plotBorders  blockquote b  { font: 700 9px/100% 'Rajdhani', sans-serif; }

.plotBorders  blockquote { text-align: justify; font: 700 8px/100% 'Rajdhani', sans-serif;  text-transform: uppercase; color: #666; margin-left: 10px; margin-right: 10px;margin-top: 10px;  padding: 10px; background: #fcfcfc; border: 1px solid #e4e4e4; letter-spacing: 1px; }

@font-face {    font-family: 'bromello';    src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot');    src: url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.eot?#iefix') format('embedded-opentype'),         url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.woff') format('woff'),         url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.ttf') format('truetype'),         url('http://barefootrp.b1.jcink.com/uploads/barefootrp/bromello.svg') format('svg');    font-weight: normal;    font-style: normal; } 

.faceListTi { width: 156px;  padding: 8px; background: url(http://ultraimg.com/images/CzirAXm.png); border: 1px solid #ddd; margin-bottom: 3px; text-align: right; font: 700 13px/110% 'Montserrat', sans-serif; color: #370506; letter-spacing: 1px; }
.faceList { width: 142px; padding: 15px; background: #f8f8f8; border: 1px solid #ddd;  text-align: justify; font: 700 8px/160% 'Rajdhani', sans-serif; letter-spacing: 0px; color: #fff; text-transform: uppercase; }

.faceList a { font: 700 8px/160% 'Rajdhani', sans-serif; }

.faceListOv { overflow: auto; height: 176px; padding-right: 5px; }

.reservesTi { background: #f4f4f4; border: 1px solid #e4e4e4; padding: 9px; text-align: right; font: 700 8px/130% 'Rajdhani', sans-serif; color: #777; text-transform: uppercase; }

.reservesList {  text-align: left; font: 700 8px/130% 'Rajdhani', sans-serif; color: #777; text-transform: uppercase; padding: 20px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.reservesList b { color: #8aa2a0;  letter-spacing: 1px;  }

.reservesList i { color: #8aa2a0; font-weight: 700;  letter-spacing: 1px;  }

.occTx { background: #fafafa; padding: 20px; border: 1px solid #e9e9e9;  text-align: justify; font: 700 8px/130% 'Rajdhani', sans-serif;  text-transform: uppercase; color: #666; }
.occTx  blockquote { text-align: justify; font: 700 8px/130% 'Rajdhani', sans-serif;  text-transform: uppercase; color: #666; margin: 10px; padding: 10px; background: #fcfcfc; border: 1px solid #e4e4e4; }
</style>
</head>
<div class="plotBackground"><div class="plotHeader"><div class="plotTitle">

employment exchange

<div class="plotSub">

биржа труда

</div></div></div><div class="plotInner"><div class="plotPattern">

<div class="plotText" style="margin-top: 5px;">

<table  cellpadding="0" cellspacing="0"><tr><td valign="top"><div class="faceListTi">A-О</div><div class="faceList"><div class="faceListOv">

<font color="#a28989">интерн в больнице -</font> <a href="https://thenbhd.rusff.me/profile.php?id=19"> kim seolhyun</a><br> 

</div></div></td><td><div class="faceListTi" style="margin-left: 4px;">П-Я</div><div class="faceList" style="margin-left: 4px;"><div class="faceListOv">

<font color="#a28989">писатель -</font> <a href="https://thenbhd.rusff.me/profile.php?id=25">im changkyun</a><br> 
<font color="#a28989">программист -</font> <a href="https://thenbhd.rusff.me/profile.php?id=8"> kim junsu</a><br> 
<font color="#a28989">фотограф -</font> <a href="https://thenbhd.rusff.me/profile.php?id=11">park euntae</a><br> 


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



</center>
Код:
<font color="#a28989">должность -</font> <a href="ссылка на профиль">внешность на английском языке</a><br>