artsite/views/designer-section.ejs

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

<div class="content-wrapper">
  <div class="content-title">
    <div style="font-size: 20px; font-weight: bold;"><%= translate.designerColumn[lang] %>:</div>
    <a href="<%= lang %>/designers"><%= translate.more[lang] %> >>></a>
  </div>

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

</div>