[html]
<style>
.back {
    background: url(https://forumstatic.ru/files/000e/3d/70/68962.png) center top fixed repeat, #301d0d17;
    margin: 5px;
    padding: 5px;
    box-shadow: 2px 1px 4px 0px #34170d6e;
    border: solid 8px #786a5b;
text-align: center;
}
.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 {
     padding: 0 10px;
    margin-left: 5px;
    min-height: 120px;
    display: block;
    text-align: center;
}

div.imges img {
    border: solid 2px #a79480;
}
.text {
padding: 18px;
    margin-bottom: 13px;
    text-align: justify;
    display: block;
    font-family: Eb Garamond;
    font-size: 16px;
    color: #241405;
    letter-spacing: -0.5px;
    line-height: 16px;
    text-shadow: 0 0 #3a2d1f;
background: #eadbc2;
    border: solid 2px #482b1082;
}
.navigate {
width: 271px;
    padding: 0 18px 18px 18px;
    margin-bottom: 18px;
    max-height: 133px;
    display: inline-block;
background: #eadbc2;
    border: solid 2px #482b1082;
}

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

</style>

<div class="back">
<div class="name">
старосты и деканы
<div class="quot">Остаться в живых - Отчаянный псих. Ни свой, ни чужой, Последний герой</div>
</div>

<div class="imges">
<img src="https://i.imgur.com/bo4yhn8.gif">
<img src="https://i.imgur.com/Y19oXIs.gif">
<img src="https://i.imgur.com/jS7k22z.gif">
</div>

<div class="text">

Старостой факультета может быть ученик 5-7 курса, у каждого факультета старост двое: парень и девушка. Старостой школы может стать ученик 7 курса. Их также двое, причём в паре должны быть представители двух разных факультетов.<br><br>
В обязанности старост факультета входит контроль порядка в факультетских гостиных и жилых комнатах, организация мероприятий для своего факультета, помощь отстающим с учебными делами. Они также по-очереди дежурят в коридорах, снимая баллы с других учеников за плохое поведение. Практика показывает, что "своих" штрафуют неохотно.<br><br>
Старосты школы курируют деятельность старост факультетов, следят за порядком, помогают разрешать конфликты между учениками и преподавателями, участвуют в организации общешкольных мероприятий, отчитываются перед руководством школы по результатам проделанной работы.<br><br>
После Катаклизма и Осады старосты не просто следят за порядком, но и несут караул на случай новых проявлений чёрной магии, а также участвуют в расследовании причин и последствий Катаклизма.<br><br>
У нас прогрессивная школа, поэтому старосты живут в отдельных комнатах. Более того, если Вы стали старостой, можете сами выбрать интерьер для себя. Комнаты старост школы располагаются в отдельной башне. Там же есть огромная ванна для всех старост, в которой так приятно расслабиться после тяжёлого учебного дня. Как говорится, ответственности много, но и бонусов хватает.
<br><br>
Деканом факультета может быть любой преподаватель, однако в большинстве случаев декан сам когда-то учился на том факультете, которой впоследствии возглавляет. Декан факультета несёт ответственность за вверенных ему учеников. Это касается поведения, учебных и спортивных направлений, психологического состояния. Некоторые деканы пытаются стать своим студентам "вторыми родителями", некоторые соблюдают строгую дистанцию, однако любой декан стоит горой за свой факультет. Деканы управляют назначением старост и команды по квиддичу, владеют подробной информацией о каждом представителе своего факультета. После печальных сюжетных событий деканы участвуют в расследовании произошедшего с помощью старост.

</div>

<div class="navigate">
<div class="lilname">гриффиндор</div><br>
<div class="links">
<strong>Декан:</strong> <a href="https://nox.mybb.ru/profile.php?id=15">Allford, Nicole</a><br>
<strong>Староста девушек:</strong> <a href="https://nox.mybb.ru/profile.php?id=9">Saint-Honore, Romana</a><br>
<strong>Староста юношей:</strong> <br>
</div>
</div>

<div class="navigate">
<div class="lilname">когтевран</div><br>
<div class="links">
<strong>Декан:</strong> <a href="https://nox.mybb.ru/profile.php?id=108">Sharigham, Laverne</a> <br>
<strong>Староста девушек:</strong> <a href="https://nox.mybb.ru/profile.php?id=4">Winter, Olive</a> <br>
<strong>Староста юношей:</strong>  <br>
</div>
</div>

<div class="navigate">
<div class="lilname">слизерин</div><br>
<div class="links">
<strong>Декан:</strong> <a href="https://nox.mybb.ru/profile.php?id=18">Paul, Malion</a><br>
<strong>Староста девушек:</strong> <br>
<strong>Староста юношей:</strong>  <a href="https://nox.mybb.ru/profile.php?id=4">Johnson, Elijah </a><br>
</div>
</div>

<div class="navigate">
<div class="lilname">пуффендуй</div><br>
<div class="links">
<strong>Декан:</strong> <a href="https://nox.mybb.ru/profile.php?id=106">Griffith, Jerry</a><br>
<strong>Староста девушек:</strong> <br>
<strong>Староста юношей:</strong>  <br>
</div>
</div>

<div class="navigate">
<div class="lilname">школа</div><br>
<div class="links">
<strong>Директор:</strong> <a href="https://nox.mybb.ru/profile.php?id=10">Le`Grand, Andre  </a><br>
<strong>Староста девушек:</strong> <br>
<strong>Староста юношей:</strong>  <br>
</div>
</div>

</div>

[/html]