{% for item in hot_courses %}
    {% if item.title %}
        <div class="col-xs-12 col-sm-4 col-md-3">
            <div class="items">
                <div class="image">
                    <img src="{{ item.course_image_large }}" class="img-responsive">
                    {% if item.categoryName != '' %}
                        <span class="category">{{ item.categoryName }}</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>
                    <div class="user-actions">{{ item.description_button }}</div>
                </div>
                <div class="description">
                    <h4 class="title">
                            <a title="{{ item.title}}" href="{{ item.course_public_url }}">{{ item.title}}</a>
                    </h4>
                    <div class="ranking">
                        {{ item.rating_html }}
                    </div>
                    <div class="toolbar">
                        <div class="btn-group" role="group">
                            {{ item.register_button }}
                            {{ item.unsubscribe_button }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endfor %}