[html]<div class="quenta">
<h2>Джейден Лоу, 29</h2>
<div class="quenta_top">
<div class="q_pics">
<img src="https://i.imgur.com/eT81ND6.png" alt="">
<img src="https://i.imgur.com/YtVAHKZ.png" alt="">
</div>
<ul class="q_info">
<li class="date">05.11.1994</li>
<li class="place">Лондон</li>
<li class="occ">Музыкант, певец</li>
<li class="mar">Холост</li>
<li class="face">Joel Hokka</li>
</ul>
</div>
<div class="quenta_bottom">
<span class="q_song">The Rasmus - Man In The Street</span>
<div class="bio">
<p>Равным образом, новая модель организационной деятельности играет определяющее значение для системы массового участия. Современные технологии достигли такого уровня, что повышение уровня гражданского сознания способствует подготовке и реализации своевременного выполнения сверхзадачи! Для современного мира дальнейшее развитие различных форм деятельности позволяет выполнить важные задания по разработке новых принципов формирования материально-технической и кадровой базы.</p>
<p>Следует отметить, что сплочённость команды профессионалов, а также свежий взгляд на привычные вещи — безусловно открывает новые горизонты для стандартных подходов. Для современного мира курс на социально-ориентированный национальный проект предоставляет широкие возможности для направлений прогрессивного развития.</p>
<p>В своём стремлении улучшить пользовательский опыт мы упускаем, что сделанные на базе интернет-аналитики выводы, инициированные исключительно синтетически, разоблачены. В рамках спецификации современных стандартов, интерактивные прототипы лишь добавляют фракционных разногласий и в равной степени предоставлены сами себе.</p>
</div>
</div>
</div>[/html]
На LCA
Сообщений 1 страница 3 из 3
Поделиться12024-07-04 13:25:33
Поделиться22024-07-08 19:04:28
[html]<div class="faceclaim">
<div class="fc_top">
Занятые внешности
</div>
<div class="fc_bottom">
<div class="fc_girls">
<h3>Девочки</h3>
<div class="fc_inner">
<h4>A B C</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<h4>D E F</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<h4>G H I</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
</div>
</div>
<div class="fc_boys">
<h3>Мальчики</h3>
<div class="fc_inner">
<h4>A B C</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<h4>D E F</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<h4>G H I</h4>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
<p>Имя Фамилия - <a href="">Имя фамилия</a></p>
</div>
</div>
</div>
</div>
</div>[/html]
Поделиться32024-07-08 20:17:48
[hideprofile]
[html] <div class="occupation">
<div class="occ_top">
Занятость
</div>
<div class="occ_info">
<p>Здесь указаны места работы персонажей. Чтобы добавить вашего персонажа, заполните, пожалуйста, шаблон, указанный
ниже:</p>
</div>
<div class="inner tab" id="tab-1">
<div class="tab-nav">
<button type="button" class="tab-btn tab-btn-active" data-target-id="0">Закон и охрана порядка</button>
<button type="button" class="tab-btn" data-target-id="1">Политика</button>
<button type="button" class="tab-btn" data-target-id="2">Шоу-бизнес</button>
<button type="button" class="tab-btn" data-target-id="3">Медицина</button>
</div>
<div class="tab-content">
<div class="tab-pane tab-pane-show" data-id="0">
<div class="tab-wrap">
<h4>Полицейский участок №4</h4>
<small>Здесь какое-то описание</small>
<p><a href="">Имя фамилия</a> - детектив</p>
<p><a href="">Имя фамилия</a> - сержант</p>
</div>
</div>
<div class="tab-pane" data-id="1">
<div class="tab-wrap">Содержимое 2...</div>
</div>
<div class="tab-pane" data-id="2">
<div class="tab-wrap">
<h4>Кинематограф</h4>
<small>Здесь какое-то описание</small>
<p><a href="">Имя фамилия</a> - режиссёр</p>
<p><a href="">Имя фамилия</a> - продюсер</p>
<p><a href="">Имя фамилия</a> - актёр</p>
<p><a href="">Имя фамилия</a> - актриса</p>
<h4>Музыка</h4>
<small>Здесь какое-то описание</small>
<p><a href="">Имя фамилия</a> - директор звукозаписывающей компании</p>
<p><a href="">Имя фамилия</a> - продюсер</p>
<p><a href="">Имя фамилия</a> - певец</p>
<p><a href="">Имя фамилия</a> - рок-музыкант</p>
<p><a href="">Имя фамилия</a> - скрипачка</p>
<h4>Спорт</h4>
<small>Здесь какое-то описание</small>
<p><a href="">Имя фамилия</a> - футбольный тренер</p>
<p><a href="">Имя фамилия</a> - президент хоккейного клуба</p>
<p><a href="">Имя фамилия</a> - футболист</p>
<p><a href="">Имя фамилия</a> - хоккеист</p>
</div>
</div>
<div class="tab-pane" data-id="3">
<div class="tab-wrap">Содержимое 4...</div>
</div>
</div>
</div>
</div>
<script>
const showTab = (elTabBtn) => {
const elTab = elTabBtn.closest('.tab');
if (elTabBtn.classList.contains('tab-btn-active')) {
return;
}
const targetId = elTabBtn.dataset.targetId;
const elTabPane = elTab.querySelector(`.tab-pane[data-id="${targetId}"]`);
if (elTabPane) {
const elTabBtnActive = elTab.querySelector('.tab-btn-active');
elTabBtnActive.classList.remove('tab-btn-active');
const elTabPaneShow = elTab.querySelector('.tab-pane-show');
elTabPaneShow.classList.remove('tab-pane-show');
elTabBtn.classList.add('tab-btn-active');
elTabPane.classList.add('tab-pane-show');
}
}
document.addEventListener('click', (e) => {
if (e.target && !e.target.closest('.tab-btn')) {
return;
}
const elTabBtn = e.target.closest('.tab-btn');
showTab(elTabBtn);
});
</script>[/html]