[html]
<style>
.back {
    background: url(https://forumstatic.ru/files/000e/3d/70/68962.png) center top fixed repeat, #301d0d17;
    margin: 5px;
    padding: 5px;
    max-height: 345px;
    box-shadow: 2px 1px 4px 0px #34170d6e;
    border: solid 8px #786a5b;
}
.name {
    margin: 0px 10px 10px;
    padding: 10px 10px 7px 0;
    font-family: Eb Garamond;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.lilname {
    margin: 0px 10px -15px;
    padding: 10px 10px 7px 0;
    font-family: Eb Garamond;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.quot {
    font-size: 10px;
    text-align: center;
    font-weight: normal;
    margin-top: -1px;
    margin-bottom: 7px;
}
div.imges {
    width: 321px;
    padding: 0 10px;
    margin-left: 5px;
    min-height: 120px;
    display: inline-block;
    text-align: center;
}

div.imges img {
    border: solid 2px #a79480;
}
.text {
max-width: 411px;
    padding: 0px 10px;
    text-align: justify;
    display: inline-block;
    font-family: Eb Garamond;
    font-size: 16px;
    color: #241405;
    letter-spacing: -0.5px;
    line-height: 16px;
    text-shadow: 0 0 #3a2d1f;
}
.navigate {
    min-width: 126px;
    padding: 0 18px;
    display: inline-table;
    max-height: 133px;
    /*border: solid 3px #786a5b38;*/
}

.links {
    font-size: 11px;
    text-align: center;
    text-transform: lowercase;
}

div.hold{
    width: 387px;
    padding: 0px 18px;
    display: inline-table;
    height: 150px;
}
.guests {
    width: 365px;
    height: 80px;
    background: #76685147;
    border: solid 2px #522f131c;
    font-size: 11px;
    padding: 5px;
}
.holdthem{
    padding: 5px;
    overflow-y: auto;
    height: 70px;
}
</style>

<div class="back">
<div class="name">
Это твой поезд с платформы 9 и ¾
<div class="quot">поезд идёт, и железо поёт, знает железо всего пару нот</div>
</div>

<div class="imges">
<img src="https://i.imgur.com/lMTqt0W.gif">
<img src="https://i.imgur.com/R0lgVjI.gif">
<img src="https://i.imgur.com/ysUKbZB.gif">
</div>

<div class="text"><center>Хогвартс утонул в странностях. После вспышки, унесшей с собой множество жизней, выжившие перестали что-либо помнить. Первое, что может всплыть в их памяти - далекий 2007 год, отрывками проявляющийся из далекого прошлого. Многие не узнают друг друга, родных и любимых, друзей и врагов. Что ж, придется познакомиться заново! Так ты едешь или нет?<br><br></center>
<center>Гарри Поттер 2010 | Неканон | Локации | Флуд</center>
</div>

<div class="navigate">
<div class="lilname">полезные ссылки</div><br>
<div class="links">
<a href="https://nox.mybb.ru/viewtopic.php?id=270">- список персонажей -</a><br>
<a href="https://nox.mybb.ru/viewtopic.php?id=137">- список внешностей -</a><br>
<a href="https://nox.mybb.ru/viewtopic.php?id=266">- сюжет -</a><br>
<a href="https://nox.mybb.ru/viewtopic.php?id=133">- шаблон анкеты -</a><br>
<a href="https://nox.mybb.ru/viewtopic.php?id=382">- нужные -</a><br>
<a href="https://nox.mybb.ru/viewtopic.php?id=389">- f.a.q - </a>
</div>
</div>

<div class="navigate">
<div class="lilname">АМС</div><br>
<div class="links">
<a href="https://nox.mybb.ru/profile.php?id=4">- Оливка -</a><br>
(админ - динозавр<br>
и не использует ТГ,<br>
жду ваши вопросы<br>
в Гостевой и ЛС)<br>
</div>
</div>

<div class="hold">
<div class="lilname">придержи без кода</div><br>
<div class="guests"><div class="holdthem">
имя имя - xx.xx - имя
<br>
имя имя - xx.xx - имя

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

[/html]