Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello
Hello

Привет
Привет
Привет
Привет
Привет
Привет
Привет
Привет
Привет
Привет
Привет
Привет

[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://i.imgur.com/GBlSqxL.png"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1"><img src="https://i.imgur.com/2Gc6LGK.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2"><img src="https://i.imgur.com/xtd0oiz.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3"><img src="https://i.imgur.com/CuTU67i.png"></label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ  ------------->
  <div id="content-1">
    <div class="persava"><img src="КВАДРАТНАЯ КАРТИНКА"></div>
<div class="persinfo">
<div class="persname">NAME SURNAME IN ENG</div>
<div class="perscitata">ЦИТАТА</div>
<div class="persdata">
<div class="persdataline"><img src="https://i.imgur.com/s0i85pD.png"> <p>ЧИСТОТА КРОВИ</p></div>
<div class="persdataline"><img src="https://i.imgur.com/QFsuCXN.png"> <p>ФАКУЛЬТЕТ ИЛИ ВЫПУСК</p></div>
<div class="persdataline"><img src="https://i.imgur.com/X68JeP8.png"> <p>ЗАНЯТОСТЬ</p></div>
<div class="persdataline"><img src="https://i.imgur.com/fDmufPR.png"> <p>ПАРА ИЛИ ЧТО-ТО ЕЩЕ</p></div>
</div>
</div>
  </div>

<!------------ СЮДА СТАВИМ ПЛАШКИ ------------->
  <div id="content-2">
    <div class="persplash">
<img src="КАРТИНКА">

</div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="КАРТИНКА" title="текст">

</div>
  </div>
</div>
</div>
</center>
[/html]

[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://i.imgur.com/GBlSqxL.png"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1"><img src="https://i.imgur.com/2Gc6LGK.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2"><img src="https://i.imgur.com/xtd0oiz.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3"><img src="https://i.imgur.com/CuTU67i.png"></label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ ------------->
  <div id="content-1">
    <div class="persava"><img src="КВАДРАТНАЯ КАРТИНКА"></div>
<div class="persinfo">
<div class="persname">NAME SURNAME IN ENG</div>
<div class="perscitata">ЦИТАТА</div>
<div class="persdata">
<div class="persdataline"><img src="https://i.imgur.com/s0i85pD.png"> <p>ЧИСТОТА КРОВИ</p></div>
<div class="persdataline"><img src="https://i.imgur.com/QFsuCXN.png"> <p>ФАКУЛЬТЕТ ИЛИ ВЫПУСК</p></div>
<div class="persdataline"><img src="https://i.imgur.com/X68JeP8.png"> <p>ЗАНЯТОСТЬ</p></div>
<div class="persdataline"><img src="https://i.imgur.com/fDmufPR.png"> <p>ПАРА ИЛИ ЧТО-ТО ЕЩЕ</p></div>
</div>
</div>
  </div>

<!------------ СЮДА СТАВИМ ПЛАШКИ ------------->
  <div id="content-2">
    <div class="persplash">
<img src="КАРТИНКА">

</div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="КАРТИНКА" title="текст">

</div>
  </div>
</div>
</div>
</center>
[/html]

[hideprofile]
[html]<div class="AB2C"><!-- CREDIT/КОПИРАЙТ, НЕ УБИРАЙТЕ, ПОЖАЛУЙСТА : CODAGE PAR SKAEMP / CCCRUSH --><a class="cdtAB2C" href="http://crushcrushcrush.actifforum.com/" target="_blank"></a>

<!---------------------------------- ВКЛАДКИ ---------------------------->
<!-- старосты --><input type="radio" name="AB2C" id="OAB2C1" checked ><label for="OAB2C1">СТАРОСТЫ</label>
<!-- квиддич --><input type="radio" name="AB2C" id="OAB2C2"><label for="OAB2C2">КВИДДИЧ</label>
<!-- газета --><input type="radio" name="AB2C" id="OAB2C3"><label for="OAB2C3">ШКОЛЬНАЯ ГАЗЕТА</label>
<!-- профсостав --><input type="radio" name="AB2C" id="OAB2C4"><label for="OAB2C4">ПЕРСОНАЛ ХОГВАРТСА</label>
<!-- мм --><input type="radio" name="AB2C" id="OAB2C5"><label for="OAB2C5">МИНИСТЕРСТВО МАГИИ</label>
<!-- мунго --><input type="radio" name="AB2C" id="OAB2C6"><label for="OAB2C6">БОЛЬНИЦА СВ. МУНГО</label>
<!-- хогсмид --><input type="radio" name="AB2C" id="OAB2C7"><label for="OAB2C7">ХОГСМИД</label>
<!-- маг лондон --><input type="radio" name="AB2C" id="OAB2C8"><label for="OAB2C8">МАГИЧЕСКИЙ ЛОНДОН</label>

<!------------------------------- КОНТЕНТ СТАРОСТЫ --------------------------------------------------->
<div id="contentAB2C1" class="contentAB2C">
<!-- старосты школы -->
<span>старосты школы</span><b>boy</b> — Ангус Лестрейндж<br><b>girl</b> — Дафна Монтгомери

<!-- старосты гриффиндора -->
<span>старосты гриффиндора</span><b>boy</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p45381">Николас Вуд*</a><br><b>girl</b> — Квинси Урхарт

<!-- старосты хаффлпаффа -->
<span>старосты хаффлпаффа</span><b>boy</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p44945">Эллиот Диггори*</a><br><b>girl</b> — Катарина Шафик

<!-- старосты слизерина -->
<span>старосты слизерина</span><b>boy</b> — Деймос Пьюси<br><b>girl</b> — Лавиния Нотт

<!-- старосты рейвенкло -->
<span>старосты рейвенкло</span><b>boy</b> — Имя Фамилия<br><b>girl</b> — Имя Фамилия</div>

<!------------------------------- КОНТЕНТ КВИДДИЧ --------------------------------------------------->
<div id="contentAB2C2" class="contentAB2C">
<!-- гриф --><span>гриффиндор</span>
<b>капитан</b> — Дебора Харпер<br>
<b>охотник</b> — Бастиан Локвуд<br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>загонщик</b> — Эва Пруэтт<br>
<b>загонщик</b> — <i>Имя Фамилия</i><br>
<b>вратарь</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p16699">Киран Нотт*</a><br>
<b>ловец</b> — Дебора Харпер<br>

<!-- слиз --><span>слизерин</span>
<b>капитан</b> — Тимоти Слагхорн<br>
<b>охотник</b> — Альтемир Розье<br>
<b>охотник</b> — Арчибальд Малфой<br>
<b>охотник</b> — Астрей Флинт<br>
<b>загонщик</b> — Винсент Руквуд<br>
<b>загонщик</b> — Тимоти Слагхорн<br>
<b>вратарь</b> — Себастьян Пиритс<br>
<b>ловец</b> — Мирида Флинт<br>

<!-- рейв --><span>рейвенкло</span>
<b>капитан</b> — <i>Имя Фамилия</i><br>
<b>охотник</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p45010">Эндрю Ларсон*</a><br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>загонщик</b> — <i>Имя Фамилия</i><br>
<b>загонщик</b> — <i>Имя Фамилия</i><br>
<b>вратарь</b> — <i>Имя Фамилия</i><br>
<b>ловец</b> — Цирцея Поттер<br>

<!-- хафф --><span>хаффлпафф</span>
<b>капитан</b> — <i>Имя Фамилия</i><br>
<b>охотник</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p39588">Элис Кидделл*</a><br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>охотник</b> — <i>Имя Фамилия</i><br>
<b>загонщик</b> — Перегрин Спэрроу<br>
<b>загонщик</b> — <i>Имя Фамилия</i><br>
<b>вратарь</b> — <i>Имя Фамилия</i><br>
<b>ловец</b> — Рози Фоули<br></div>

<!------------------------------- КОНТЕНТ ГАЗЕТА --------------------------------------------------->
<div id="contentAB2C3" class="contentAB2C">
<!-- газета --><span>газета «potion post»</span>
<b>главный редактор</b> — Ллойд Эйвери<br>
<b>колонки о сплетнях и квиддиче</b> — Фиона Смит<br>
<b>колонка о моде</b> — Мартина Канту<br>
<b>колонка об учебе (профориентация) </b> — Эйрена Мальсибер<br>
<b>фотограф </b> — Ренфри Бёрк<br>
</div>

<!------------------------------- КОНТЕНТ ПЕРСОНАЛ ШКОЛЫ --------------------------------------------------->
<div id="contentAB2C4" class="contentAB2C">
<!-- управа --><span>управление</span>
<b>директор</b> — <i>Финеас Н. Блэк*</i><br>
<b>зам директора</b> — <i>Матильда Уизли*</i><br>
<br>

<!-- деканы --><span>деканы</span>
<b>слизерин</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p35456">Эзоп Шарп*</a><br>
<b>рейвенкло</b> — Бальтазар Мальсибер<br>
<b>хаффлпафф</b> — Тицан Сэлвин<br>
<b>гриффиндор</b> — <i>Матильда Уизли*</i><br>
<br>

<!-- преподы --><span>профессоры</span>
<b>Древние Руны</b> — <a hrf="http://hogwartslegacy.rusff.me/viewtopic.php?id=29&p=2#p47852">Клэйтон Дож*</a><br>
<b>Зельеварение</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p35456">Эзоп Шарп*</a><br>
<b>Чары</b> — Бальтазар Мальсибер<br>
<b>Астрономия</b> — <i>Имя Фамилия</i><br>
<b>Травология</b> — Тициан Сэлвин<br>
<b>Защита от Темных Искусств</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p43219">Реджинальд Поттер*</a><br>
<b>История магии</b> — <i>Имя Фамилия</i><br>
<b>Маггловедение</b> — <i>Имя Фамилия</i><br>
<b>Нумерология</b> — <i>Имя Фамилия</i><br>
<b>Полеты</b> — Фрэнк Фосетт<br>
<b>Прорицания</b> — <i>Имя Фамилия</i><br>
<b>Трансфигурация</b> — <i>Матильда Уизли*</i><br>
<b>Уход за Магическими Существами</b> — <i>Имя Фамилия</i><br>
<b>Трансгрессия</b> — Август Эйри<br>
<br>

<!-- остальное --><span>другие должности</span>
<b>Завхоз</b> — <i>Имя Фамилия</i><br>
<b>Библиотекарь</b> — <i>Имя Фамилия</i><br>
<b>Колдомедик</b> — Феодора Чармейн<br>
<br>
</div>

<!------------------------------- КОНТЕНТ МИНИСТЕРСТВО --------------------------------------------------->
<div id="contentAB2C5" class="contentAB2C">
<!-- ур1 --><span>Министр магии и обслуживающий персонал (первый уровень)</span>
<b>Министр магии</b> — <i>Имя Фамилия</i><br>
<b>Управляющий отделом</b> — <i>Имя Фамилия</i><br>
<b>Секретарь министра</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур2 --><span>Отдел магического правопорядка (второй уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<center>АВРОРАТ</center><br>
<b>Глава штаба</b> — <i>Имя Фамилия</i><br>
<b>Аврор</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p47497">Бенджамин «Зануда»*</a><br>
<b>Младший аврор</b> — Венузия Крикерли<br>
<br>

<center>ВИЗЕНГАМОТ</center><br>
<b>Верховный чародей</b> — <i>Имя Фамилия</i><br>
<b>Старейшина</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p37931">Чезаре Монтгомери*</a><br>
<b>Старейшина</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29&p=2#p49419">Корнелиус Крикерли*</a><br>
<b>Секретарь</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур3 --><span>Отдел магических происшествий и катастроф (третий уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур4 --><span>Отдел регулирования магических популяций и контроля над ними (четвертый уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур5 --><span>Отдел международного магического сотрудничества (пятый уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>глава Британского филиала Международной конфедерации магов</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29#p37931">Чезаре Монтгомери*</a><br>
<br>

<!-- ур6 --><span>Отдел магического транспорта (шестой уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур7 --><span>Отдел магических игр и спорта (седьмой уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- ур9 --><span>Отдел тайн (девятый уровень)</span>
<b>Глава отдела</b> — <i>Имя Фамилия</i><br>
<b>Сотрудник</b> — Август Эйри<br>
<br>
</div>

<!------------------------------- КОНТЕНТ МУНГО --------------------------------------------------->
<div id="contentAB2C6" class="contentAB2C">
<!-- отдел --><span>Отделение лечения травм от рукотворных предметов</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Отделение лечения ранений от живых существ</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Отделение лечений волшебных вирусов</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Отделение лечений отравлений растениями и зельями</span>
<b>Сотрудник</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29&p=2#p48619">Амелия Макмиллан*</a><br>
<br>

<!-- отдел --><span>Отделение лечений недугов от заклятий</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>
</div>

<!------------------------------- КОНТЕНТ ХОГСМИД --------------------------------------------------->
<div id="contentAB2C7" class="contentAB2C">
<!-- отдел --><span>«Волшебная брюква»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Волшебные палочки от Олливандера»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Дэрвиш и Бэнгз»</span>
<b>Помощница</b> — Венузия Крикерли<br>
<br>

<!-- отдел --><span>«Зелья Джея Пепина»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Зонко»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Круголётка»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Магазин перьев Писарро»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Музыкальный магазин Доминик Маэстро»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Сладкое королевство»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Тимофиллы и поганки»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Фолианты и свитки»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Шапка-невидимка»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Волшебное оборудование для умников»</span>
<b>Хозяйка</b> — Агата Уилкс<br>
<br>

<!-- отдел --><span>«Кабанья голова»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Кафе мадам Паддифут</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Три метлы»</span>
<b>Хозяйка</b> — <i>Сирона Райан*</i><br>
<b>Сотрудник</b> — Хиро Накагава (Виктор Руквуд под обороткой)<br>
<br>

<!-- отдел --><span>«Чайный пакетик Розы Ли»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>
</div>

<!------------------------------- КОНТЕНТ МАГ ЛОНДОН --------------------------------------------------->
<div id="contentAB2C8" class="contentAB2C">

<center>КОСОЙ ПЕРЕУЛОК</center><br>

<!-- отдел --><span>Аптека Малпеппера</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Аптека «Слизень и Джиггер»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Всё для квиддича»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Волшебное оборудование для умников»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Волшебный зверинец»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Гринготтс»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>«Дырявый котёл»</span>
<b>Сотрудник</b> — <a href="http://hogwartslegacy.rusff.me/viewtopic.php?id=29&p=2#p49242">Элфиас «Альфи» Гольдштейн*</a><br>
<br>

<!-- отдел --><span>«Зелья Дж. Пиппина»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Издательский дом «Обскурус»</span>
<b>Владелец</b> — <i>Фредерик Фоули*</i><br>
<br>

<!-- отдел --><span>Кафе-мороженое Флориана Фортескью</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Кондитерская Шугарплама</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка доктора Фойерверкуса</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка Олливандера</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка письменных принадлежностей</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка старьёвщика</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Магазин коллекционных карточек</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Магазин котлов</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Мантии на все случаи жизни</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Мантии «из рук в руки»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Мётлы «из рук в руки»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Омолаживающие зелья мадам Примпернель</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Твилфитт и Таттинг</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Торговый центр «Совы»</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Флориш и Блоттс</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Чайный пакетик Розы Ли</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Чудесные волшебные палочки Джимми Кидделла</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Бутылочное пиво Белчера</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<center>ЛЮТНЫЙ ПЕРЕУЛОК</center><br>

<!-- отдел --><span>Белая виверна</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Букмекерская контора</span>
<b>Владельцы</b> — <i>Руфус Мальсибер*</i>, Бальтазар Мальсибер<br>
<b>Управляющий</b> — <i>Каспар Мальсибер*</i><br>
<br>

<!-- отдел --><span>Волшебные принадлежности</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Горбин и Бэркес</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Эльф-трубочист</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка древностей</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Лавка Коффина</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Ноггин и Боунс</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Слесарная мастерская</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Спини Серпент</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Тату салон Маркуса Скаррса</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>У Кобба и Уэбба</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>У Морибанда</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Флидермаус — летучие мыши и их шкурки</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Цирюльня</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Яды и отравы Шайверетча‎‎</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Дистальная фаланга</span>
<b>Сотрудник</b> — Винсент Руквуд<br>
<br>

<!-- отдел --><span>E.L.M — волшебные похороны и бальзамирование</span>
<b>Сотрудник</b> — <i>Имя Фамилия</i><br>
<br>

<!-- отдел --><span>Msaw Ætare</span>
<b>Владельцы</b> — Бальтазар Мальсибер, <i>Мельхиор Мальсибер*</i><br>
<br>
</div>

</div>[/html]

[html]
<center>
<div id="estetika">
<div id="estinfa">

<div class="estlinia">
<div class="estblockleft" style="background-image: url('https://i.imgur.com/FIF5RXY.gif')";></div>
<div class="estblocklefttext"><br><br>♦<br><br>♫ doll house<br><br><br>
« places, places,<br>
get in your places<br>
"throw on your dress<br>
and put on your doll faces"<br>
everyone thinks that we're perfect<br>
please don't let them<br>
look through the curtains<br>
picture, picture,<br>
smile for the picture<br>
"pose with your brother,<br>
won't you be a good sister?"<br>
everyone thinks that we're perfect<br>
please don't let them<br>
look through the curtains »</div>
</div>

<div class="estlinia">
<div class="estblockleft" style="background-image: url('https://i.imgur.com/CTn20uF.gif')"></div>
<div class="estblocklefttext"><br><br>♠<br><br>♫ goddess<br><br><br>
« you could go to paradise<br>
see the wonders, feel the highs<br>
touch the stars and surf the sky<br>
but still, they won't compare to me<br>
'cause i'm a goddess<br>
i'm fuckin' flawless<br>
let's not be modest<br>
'cause if you fuck with me,<br>
i might just change your life »</div>
</div>

<div class="estblockcenter">
<div class="martinaname"> <a href="#"></a>
<div class="textmartina"><br>man, i tell that broke bitch<br>
if you wanna get in tune,<br>
better change your whole pitch</div>
</div>
</div>

<div class="estlinia">
<div class="estblockrighttext"><br><br>♣<br>♫ sugar honey ice and tea<br><br><br>
« and it's got my head running 24/7<br>
i don't reckon i can figure it out<br>
it's all messed up,<br>
only one thing i know for sure<br>
we're so fucked<br>
and we all march on<br>
like we know the way to heaven<br>
who the hell died and made you the king<br>
we don't know what we want,<br>
but we know that we want it<br>
yeah, we want it right now<br>
(fuck you)<br>
everybody, everybody is full of<br>
sugar,<br>
honey,<br>
ice,<br>
and tea »</div>
<div class="estblockright" style="background-image: url('https://i.imgur.com/eIJWjS0.gif')"></div>
</div>

<div class="estlinia">
<div class="estblockrighttext"><br><br>♥<br>♫ let me love you<br><br><br>
« as i'm laying on your chest,<br>
i'll be out here thinking 'bout it, boy,<br>
it's just a guess,<br>
but something keeps telling me<br>
i'm better than the rest,<br>
and i ain't tryna rush you,<br>
but, goddamn,<br>
i'm a mess,<br>
mess,<br>
mess!<br>
and if it feels right,<br>
promise i don't mind,<br>
and if it feels right,<br>
promise i'll stay here all night »</div>
<div class="estblockright" style="background-image: url('https://i.imgur.com/Zyu3i8S.gif')"></div>
</div>

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

<style>

#estetika {
width: 400px;
height: 680px;
background: #000;
border-radius: 30px;
margin: 0 auto;
}

.estlinia {
width: 360px;
position: relative;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
float: left;
margin-left: 20px;
margin-top: 20px;
justify-content: space-between;
}

.estblockleft {
width: 80px;
height: 120px;
border-radius: 10px;
}

.estblocklefttext {
width: 263px;
height: 120px;
background: #000;
color: #fff;
overflow: auto;
line-height: 16px;
}

.estblockcenter {
width: 360px;
height: 80px;
position: relative;
display: flex;
background-image: url('https://i.imgur.com/3LEQbLQ.png');
float: left;
margin-left: 20px;
margin-top: 20px;
border-radius: 10px;
}

.estblockrighttext {
width: 263px;
height: 120px;
background: #000;
color: #fff;
overflow: auto;
}

.estblockright {
width: 80px;
height: 120px;
border-radius: 10px;
}

.martinaname {
margin: 0 auto;
padding-top: 20px;
}

.martinaname a {
font-family: Petit Formal Script;
font-size: 26px;
cursor: pointer;
}

.martinaname:hover .textmartina {
opacity: 1;
transition: 1s;
}

.textmartina {
opacity: 0; /*Элемент полностью прозрачный (невидимый)*/
transition: 1s; /*Скорость перехода состояния элемента*/
position: absolute;
width: 260px;
height: 60px;
position: absolute;
left: 50px;
top: 10px;
overflow: auto;
background: #000;
color: #fff;
line-height: 12px;
border-radius: 10px;
}
</style>
[/html]