---
layout: default
---

<section class="container">
  <h1>#{{ page.tag }}</h1>

  <div class="card-columns">
    {% for l_page in site.pages %}
      {% if l_page.tags contains page.tag %}
      <div class="card">
        <table>
            <tbody>
              <tr>
                <td>
                    <div class="card-body">
                        {%- capture l_page_title %}
                        {%- t l_page.title %}
                        {%- endcapture %}
                        <h5 class="card-title">
                            <a class="l_page-link" href="{{ l_page.url | prepend: site.baseurl }}">{{ l_page_title }}</a>
                        </h5>
                        {%- capture l_page_description %}
                        {%- t l_page.description %}
                        {%- endcapture %}
                        <div class="card-text"><small> {{ l_page_description }} </small></div>
                        <br>
                        <a class="btn btn-secondary" href="{{ l_page.url | prepend: site.baseurl }}">{% t buttons.know_more %}</a>
                    </div>
                </td>
              </tr>
            </tbody>
        </table>
        <div class="card-footer text-right">
            <small>
                <span>
                    {% for tag in l_page.tags %}
                    {% capture tag_name %}{{ tag }}{% endcapture %}
                    <a href="/tag/{{ tag_name }}.html"><code class="highligher-rouge"><nobr>{{ tag_name }}</nobr></code>&nbsp;</a>
                    {% endfor %}
                </span>
            </small>
        </div>
      </div>
      <br>
      <br>
      {% endif %}
    {% endfor %}
  </div>

</section>