{% include tab-row.html page='Cheat Sheets' %}
<div class="row text-center no-margin-right margin-left--small">
    {% for item in page.cheat-sheets %}
    {% assign remainder = forloop.index | modulo: 4 %}
    <div class="row col-md-12 col-sm-12 catalog-item resource-download-box no-margin-right-left">
        <div class="col-md-4 col-sm-12 image-div background-color--{{remainder}}">
            <a href="{{item.url}}" class="no-hover margin-bottom--small">
                <img src="{{item.image}}" class="img-cheatsheets">
            </a>
        </div>
        <div class="col-md-8 col-sm-8 information-div">
                <div class="download-item-title cheat-sheet-title">{{item.title}}</div>
                <div class="created-by">Created by {{item.author}}</div>
                <a type="button" class="btn ilma-btn col-md-4" href="{{item.url}}">
                    <span class="no-margin">PDF</span>
                    <i class="fa fa-download"></i>
                </a>
        </div>
    </div>
    {% endfor %}
</div>