chamilo-lms2/main/template/rainbow/user_portal/grid_courses.tpl

<!-- new view course special -->
<div class="grid-courses">
<div class="row">
    {% for item in special_courses %}
    <div class="col-xs-12 col-sm-6 col-md-4">
        <div class="items">
            <div class="image">
                <div class="pin">{{ item.icon }}</div>
                <img src="{{ item.image }}" class="img-responsive">
                {% if item.category != '' %}
                <span class="category">{{ item.category }}</span>
                <div class="cribbon"></div>
                {% endif %}
                <div class="black-shadow">
                    <div class="author-card">
                    {% for teacher in item.teachers %}
                        {% set counter = counter + 1 %}
                        {% if counter <= 3 %}
                        <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                            <img src="{{ teacher.avatar }}"/>
                        </a>
                        <div class="teachers-details">
                             <h5>
                                <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                                    {{ teacher.firstname }} {{ teacher.lastname }}
                                </a>
                             </h5>
                        </div>
                        {% endif %}
                    {% endfor %}
                    </div>
                </div>
                {% if item.edit_actions != '' %}
                    <div class="admin-actions">
                        {% if item.document == '' %}
                            <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                <i class="fa fa-pencil" aria-hidden="true"></i>
                            </a>
                        {% else %}
                            <div class="btn-group" role="group">
                                <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                </a>
                                {{ item.document }}
                            </div>
                        {% endif %}
                    </div>
                {% endif %}
            </div>
            <div class="description">
                <h4 class="title">
                    {% if item.visibility == constant('COURSE_VISIBILITY_CLOSED') %}
                        {{ item.title }} {{ item.code_course }}
                    {% else %}
                        <a href="{{ item.link }}">{{ item.title }} {{ item.code_course }}</a>
                    {% endif %}
                </h4>
                <div class="notifications">{{ item.notifications }}</div>

            </div>
        </div>
    </div>
    {% endfor %}
    </div>
</div>
<!-- new view course list -->
<div class="grid-courses">
<!-- courses in category -->
{% for category in courses.in_category %}
    {% set nameCategory = category.title_category %}
    {% set idCategory = category.id_category %}
    <div id="category_{{ idCategory }}" class="panel panel-default">
        <div class="panel-heading">
            {{ nameCategory }}
        </div>
        <div class="panel-body">
            <div class="row">
                {% for item in category.courses %}
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="items">
                            <div class="image">
                                <img src="{{ item.image }}" class="img-responsive">
                                {% if item.category != '' %}
                                <span class="category">{{ item.category }}</span>
                                <div class="cribbon"></div>
                                {% endif %}
                                <div class="black-shadow">
                                    <div class="author-card">
                                    {% for teacher in item.teachers %}
                                        {% set counter = counter + 1 %}
                                        {% if counter <= 3 %}
                                        <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                                            <img src="{{ teacher.avatar }}"/>
                                        </a>
                                        <div class="teachers-details">
                                             <h5>
                                                <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                                                    {{ teacher.firstname }} {{ teacher.lastname }}
                                                </a>
                                             </h5>
                                        </div>
                                        {% endif %}
                                    {% endfor %}
                                    </div>
                                </div>
                                {% if item.edit_actions != '' %}
                                    <div class="admin-actions">
                                        {% if item.document == '' %}
                                            <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                            </a>
                                        {% else %}
                                            <div class="btn-group" role="group">
                                                <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                                </a>
                                                {{ item.document }}
                                            </div>
                                        {% endif %}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="description">
                                <h4 class="title">
                                    {% if item.visibility == constant('COURSE_VISIBILITY_CLOSED') %}
                                        {{ item.title }} {{ item.code_course }}
                                    {% else %}
                                        <a href="{{ item.link }}">{{ item.title }} {{ item.code_course }}</a>
                                    {% endif %}
                                </h4>
                                <div class="notifications">{{ item.notifications }}</div>

                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endfor %}
<!-- end courses in category -->
    <div class="row">
        {% for item in courses.not_category %}
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="items">
                    <div class="image">
                        <img src="{{ item.image }}" class="img-responsive">
                        {% if item.category != '' %}
                        <span class="category">{{ item.category }}</span>
                        <div class="cribbon"></div>
                        {% endif %}
                        <div class="black-shadow">
                            <div class="author-card">
                            {% for teacher in item.teachers %}
                                {% set counter = counter + 1 %}
                                {% if counter <= 3 %}
                                <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                                    <img src="{{ teacher.avatar }}"/>
                                </a>
                                <div class="teachers-details">
                                     <h5>
                                        <a href="{{ teacher.url }}" class="ajax" data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
                                            {{ teacher.firstname }} {{ teacher.lastname }}
                                        </a>
                                     </h5>
                                </div>
                                {% endif %}
                            {% endfor %}
                            </div>
                        </div>
                        {% if item.edit_actions != '' %}
                            <div class="admin-actions">
                                {% if item.document == '' %}
                                    <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                        <i class="fa fa-pencil" aria-hidden="true"></i>
                                    </a>
                                {% else %}
                                    <div class="btn-group" role="group">
                                        <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                        </a>
                                        {{ item.document }}
                                    </div>
                                {% endif %}
                            </div>
                        {% endif %}
                    </div>
                    <div class="description">
                        <h4 class="title">
                            {% if item.visibility == constant('COURSE_VISIBILITY_CLOSED') %}
                                {{ item.title }} {{ item.code_course }}
                            {% else %}
                                <a href="{{ item.link }}">{{ item.title }} {{ item.code_course }}</a>
                            {% endif %}
                        </h4>
                        <div class="notifications">{{ item.notifications }}</div>

                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>