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

  <div class="content">
    <div class="album-icon-grid">
      <% albums.forEach(album=> { %>
        <div class="album-grid-card">
          <div style="padding: 2px; font-size: 14px; color: grey; text-align: center; white-space: nowrap;">
            <%= translate.coloringPageAlbum[lang] %>
          </div>
          <a href="/<%= lang %>/coloring-page-album/<%= album._id %>"><img src="<%= album.icon %>"
              class="album-icon-img" alt="<%= translate.coloringPageAlbum[lang] %>: <%= album.title %>"></a>
          <div class="card-title">
            <%= album.title %>
          </div>
        </div>
        <% }); %>
    </div>
  </div>

</div>