index.html

---
layout: default
---

    <!-- ToolBox -->
    <div class="row text-center">

      {% assign i = 0 %}
      {% for page in site.pages %}
        {% if page.layout == 'page' %}
          {% assign i = i | plus:1 %}
          <div class="col-lg-3 col-md-6 mb-4" id="{{ page.title | slugify }}">
            <div class="card h-100">
              <div class="card-body">
                {% case page.status %}
                {% when 'ready' %}
                {% assign style = 'badge-success' %}
                {% when 'planned' %}
                {% assign style = 'badge-warning' %}
                {% else %}
                {% assign style = 'badge-secondary' %}
                {% endcase %}
                <span class="badge {{ style }}">{{ page.status }}</span>
                <a href="{{ page.permalink }}" title="{{ page.title }}"><h4 class="card-title">{{ page.title }}</h4></a>
                <p class="card-text">{{ page.description }}</p>
              </div>
              <div class="card-footer">
                <a href="{{ page.permalink }}" title="{{ page.title }}" class="btn btn-primary">Run it</a>
              </div>
            </div>
          </div>
          {% if i == 4 %}
          {% include advert.html image='/assets/images/advert/NLIC-728x90-banner1.png' %}
          {% endif %}
        {% endif %}
      {% endfor %}

    </div>
    <!-- /.row -->