layout: default


<div class=“container-liquid bg-gray-237”>

<div class="breadcrumbs">
    <a href="/" class="breadcrumbs__item breadcrumb-link">Home</a>
    <span class="breadcrumbs__item">{{page.title}}</span>
</div>
<div class="container-fixed text-center chapter-header">
    {% assign chapter = site.data.chapters[page.collection] %}
    <div class="categories__icon cat-big-icon"><i class="{{chapter.icon}}"></i></div>
    <div class="welcomer__tit">{{page.title}}</div>
    <div class="welcomer__text">{{chapter.description}}</div>
</div>

</div>

<div class=“container-fixed chapter-content”>

<div class="row">
    <div class="col-l-8 col-m-12 offset-l-2 offset-m-0">
        <div class="row">
            {% for section in chapter.sections %}
            <div class="col-s-12 col-m-6 col-l-6">
                {% assign items = site[page.collection]| where: 'section', section.title | sort: 'order' %}
                <h2 class="content-list-label">{{section.title}}<div class="counter">{{items.size}}</div></h2>
                <div class="link-box__desc">{{section.description}}</div>
                <ul class="content-list">
                    {% for item in items %}
                    <li>
                        <a class="content-list-item" href="{{item.url}}">{{item.title}}</a>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

</div>