[html]
<style>
.tab {
display: inline-block;
width: 48%;
}
.yerfall details + details {
margin-top: 1em;
margin-left: 2em;
}
.yerfall summary {
font-weight: 600; /* жирный шрифт метки */
margin-left: 2em;
margin-top: 3px;
cursor: pointer; /* курсор на метке имеет вид руки */
color:#8c8a8a;
font-size:10px;
}
.yerfall ul {
list-style: none;
margin: 1em;
padding: 0;
}
.yerfall summary:hover {
color:#2a231c; /* изменение цвета метки при наведении */
}
/* Tooltip container */
.m_tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
color: #211e1e;
font-weight:500;
font-family: 'Lora', serif;
font-size:11px;
}
/* Tooltip text */
.m_tooltip .tooltiptext {
display:none;
width: 250px;
background-image: url(https://forumstatic.ru/files/001b/5f/6a/58722.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
text-align: left;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
z-index: 9999;
top:20px;
left:2px;
padding:5px;
color: #bbbab9;
font-weight:500;
font-family: 'Lora', serif;
letter-spacing: 0px;
}
/* Show the tooltip text when you mouse over the tooltip container */
.m_tooltip:hover .tooltiptext {
position: absolute;
display:block;
}
.poster{
position:relative;
padding:10px;
height:100px;
width:100px;
display: inline-block;
}
.descr{
display:none;
/* margin-left:-350px; */
padding:10px;
margin-top:-50px;
/* height:200px; */
}
.poster:hover .descr{
display:block;
position:absolute;
top:120px;
z-index:9999;
/* width:400px; */
background: linear-gradient(to right, rgba(119, 119, 119, 1), rgba(19, 19, 19, 1));
}
.descr img{
outline: 1px solid #5b5758;
outline-offset: 0px!important;
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
</style>
<div class="yerfall" id="yerfall">
<img src="https://forumstatic.ru/files/001b/5f/6a/77606.png" style="">
<div class="yfimgover"></div>
<div class="ml"><font size=4px>департамент</font> магического правопорядка <h1>уровень второй <br></h1></div>
<div class="yf_right">
<div class="yftext">
<h1>О ДЕПАРТАМЕНТЕ</h1>
Департамент Обеспечения Магического Правопорядка (ДОМП) самый крупный департамент в Министерстве Магии. Учреден Уликом Гампом в 1710 году. Выполняет функции исполнительной власти. Поскольку это ведомство следит за исполнением законов британского магического сообщества, ему подчиняются все остальные ведомства, за исключением секретного Департамента Тайн.<br><br>
<span style=" font-size:12px; font-weight: 600;"> Глава департамента:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra ex a commodo mattis. Curabitur ultrices aliquet porta. Sed metus risus, commodo eu malesuada ac, facilisis at dui. Maecenas ultricies euismod interdum.<br>
<details>
<summary>хронология глав департамента</summary>
<span style=" font-size:9px; ">
1998 – ... — ? ;<br>
1997 – 1998 — Корбан Яксли;<br>
1996 – 1997 — Пий Тикнесс;<br>
1981 – 1996 — Амелия Боунс;<br>
1977 – 1981 — Бартемиус Крауч ст;<br></span>
</details><br>
<span style=" font-size:12px; font-weight: 600;"> Заместитель департамента: </span><br>
<span style=" font-size:12px; font-weight: 600;"> Секретари: </span> <br>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
АВРОРАТ</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> отбор в Аврорат строгий. Чтобы попасть на стажировку, нужно сдать Ж.А.Б.А. минимум по пяти предметам на оценку «превосходно» или «выше ожидаемого». В список обязательных предметов входят Зелья, ЗОТИ, Трансфигурация, Чары и Гербология. Потенциальный кандидат также должен пройти серию тестов на личные качества и способности.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 3 года. Набор на стажировку проводится осенью каждого года. В первый год курсант при ДОМПе обучается в основном теоретическим дисциплинам и практикуется под зорким взглядом наставников. <br>
В программу первого года входят теория права, физическая подготовка, практика дуэлей и боевой магии, яды и противоядия, основы целительства, теория криминалистики, тактики патрулирования, тактики следствия, тактики розыска, полевое обучение, история темных искусств, расширенный курс трансфигурации, курс психологической устойчивости. В конце года сдается серия аттестационных экзаменов. <br>
На втором году стажировки курсант прикрепляется на первые полгода к патрульной группе хит-визардов, затем (в случае удовлетворительных результатов) переводится в одну из групп авроров и параллельно на протяжении следующих полутора лет проходит специализированные курсы <div class="m_tooltip">«маскировка и скрытность»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«наблюдение и следопытство»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«практика криминалистики»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«темная магия. распознавание и защита»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«боевой инстинкт»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«тактическое планирование»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«дуэли в темноте»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«метод грозного глаза»<span class="tooltiptext">текст</span></div>, <div class="m_tooltip">«аврор. преимущество»<span class="tooltiptext">текст</span></div>. Были также особые программы с индивидуальными курсами подготовки, назначаемые курсантам с их согласия и по согласованию с главой Аврората, среди них - <div class="m_tooltip">«работа под прикрытием»<span class="tooltiptext">текст</span></div>.
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Парадная форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Повседневная форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:-280px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:-400px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Структура и иерархия: </span> <br><br><span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Глава Аврората — </span> руководит работой штаба, назначает ответственного за расследование дела аврора или группу авроров, следит за ходом расследований (в основном по отчетам), применяет меры пресечения при незаконных действиях своих сотрудников. Обязательно входит в состав Визенгамота, подотчетен главе Департамента и Министру магии. <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Заместитель главы Аврората — </span> назначается и подчиняется главе Департамента, руководит работой штаба и ходом расследований более полно, чем глава, проверяет материалы дела перед передачей дела в суд Визенгамота. Замещает главу Аврората в его отсутствие. <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Руководители групп — </span> руководители оперативно-следственной группы авроров. Подчиняются главе Аврората и заместителю главы. Руководят расследованием назначенного его группе дела. Составляют отчеты о ходе расследования и о материалах дела, которые после изучает глава Аврората и/или его заместитель. Имеют за плечами более 13 лет службы. <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Старшие авроры — </span> ... Имеют за плечами более 7 лет службы.
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Авроры — </span> специалисты по расследованию преступлений (в особенности в случаях применения темной магии), розыску преступников. Обеспечивают безопасность магического сообщества Британии, занимаются борьбой с распространением незаконных веществ, нередко работая под прикрытием, а также выявлением коррупционных сетей внутри и за пределами Министерства Магии. В особых ситуациях сотрудники Аврората могут быть брошены на помощь хит-визардам и наоборот.
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Курсанты / стажеры — </span> не являются полноценными сотрудниками Аврората, находятся на обучении. При присоединении к группе авроров следуют указаниям старших коллег.
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Штатные целители — </span> опытные целители широкого профиля с большим стажем работы в Больнице Св. Мунго. Реагируют по первому вызову как внутри отдела, так и при вызовах непосредственно с места происшествия. Имеют с собой специальный чемодан с заклинанием незримого расширения.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span> <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
ГРУППА ОБЕСПЕЧЕНИЯ МАГИЧЕСКОГО ПРАВОПОРЯДКА <BR>(ХИТ-ВИЗАРДЫ)</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> Чтобы попасть на стажировку, нужно сдать Ж.А.Б.А. минимум по трем предметам на оценку «превосходно» или «выше ожидаемого». В список обязательных предметов входят ЗОТИ, Чары, Трансфигурация. Потенциальный кандидат также должен пройти серию тестов на личные качества и способности.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 2 года. Набор на стажировку проводится осенью каждого года. В первый год курсант при ДОМПе обучается в основном теоретическим дисциплинам и практикуется под зорким взглядом наставников, зачастую совместно с аврорами (в первый год основ).
В программу первого года входят теория права, физическая подготовка, боевая подготовка, основы целительства, тактики патрулирования, тактики розыска, полевое обучение, курс психологической устойчивости, взрывоопасные зелья и вещества, тактики ведения переговоров, криминальная психология. В конце года сдается серия аттестационных экзаменов.
На втором году стажировки курсант прикрепляется на весь последующий год к патрульной группе хит-визардов и параллельно проходит специализированные курсы «маскировка и скрытность», «наблюдение и следопытство», «создание барьеров», «искусство дуэлей». Были также особые программы с индивидуальными курсами подготовки, назначаемые курсантам с их согласия и по согласованию с главой хит-визардов, среди них - «работа под прикрытием».
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Парадная форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Повседневная форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:-280px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:-400px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<span style=" font-size:12px; font-weight: 600;">Структура и иерархия: </span>
<br><br><span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Глава хит-визардов — </span> <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Заместитель главы хит-визардов — </span> <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Хит-визарды — </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Курсанты / стажеры — </span>
не являются полноценными сотрудниками Группы обеспечения магического правопорядка, находятся на обучении. При присоединении к группе хит-визардов следуют указаниям старших коллег.
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span><span style=" font-size:12px; font-weight: 400;"> Штатные целители — </span>
опытные целители широкого профиля с большим стажем работы в Больнице Св. Мунго. Реагируют по первому вызову как внутри отдела, так и при вызовах непосредственно с места происшествия. Имеют с собой специальный чемодан с заклинанием незримого расширения.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span> <br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:13px;font-weight: 400;"> ◇ </span>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
СЕКТОР БОРЬБЫ С НЕПРАВОМЕРНЫМ ИСПОЛЬЗОВАНИЕМ МАГИИ</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> Чтобы попасть на стажировку, нужно сдать Ж.А.Б.А. минимум по трем предметам на оценку «превосходно» или «выше ожидаемого». В список обязательных предметов входят ЗОТИ, Трансфигурация и Чары.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 3 месяца. В программу стажировки входит теория права и физическая подготовка (совмещены с лекциями и тренировками авроров и хит-визардов)
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span> Сектор расследует нарушения Международного статута о секретности, в их юрисдикции разыскивать и арестовывать таких нарушителей. Также это ведомство отвечает за соблюдения Указа о разумном ограничении магии несовершеннолетних. С помощью заклинания Надзора сотрудники сектора отслеживают факты использования магии вне школы несовершеннолетними волшебниками, устанавливают меру наказания и извещают о ней нарушителей. Меры наказания варьируются от предупреждения до слушания в Визенгамоте. Также сектор ведет регистрацию волшебников-анимагов для предупреждения использования их способностей для нарушения закона и осуществляет лицензирование магического транспорта.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
СЕКТОР ВЫЯВЛЕНИЯ И КОНФИСКАЦИИ ПОДДЕЛЬНЫХ <BR>ЗАЩИТНЫХ ЗАКЛИНАНИЙ И ОБЕРЕГОВ</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> Чтобы попасть на стажировку, нужно сдать СОВ или Ж.А.Б.А. по двум предметам минимум на оценку «удовлетворительно». В список обязательных предметов входят Чары и Зельеварение.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 2 месяца. В программу стажировки входит ускоренный курс теории права, далее стажеру назначается наставник из действующих сотрудников сектора.
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span> Самое молодой сектор ДОМПа. Создан в 1996 году министром магии Руфусом Скримджером. Его основная задача заключается в конфискации поддельных защитных заклинаний и зачарованных объектов, таких как проклятые вредноскопы, поддельные защитные зелья, артефакты и т.п.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
СЕКТОР ПО БОРЬБЕ С НЕЗАКОННЫМ <BR>ИСПОЛЬЗОВАНИЕМ ИЗОБРЕТЕНИЙ МАГГЛОВ</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> Чтобы попасть на стажировку, желательно сдать СОВ или Ж.А.Б.А. по Чарам и Маггловедению, но жестких условий нет, на собеседовании все решает человеческий фактор.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 2 недели. В программу стажировки входит ускоренный курс теории права, далее стажеру назначается наставник из действующих сотрудников сектора.
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span>Сектор регулирует использование магии на маггловских объектах и предпринимают меру, чтобы заколдованные предметы не попадали в руки магглов. Совершают рейды и ловят нарушителей: скупщиков, горе-изобретателей.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class="">
АДМИНИСТРАТИВНЫЕ СЛУЖБЫ ВИЗЕНГАМОТА</div>
<blockquote class="">
<br>
<span style=" font-size:12px; font-weight: 600;"> Требования к кандидатам: </span> Чтобы попасть на стажировку, нужно сдать Ж.А.Б.А. по трем любым предметам на оценку минимум «выше ожидаемого».
<br><br>
<span style=" font-size:12px; font-weight: 600;">Стажировка: </span> длится 6 месяцев. В программу стажировки входит основной курс теории права, далее стажеру назначается наставник из действующих сотрудников служб.
<br><br>
<div class="tab" >
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:255px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
<div class="poster"><img src="https://via.placeholder.com/100x100">
<div class="descr" style="margin-top:-180px; margin-left:130px;"><img src="https://via.placeholder.com/250x300"></div>
</div>
</div>
<div class="tab" >
<span style=" font-size:12px; font-weight: 600;">Форма: </span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec venenatis sapien at elit ullamcorper fringilla. Praesent ac aliquam erat. Cras magna lacus, rhoncus ut molestie at, malesuada quis leo. Aliquam ultrices mauris in tortor sollicitudin, eget ullamcorper lectus euismod.
</div>
<br><br>
<span style=" font-size:12px; font-weight: 600;">Основные функции: </span> Офис занимается ведением и хранением судебной документации и осуществляет административное управление всеми процессами Визенгамота от составления расписаний слушаний до определения состава коллегии судей, составлением протоколов заседаний, проверкой составленных нормативных актов на соответствие законодательству Магической Британии. Сотрудники этого отдела также частично выполняют роль секретарей судей Визенгамота.
<br><br>
<span style=" font-size:12px; font-weight: 600;">Артефакты: </span>
<br><br>
</blockquote></div>
</div>
</div>
</div>[/html]