[html]<section class='lore-sect'>

<div class="vtabs-wrapper">
  <div class="vtabs-cont">
    <div class="vtab-buttons">
      <button class="vtab-btn">Вкладка 1</button>
      <button class="vtab-btn">Вкладка 2</button>
      <button class="vtab-btn">Вкладка 3</button>
      <button class="vtab-btn">Вкладка 4</button>
    </div>

<!--------- ПЕРВАЯ ВКЛАДКА ----------------------------------------------------------->
<div class="vtab-content"><date>121232 года</date><ttl>балбалавьплводлпудклп </ttl>
<span>
С другой стороны укрепление и развитие структуры влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий. С другой стороны реализация намеченных плановых заданий способствует подготовки и реализации дальнейших направлений развития.
</span>
<chron>
<date>12.12.2026</date> <ttl>Прозвучал первый выстрел</ttl>
<span>
Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки систем массового участия.
</span></chron>
<span>Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки систем массового участия.
</span>
<quotelore>
С другой стороны укрепление и развитие структуры влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий. С другой стороны реализация намеченных плановых заданий способствует подготовки и реализации дальнейших направлений развития.
</quotelore>
<columns><lorecol><desc>заголовок </desc>
<span>Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки систем массового участия.
</span>
</lorecol>
<lorecol><desc>заголовок </desc>
<span>Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки систем массового участия.
</span>
</lorecol></columns>
<details>
  <summary>Заголовок спойлера</summary>
  А здесь лежит скрытый контент. Любой длины, будет расталкивать контент.
</details>

</div>

    <div class="vtab-content">Содержимое 2</div>
    <div class="vtab-content">Содержимое 3</div>
    <div class="vtab-content">Содержимое4</div>
  </div>
</div>

</section>[/html][hideprofile]