<link rel="stylesheet" href="/stylesheets/designer.css">

<div class="content-wrapper">
  <div class="content-title">
    <h2>
      <%= translate.coloringPageArtists[lang] %>:
    </h2>
    <a href="<%= lang %>/artists">
      <%= translate.more[lang] %> >>>
    </a>
  </div>

  <div class="container">
    <% designers.forEach(item=> { %>
      <div class="card">
        <a href="/<%= lang %>/artist/<%= item._id %>"><img src="<%= item.avatar %>" loading="lazy"
            alt="<%= item.username %>"></a>
        <div class="info">
          <p><strong>
              <%= item.username %>
            </strong></p>
          <p>
            <%= translate.worksCount[lang] %>: <strong>
                <%= item.count %>
              </strong>
          </p>
        </div>
      </div>
      <% }); %>
  </div>

</div>