[html]

<div class="arc-faces">

  <div class="arc-faces__header">

    <div class="arc-faces__title">
      занятые внешности
    </div>

    <div class="arc-faces__subtitle">
      сначала идёт фандом — внешность, затем имя персонажа
    </div>

  </div>

  <div class="arc-faces__columns">

    <div class="arc-faces__section">

      <div class="arc-faces__section-title">
        женские
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">a — d</div>
        <div class="arc-faces__list">

          <div>
            Attack on Titan | Mikasa Ackerman —
            <a href="/viewtopic.php?id=13#p89">Tsukimi</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">e — h</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">i — l</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">m — p</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">q — t</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">u — x</div>
        <div class="arc-faces__list">

          <div>
            Valorant | Viper —
            <a href="https://arc.f-rpg.me/profile.php?id=34">Yui Jin</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">y — z</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

    </div>

    <div class="arc-faces__section">

      <div class="arc-faces__section-title">
        мужские
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">a — d</div>
        <div class="arc-faces__list">

          <div>
            Arcane | Viktor —
            <a href="https://arc.f-rpg.me/profile.php?id=4">Satoru</a>
          </div>

          <div>
            Coffin Jackson | Roman Piotroski —
            <a href="https://arc.f-rpg.me/profile.php?id=4">Yakone</a>
          </div>

          <div>
            DC | Jason Todd —
            <a href="/profile.php?id=17">Cyrus</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">e — h</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">i — l</div>
        <div class="arc-faces__list">

          <div>
            Jujutsu Kaisen | Suguru Geto —
            <a href="/viewtopic.php?id=13#p88">Kagetsu</a>
          </div>

          <div>
            Jujutsu Kaisen | Toji Fushiguro —
            <a href="/viewtopic.php?id=13#p86">Lei-Shan</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">m — p</div>
        <div class="arc-faces__list">

          <div>
            Marvel | Hellverine —
            <a href="/profile.php?id=16">Kanto</a>
          </div>

          <div>
            My Hero Academia | Aizawa Shouta —
            <a href="/profile.php?id=14">The Dark One</a>
          </div>

          <div>
            Purple Hyacinth | Kieran White —
            <a href="https://arc.f-rpg.me/profile.php?id=8">Kian</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">q — t</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">u — x</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="/profile.php?id=">игрок</a>
          </div>

        </div>
      </div>

      <div class="arc-faces__group">
        <div class="arc-faces__letter">y — z</div>
        <div class="arc-faces__list">

          <div>
            имя внешности —
            <a href="#">игрок</a>
          </div>

        </div>
      </div>

    </div>

  </div>

</div>

[/html]