Проба пера

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.



    На LCA

    Сообщений 1 страница 3 из 3

    1

    [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]

    0

    2

    [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]

    0

    3

    [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]

    0



    Рейтинг форумов | Создать форум бесплатно