[html]<center class=""><div class="field">
<div class="menu">
<div class="menulinks">
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=13">хронология</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=12">вирус</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=10">f.a.q</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=14">выжившие</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=16">внешности</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=17">нужные</a>
        </div></div>
<div class="text">
<p>2010 году ты встретил зомбиапокалипсис и был вынужден примкнуть к тем, кто остался жив. Рекомендуем не паниковать [!]. Запомни: Захвати еду, питьевую воду, радиоприёмник, фонари, оружие и отступай в безопасное место.
<p>Ты не один. Ты выживешь, ты сможешь. Мы верим в тебя.
<p>[!] Срок придержания внешностей и ролей - <b>3 дня</b>. 
</p></div>

<div class="element1">
<img src="https://i.imgur.com/bOBlEaI.gif">
</div>

<div class="vnehi">
<br><center>до 00.00</center><br>
name surname - <a href="ссылка на профиль">name surname</a><br>
</div>

<div class="names">

<br>
</div>
<style>
.field {
    width: 661px;
    box-shadow: 0px 0px 5px #000;
    height: 513px;
    border-radius: 5px;
    background: url(https://i.imgur.com/1k0gTu3.jpeg);
}
.about1 {
    position: absolute;
    overflow: auto;
    margin-top: 18px;
    width: 322px;
    height: 30px;
    font-family: 'white tie affair';
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
    margin-left: 292px;
    font-weight: 700;
    color: #858076;
    letter-spacing: .04em;
    text-shadow: 1px 1px 2px black;
}

.about2 {
        position: absolute;
    overflow: auto;
    margin-top: 38px;
    width: 334px;
    margin-left: 286px;
    height: 20px;
    font-family: alice;
    font-size: 8px;
    text-align: center;
    font-weight: 500;
    color: #858076;
}

.element1 {
position: absolute;
    overflow: hidden;
    margin-top: 52px;
    margin-left: 21px;
    width: 617px;
    height: 174px;}

.text {
position: absolute;
    overflow: auto;
    margin-top: 303px;
    width: 300px;
    height: 202px;
    margin-left: 52px;
    text-align: justify;
    padding: 3px 10px 3px 5px;
    text-indent: 10px;
    font-size: 9px;
    font-family: 'Philosopher';
    font-weight: normal;
    color: #858076;
}

.menu {
position: absolute;
    overflow: auto;
    margin-top: 232px;
    width: 730px;
    height: 192px;
    margin-left: -65px;
    text-align: justify;
    padding: 3px 10px 3px 5px;
    text-indent: 12px;
    font-size: 9px;
    font-family: 'Philosopher';
    font-weight: normal;
    color: #676767;
}

.menulink {     
    font-size: 11px;
    color: #000000 !important;
    text-align: center !important;
    text-shadow: 0px 0px #000000;
    line-height: 19px;
    background-color: #514628;
    border-radius: 3px;
    padding: 1px 5px;
}
a.menulink:hover {
    color: #000000 !important;
    background: #5b5b5b;
}

.menulinks {    padding: 1px 0px 4px 0px;
    text-align: center;}

.vnehi{
margin-left: 417px;}

.vnehi {
    position: absolute;
    overflow: auto;
    font-family: 'Philosopher';
    margin-top: 288px;
    width: 204px;
    height: 167px;
    font-size: 11px;
    padding: 5px;
    text-transform: lowercase;
    text-align: left;
    font-weight: normal;
    color: #6d5e37 !important;}
   
.vnehi a {
color: #959595 !important;
    font-weight: bold;
}

.vnehi a:hover {
color: #6d5e37 !important;
    font-weight: bold;
}
</style></div></center>[/html]

name surname роли\внешности - <a href="ссылка на профиль">name surname</a><br>