[html]<div class="anketa-chrono">

  <div class="anketa-chrono-title">хронология персонажа</div>

  <div class="anketa-chrono-current">
    <img class="anketa-chrono-img" src="https://i.pinimg.com/736x/20/b9/c9/20b9c9b7870bc16436262a1cd5e59c02.jpg" alt="актуальный облик">

    <div>
      <h3>актуальный облик</h3>

      <p><b>Имя:</b> Pavi | Пави</p>

      <p><b>Возраст:</b>

        <span class="character-profile">
          <span class="birth-date" data-birth="07-08-9935"></span>
          <span class="character-age"></span>
        </span>

      </p>

      <p><b>Статус:</b> Офицер полиции Республики</p>

      <p><b>Кратко:</b> Жива, цела, бодра.</p>
    </div>
  </div>

  <div class="anketa-chrono-section">
    <div class="anketa-chrono-subtitle">прошлое</div>

    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">07.08.9935</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>рождение.</b> Пави рождается в Ба Синг Се
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">07.08.9941</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>школа.</b> поступает в школу магов в Ба Синг Се
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">15.06.9951</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>школа.</b> выпуск из школы магов
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">01.09.9951</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>школа.</b> поступление в школу металломагов Тоф
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">07.08.9953</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>школа металломагов.</b> выпуск из школы металломагов Тоф
      </div>
    </div>

  </div>

  <div class="anketa-chrono-section">
    <div class="anketa-chrono-subtitle">настоящее</div>

    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">01.01.9954</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>вступление в полицию Республики.</b> Пави становится рядовым полиции
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date">15.01.9954</div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>громкое дело Агни Кай.</b> Впервые сталкивается с последствиями терракта
      </div>
    </div>

  </div>

  <div class="anketa-chrono-section">
    <div class="anketa-chrono-subtitle">способности и навыки</div>

    <div class="anketa-skills">

      <div class="anketa-skill">
        <h4>магия земли</h4>
        <span class="anketa-skill-level">уровень: отличный уровень владения</span>
        <div class="anketa-skill-scale" data-level="4">
          <span></span><span></span><span></span><span></span><span></span>
        </div>
        <p> </p>
      </div>
      <div class="anketa-skill">
        <h4>магия металла</h4>
        <span class="anketa-skill-level">уровень: уверенный уровень владения</span>
        <div class="anketa-skill-scale" data-level="3">
          <span></span><span></span><span></span><span></span><span></span>
        </div>
        <p> </p>
      </div>

    </div>
  </div>

  <div class="anketa-chrono-section">
    <div class="anketa-chrono-subtitle">знания персонажа о событиях</div>

    <div class="anketa-chrono-knowledge">
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date"><a href="https://madnyaska.anihub.me/search.php?action=show_recent" target="_blank">источник</a></div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>Магия Металла.</b> знания получены в школе Тоф
      </div>
    </div>
    <div class="anketa-chrono-line">
      <div class="anketa-chrono-date"><a href="https://madnyaska.anihub.me/search.php?action=show_recent" target="_blank">источник</a></div>
      <div class="anketa-chrono-dot"></div>
      <div class="anketa-chrono-text">
        <b>Агни Кай.</b> впервые узнает в 9954 году
      </div>
    </div>
    </div>

  </div>

</div>[/html]