[html]<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.anketa {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 690px;
background: Black;
background-image: url('https://forumstatic.ru/files/001c/89/a0/35701.jpg');
background-repeat: repeat-y;
background-position: top;
}
.infoblock {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: -1em 6.05em 0 1.5em;
width: 650px;
padding-top: 1em;
}
.infoblock_man {
display: flex;
background-color: #9ab9c0;
flex-direction: column;
flex-wrap: nowrap;
margin: 5em 6.05em 0 1.5em;
width: 650px;
}
.history {
display: block;
background-color: #a5c0c7;
border: 10px double #9ab9c0;
padding: 1em 1em;
margin: 8px;
font: 1.1em 'Roboto Condensed';
color: #15485a;
}
.shapka {
display: flex;
flex-wrap: nowrap;
position: relative;
left: 0;
width: 650px;
height: auto;
margin: 10px 0 10px 6px !important;
z-index: 999;
padding: 4em 1em 0 1em;
}
.avatar {
width: 200px;
height: 250px;
padding: 1em 1em 0.8em 0.5em;
}
h1 {
font: 2em 'Roboto Condensed' !important;
font-weight: 600 !important;
text-align: left;
text-transform: uppercase;
padding: 0.3em 0.3em 0 0.3em;
color: #15485a;
border-top: 1px solid #00848d;
border-left: 1px solid #00848d;
}
h2 {
font: 1.5em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: right;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
border-right: 1px solid #00848d;
padding-bottom: 0.2em;
padding-right: 0.5em;
}
h3 {
font: 1.3em 'Roboto Condensed' !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: #00848d;
border-bottom: 1px solid #00848d;
padding-left: 1.5em;
}
span {
font: 1.1em 'Roboto Condensed';
text-align: left;
color: #15485a;
text-align: justify;
padding-right: 1em;
}
strong {
font: 1.1em 'Roboto Condensed';
text-align: left;
color: #15485a!important;
font-weight: 600 !important;
}
body {font-family: Arial;}
.profile {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.parametry {
display: flex;
flex-direction: column;
line-height: 1.1;
width: 100%;
}
/* Основной контейнер слайдера */
.slider {
width: 200px; /* Фиксированная ширина слайдера */
height: 250px; /* Фиксированная ширина слайдера */
overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
position: relative; /* Необходимо для правильного позиционирования кнопок */
}
/* Контейнер всех слайдов */
.slides {
display: flex; /* Размещаем слайды в одну линию */
transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
}
/* Каждый отдельный слайд */
.slide {
width: 100%; /* Занимает всю ширину контейнера */
flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
}
/* Стили для изображений */
.slide img {
object-fit: cover;
width: 200px;
height: 250px;
display: block; /* Убираем пробелы вокруг изображений */
}
/* Кнопки «Назад» и «Вперёд» */
.prev, .next {
position: absolute; /* Позволяет располагать кнопки поверх слайдов */
top: 50%; /* Размещаем по вертикали по центру */
transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
background: rgba(0, 0, 0, 0.3); /* Полупрозрачный фон кнопок */
color: rgba(255, 255, 255, 0.5); /* Белый цвет текста */
border: none; /* Убираем границы */
padding: 9.1em 3px; /* Отступы внутри кнопки */
cursor: pointer; /* Изменяем курсор на указатель */
font-size: 1em; /* Размер шрифта */
font-weight: normal; /* Делаем текст жирным */
z-index: 2; /* Размещаем кнопки выше всех элементов */
}
/* Позиционируем кнопку «Назад» слева */
.prev {
left: 0px;
}
/* Позиционируем кнопку «Вперёд» справа */
.next {
right: 0px;
}
</style>
</head>
<body>
<div class="anketa">
<div class="infoblock_man">
<div class="history"><div class="profile">
<div class="parametry">
<br> <h1>Лайонел Мур</h1>
<h2>Lionel Moore</h2>
<br>
<span>• <strong>ПОЛ: </strong>мужской</span>
<span>• <strong>РАСА: </strong>полукровка [ангел/человек]</span>
<br>
<span>• <strong>ДАТА РОЖДЕНИЯ: </strong>06.04.1973, 52 года</span>
<span>• <strong>ВОЗРАСТ ВИЗУАЛЬНЫЙ: </strong>32 года</span>
<br>
<span>• <strong>МЕСТО РАБОТЫ: </strong>Бюро, Карательный отдел</span>
<span>• <strong>ДОЛЖНОСТЬ: </strong>Зам.начальника отдела, ликвидатор</span>
</div>
<div class="avatar">
<div class="slider">
<!-- Контейнер, который содержит все слайды -->
<div class="slides">
<div class="slide"><img src="https://upforme.ru/uploads/001c/89/a0/9/502752.png"></div>
</div>
</div>
</div>
</div></div>
<div class="history">
• <strong>ВНЕШНОСТЬ: </strong>AI Art<br>
<span>• <strong>РОСТ/ВЕС: </strong>180/75</span> <span>• <strong>ЦВЕТ ВОЛОС/ГЛАЗ: </strong>седой/голубые</span><br><br>
Текстовое описание по желанию (можно указать дополнительные внешние отличия, шрамы/тату, привычки, стиль в одежде и т.п.)
</div>
<div class="history">
<h3>Способность: Хтонометр</h3><br>
<b>Описание:</b> Активная. Выявление энергетических следов хтоней. Ангел или демон, след не укажет, только уровень силы, который удалось научиться распознавать лишь с годами. След — явление временное, чем раньше начат поиск, тем явственнее распознается, постепенно слабеет и пропадает. Необходима концентрация, при активации светятся глаза золотым светом.<br><br>
<b>Ограничения/откаты:</b> На момент 52 лет — за сутки доступно не более 10 попыток выявления, радиус приблизительно в пределах 1 квартала. Потом наступает откат: пульсирующие мигрени и дезориентация в пространстве в течение трех дней. С возрастом поиск постепенно расширяется по радиусу действия, но откаты становятся болезненнее, поэтому используется в крайних случаях.
</div>
<div class="history">
<h3>История персонажа</h3><br>
Кто бы не хотел быть особенным? Да все хотели бы. Почти наверняка. Но особенным можно быть по-разному. Особенность Лайонеллу подарил его отец. Красивый лучезарный ангел. Он вдохновлял свою любимую (умеет ли любить создание Потока, как и создание Нигиля, вызывало у полукровки большие вопросы), внушал доверие и, что немаловажно, веру в их общее светлое будущее. Был ли мальчик-полукровка запланированным проектом или же простой случайностью, доподлинно также неизвестно. Голос пришельца сверху(образно выражаясь) сладко поет о великом терпении и сохранении жизни дитя, которое ни в чем не было виновато. Предупредил ли он свою благоверную о том, насколько это бремя окажется тяжким, он не то, чтобы не сказал, но определенно приуменьшил.
<br><br>Рождение действительно было чудом. Как и нарисовавшиеся следом на пороге сотрудники Бюро. Они позаботились о том, чтобы мальчик был досмотрен. Ненавязчиво, но крайне эффективно. Он тянулся к своей матушке, а та не слишком была отзывчива. Заботилась просто потому что должна. Отец? Канул в небытие. Нелл думал, что он их бросил. Бюро информацией делиться не стремилось.
<br><br>Взросление шло неплохо. Во многом был хорош, видел ауру окружающих его "людей", утешался своей особенностью, когда хотел не видеть холод матери. Были моменты, когда зазнавался и наивно переоценивал свои силы. Но всегда находился рядом кто-то, кто мог дать дельный совет, незаметно направить юный максимализм в полезное русло. Только взаимоотношения с окружающими было выстроить сложно. Лет в шестнадцать первая влюбленность в кого-то постарше обернулась попыткой получения завещания. Так не хотелось в это верить. И, конечно, были попытки поверить в чистую светлую любовь и потом. Окончание школы, поступление в колледж на юрфак. Бурные студенческие годы. Ангелы, демоны, и даже пара полукровок. Столкнуться пришлось со многими интересными личностями. И примерно к окончанию учебы парень понял одну простую вещь: вокруг было слишком много особенных, чтобы так уж самозабвенно упиваться своей исключительностью.
<br><br>Звонок из дома стал неожиданностью, а содержание разговора было еще удивительнее. Отец вернулся. Искал сына. Был весьма настойчив с некогда любимой женщиной. Так настойчив, что она угодила в больницу. Нелл решил его разыскать. Нашел по следам, которые видел благодаря своей врожденной способности. И благодаря этому беглого ангела находит и Бюро.
<br><br>Что с отцом случилось дальше, и какие мотивы им двигали, Мур не знал. Но произошедшее оказало свое влияние на выбор дальнейшего пути. После получения диплома полукровка не пошел работать по специальности, подал документы на стажировку и работу в Бюро. Сначала стажировка в хозяйственном отделе. Затем плавно перешел в отдел инкарнации. Был честен, трудолюбив и максимально увлечен порученной работой. Особенно нравилась регистрация. Официально оформился на работу. Обзавелся друзьями среди коллег, да и не только. На зарядку приходили вполне сносные хтонические ребята. Конечно, стоит помнить, что с ними надо быть всегда начеку. Но, сказать откровенно, обретенные по жизни проблемы с доверием ему в этом только помогали.
<br><br>Он узнал так много об окружающих его существах, но это не помешало ему снова без памяти влюбиться в свои двадцать семь. И так, словно ему все еще семнадцать. И не важно, что это демон, который ведет себя, ну... как собственно демон. Когда это останавливало горячую кровь? Это было весело, бурно и о-о-очень проблематично. Были это настоящие отношения? Возможно. А может и очередная попытка захомутать душонку полукровки. Правду Мур знать не хотел.
Через полтора года их развел перевод парня в отдел карателей. Будучи, в целом, человеком не злым, он не наслаждался охотой на нарушителей, но чувствовал, что находился на своем месте, максимально эффективно применяя способность. К тому же, ликвидация последствий давала ощущение благого дела, некой защиты людей от такой близкой реальности с хтонями. Короче, нравилось ему в этом отделе.
<br><br>Собственно, там он и остался и до нынешних своих лет, по пути успев разок жениться, развестись, завести множество приятных интрижек, наконец, ощутить изменения в откатах своей любимой способки. С годами стал меньше бегать за нарушителями, больше внимания уделять ликвидации свидетельств и налаживанию контактов. И даже добрался до кресла зама. Правда, когда ну совсем очень надо, на вылазки все равно засылают. Приказы, как говорится, не обсуждаются.<br>
</div> </div></div></div></div>
</div><script>
</script>
</body>
</html>[/html]
