[hideprofile][html]
<div class="tabs-wrapper">
<div class="tabs-inner">
<div class="header-box">
ФРАКЦИИ И ГРУППИРОВКИ
</div>
<div class="add"><strong>Тут вы найдете основную информацию о фракциях и группировках, с более подробным описанием можно ознакомиться ниже. Добавление новых фракций и/или группировок пока не рассматривается, но вы всегда можете предложить свои идеи в <a href="https://flamevector.rusff.me/viewtopic.php?id=28">специальной теме</a></strong></div>
<div class="tabs-buttons">
<button onclick="showTab(1)"><strong>ИНКВИЗИЦИЯ</strong></button>
<button onclick="showTab(2)"><strong>ГОЛОСА</strong></button>
<button onclick="showTab(3)"><strong>СОПРОТИВЛЕНИЕ</strong></button>
<button onclick="showTab(4)"><strong>БАНДА "ПРИЗРАКИ"</strong></button>
<button onclick="showTab(5)"><strong>ИНСТИТУТ</strong></button>
</div>
<div class="tabs-content">
<div id="tab1" class="tab-text">
<div class="card-title">ИНКВИЗИЦИЯ</div>
<div class="card-content">
<strong>Лидеры:</strong><em> [ЗАСЕКРЕЧЕНО]</em>
<br><strong>Инквизиторы I ступени: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Инквизиторы II ступени: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Инквизиторы III ступени: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Местоположение: </strong><em> мэрия</em>
<br><br><strong>ОБЩИЕ СВЕДЕНИЯ: </strong>
<br><br><p><strong>Инквизиция — </strong>финансируемый правительством орган обеспечения безопасности. Организация призвана минимизировать распространение вируса путем уничтожения потенциально опасных носителей</p>
<p>В ряды инквизиции принимаются все желающие, предпочтение отдается физически развитым и выносливым людям, возраст, пол, статус не имеют значения. Отобранные из числа добровольцев новобранцы проходят обязательную физподготовку, психологическое и медицинское обследование (последнее выполняется регулярно и в соответствии с протоколом 1.16)</p>
<p>Прошедшие все необходимые процедуры новобранцы распределяются по группам, за каждым из них закрепляется наставник, а новобранцу присваивается статус "стажер".</p>
<p>Те, кто не прошел отбор, могут поступить на службу в качестве волонтеров-искателей. Любая информация об организации волонтерам-искателям недоступна.</p>
<p>Инквизиторы, по тем или иным обстоятельствам отошедшие от службы, подлежат немедленной ликвидации, согласно протоколу 1.16, с целью сохранения конфиденциальности. </p>
<p>Организация заботится о своих подопечных: выделяются средства на содержание и обмундирование каждого инквизитора. Каждый инквизитор имеет при себе GPS-трекер, который помогает членам группы отследить местонахождение каждого отдельного инквизитора, входящего в состав группы. Дислокация штаб-квартиры каждой группы инквизиторов, согласно протоколу 1.16, должно меняться раз в месяц.</p>
<p><strong>Подробнее об организации можно прочитать <em><a href="https://flamevector.rusff.me/viewtopic.php?id=30#p599">здесь</a></em></strong></p>
</div>
</div>
<div id="tab2" class="tab-text">
<div class="card-title">ГОЛОСА</div>
<div class="card-content">
<strong>Лидеры:</strong><em><a href="https://flamevector.rusff.me/profile.php?id=66">Gabriel Quincey</a></em>, <em><a href="https://flamevector.rusff.me/profile.php?id=67">seth malarkey</a></em>
<br><strong>Позиция: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Позиция: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Позиция: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Местоположение: </strong><em> ЛОКАЦИЯ</em>
<br><br><strong>ОБЩИЕ СВЕДЕНИЯ: </strong>
<br><br><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><strong>Подробнее об организации можно прочитать <em><a href="https://flamevector.rusff.me/viewtopic.php?id=30#p2102">здесь</a></em></strong></p>
</div>
</div>
<div id="tab3" class="tab-text">
<div class="card-title">СОПРОТИВЛЕНИЕ</div>
<div class="card-content">
<strong>Лидеры:</strong><em> ERIC DAWSAN</em>
<br><strong>Численность: </strong> <em>40+ человек</em>
<br><strong>Местоположение: </strong><em> ШКОЛА</em>
<br><br><strong>ОБЩИЕ СВЕДЕНИЯ: </strong>
<br><br><p>Существующая с 2022 года группа людей, которая помогает заражённым и их семьям/близким избежать казни инквизиции. Действуют подпольно, а потому вне закона.</p>
<p>Сфера деятельности: поиск и спасение выживших и заражённых, распространение своей идеологии.</p>
<p><strong>Подробнее об организации можно прочитать <em><a href="https://flamevector.rusff.me/viewtopic.php?id=30#p2103">здесь</a></em></strong></p>
</div>
</div>
<div id="tab4" class="tab-text">
<div class="card-title">БАНДА "ПРИЗРАКИ"</div>
<div class="card-content">
<strong>Лидеры:</strong><em> Allen Riley, </em><em> Anthony Hawthorne</em>
<br><strong>Разведка: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Бойцы: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Медик: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Союзники: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Общее число: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Местоположение: </strong><em> ЛОКАЦИЯ</em>
<br><br><strong>ОБЩИЕ СВЕДЕНИЯ: </strong>
<br><br><p>Сколоченная в основном из беспризорников (по разным причинам), в 2024 году банда состояла из подростков 16-19 лет. Сейчас в эту группировку входят и люди значительно старше (самому взрослому - 29 лет). Около года назад (от основных событий) банда стала включать в себя и мародёров. По большому счёту, мародёрство - основной источник выживания всех членов банды.</p>
<p><strong>Подробнее об организации можно прочитать <em><a href="https://flamevector.rusff.me/viewtopic.php?id=30#p2104">здесь</a></em></strong></p>
</div>
</div>
<div class="tabs-content">
<div id="tab5" class="tab-text">
<div class="card-title">ИНСТИТУТ</div>
<div class="card-content">
<strong>Лидеры:</strong><em> [ЗАСЕКРЕЧЕНО]</em>
<br><strong>Ученые: </strong> <a href="ССЫЛКА НА ПРОФИЛЬ"><em>ИМЯ ФАМИЛИЯ</em></a>
<br><strong>Местоположение: </strong><em> ЛОКАЦИЯ</em>
<br><br><strong>ОБЩИЕ СВЕДЕНИЯ: </strong>
<br><br><p>Организация, которая занимается созданием вакцины, а также скрывает собственные скелеты в шкафу.</p>
<p>Помимо создания лекарства, Институт занимается поисками "особых" детей, которые от рождения имеют необычные способности. На данный момент известны 2 способности: телепатия и телекинез.</p>
<p><strong>Подробнее об организации можно прочитать <em><a href="https://flamevector.rusff.me/viewtopic.php?id=30#p599">здесь</a></em></strong></p>
</div>
</div>
</div>
</div>
</div>
<style>
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}
.tabs-wrapper {
width: 850px;
padding: 5px;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg) repeat;
border-radius: 10px;
margin: 0 auto;
font-family: 'Cinzel', serif;
}
.tabs-inner {
background: #c7c7c7;
padding: 5px;
border-radius: 8px;
}
.header-box {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg") repeat;
border-radius: 12px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #c7c7c7;
font-family: 'Cinzel', serif;
}
.tabs-buttons {
display: flex;
gap: 5px;
padding: 5px;
border-radius: 8px;
}
.tabs-buttons button {
flex: 1;
padding: 10px;
cursor: pointer;
border: none;
border-radius: 6px;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg) repeat;
transition: 0.2s;
color: #c7c7c7;
font-size: 16px;
font-family: 'Cinzel', serif;
}
.tabs-content {
margin: 5px;
background: #c7c7c7;
border: 1px solid #a9a9a9;
border-radius: 8px;
padding: 10px;
font-size: 14px;
font-family: 'Cinzel', serif;
}
.tab-text {
display: none;
}
.img-left {
float: left;
margin: 0 10px 10px 0;
max-width: 200px;
filter: sepia(70%) saturate(50%) brightness(90%);
border-radius: 8px;
border: 2px solid #403430!important;
}
.img-right {
float: right;
margin: 0 0 10px 10px;
max-width: 200px;
filter: sepia(70%) saturate(50%) brightness(90%);
border-radius: 8px;
border: 2px solid #403430!important;
}
p {
text-indent: 25px;
text-align: justify;
}
.add {
display: block;
margin: 15px;
font-size: 14px;
font-family: 'Cinzel', serif;
text-align: center;
}
.card-title {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 8px;
margin: 5px;
padding: 5px;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #c7c7c7;
}
/* Контент карточки */
.card-content {
margin: 5px;
padding: 5px;
flex: 1;
overflow-y: auto;
text-align: justify;
font-size: 14px;
}
/* Текст */
.card-content strong {
display: inline;
font-weight: bold;
}
.card-content em {
display: inline;
font-style: italic;
}
.card-content a {
color: inherit;
text-decoration: underline;
}
.liner {
height: 25px;
margin: 0 10px;
border-radius: 12px;
background: url('https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg') repeat;
display: flex;
align-items: center;
justify-content: center;
font-family: 'CinzelCustom', serif;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
color: #c7c7c7;
}
.tabs-wrapper a {
font-family: inherit !important;
}
</style>
<script>
function showTab(num) {
var tabs = document.querySelectorAll('.tab-text');
tabs.forEach(function(tab) {
tab.style.display = 'none';
});
document.getElementById('tab' + num).style.display = 'block';
}
</script>
[/html]
[html]
<div class="main-box">
<div class="inner-box">
<div class="header-box">
ФРАКЦИИ И ГРУППИРОВКИ
</div>
<div class="text-box">
<strong><em>Персонаж не может быть зачислен сразу <br>в несколько фракций и/или группировок</em></strong>
</div>
<div class="cards-wrap">
<div class="card">
<div class="card-inner">
<div class="card-title">ИНКВИЗИЦИЯ</div>
<div class="card-content">
<em>Группировка, созданная для борьбы с распространением вируса. Действуют согласно Протоколу, заражённых убивают на месте.</em>
<!-- КОПИРОВАТЬ НАЧАЛО-->
<br><div class="liner"><strong>ГРУППА А</strong></div>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>инквизитор I ступени</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=7">cain antiaris</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Инквизитор II ступени</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Инквизитор III ступени</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=31">Jude McAllister</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Руководитель группы</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Стажёр</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=32">Daniel Turner</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<br><div class="liner"><strong>ГРУППА Б</strong></div>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Инквизитор I ступени</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Инквизитор II ступени</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Инквизитор III ступени</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=60">Elsie Goodman</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=59">Troy Goodman</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Руководитель группы</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Рядовой инквизитор</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-title">ГОЛОСА</div>
<div class="card-content">
<!-- КОПИРОВАТЬ НАЧАЛО-->
<em>Обещают, что научат жить с чешуёй</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>лидер</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=66">Gabriel Quincey</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>лидер</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=67">seth malarkey</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Последователь</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-title">СОПРОТИВЛЕНИЕ</div>
<div class="card-content">
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Лидер сопротивления</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=27">Eric Dawson</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Голос сопротивления</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=26">Emily Dawson</em></a>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Хакер</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=20">шибальба</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Медик</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=14">Chloe Sullivan</a></em>
<hr> <strong>отставной хирург</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=9">oliver shepard</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Разведка</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=39">Victor Brown</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=40">Agatha Sullivan</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>электрик</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=56">john jaegerman</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Повстанец</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=13">Tyler Osborne</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=23">Amalia Osborne</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=37">Allie King</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=16">Nicholas King</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-title">БАНДА</div>
<div class="card-content">
<!-- КОПИРОВАТЬ НАЧАЛО-->
<em>Банда, состоящая преимущественно из подростков до 20, но есть люди старше.<br>
Общая численность ~50 человек<br>
Вооружены</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Лидер</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=29">Allen Riley</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=30">
Anthony Hawthorne</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Разведка</strong>
<em>Tara Roberts [NPC]</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Сталкер</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=47">Henry Walker</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Член банды</strong>
<em>ИМЯ ФАМИЛИЯ</em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-title">ИНСТИТУТ</div>
<div class="card-content">
<em>Группировка, созданная для борьбы с распространением вируса. Действуют согласно Протоколу, заражённых убивают на месте.</em>
<!-- КОПИРОВАТЬ НАЧАЛО-->
<br><div class="liner"><strong>РУКОВОДСТВО</strong></div>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Медперсонал</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=33">Daphne Walsh</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>ГОСТИ</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=48">Benjamin McAllister</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=54">dorian void</a></em>
<em><a href="https://flamevector.rusff.me/profile.php?id=55">Grey Olleris</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>глава службы безопасности Института</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=49">Alexander Brekker</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Старший администратор Института</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=68">Eileen Peirce</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>экс-ученый Института</strong>
<em><a href="https://flamevector.rusff.me/profile.php?id=51">killian chrysostomus</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-title">ЗАРАЖЕННЫЕ</div>
<div class="card-content">
<em>Учет людей, зараженных вирусом драконьей чешуи.</em>
<hr><em><a href="ссылка на профиль">имя фаимлия на англ</a></em>
</div>
</div>
</div>
<style>
/* Подключение шрифта */
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Главный блок */
.main-box {
width: 850px;
margin: 20px auto;
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 20px;
padding: 5px;
box-sizing: border-box;
font-family: 'Cinzel', serif;
}
.main-box a {
font-family: inherit !important;
}
/* Второй уровень */
.inner-box {
background: #c7c7c7;
border-radius: 16px;
padding: 5px;
box-sizing: border-box;
}
/* Верхний прямоугольник */
.header-box {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 12px;
margin: 0 5px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #c7c7c7;
}
/* Текст под заголовком */
.text-box {
margin: 5px;
font-size: 14px;
text-align: center;
}
/* Контейнер карточек */
.cards-wrap {
display: flex;
flex-wrap: wrap;
margin: 5px;
}
/* Внешняя рамка карточки */
.card {
width: calc(50% - 10px);
height: 200px;
margin: 5px;
padding: 5px;
border: 1px solid #a9a9a9;
border-radius: 12px;
box-sizing: border-box;
text-transform: lowercase;
}
/* Внутренний фон карточки */
.card-inner {
background: url("");
background-repeat: repeat;
border-radius: 10px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
/* Название внутри карточки */
.card-title {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 8px;
margin: 5px;
padding: 5px;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #c7c7c7;
}
/* Контент карточки */
.card-content {
margin: 5px;
padding: 5px;
flex: 1;
overflow-y: auto;
text-align: center;
font-size: 14px;
}
/* Текст */
.card-content strong {
display: block;
font-weight: bold;
}
.card-content em {
display: block;
font-style: italic;
}
.card-content a {
color: inherit;
text-decoration: underline;
}
.liner {
height: 25px;
margin: 0 10px;
border-radius: 12px;
background: url('https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg') repeat;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Cinzel', serif;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
color: #c7c7c7;
}
</style>
[/html]
КОД ДЛЯ ЗАПОЛНЕНИЯ
<hr> <strong>ДОЛЖНОСТЬ</strong>
<em><a href="ССЫЛКА НА ПРОФИЛЬ">ИМЯ НА АНГЛИЙСКОМ</a></em><hr><em><a href="ССЫЛКА НА ПРОФИЛЬ ЗАРАЖЕННОГО">ИМЯ НА АНГЛИЙСКОМ</a></em>



























