2.4-html

    <div class="ui basic segment container content">

        <div class="ui three column grid">
            {% for article in article_list %}
            <div class="column">
                <a class="ui fluid card" href="#">
                    <div class="image">
                        ![]({{ article.img }})
                    </div>
                </a>

                <div class="title header" href="#">{{ article.title }}</div>

                <i class="icon grey unhide"></i>
                <span style="color:#bbbbbb">{{ article.views }}</span>

                <span class="" style="color:rgb(226, 226, 226)">|</span>

                <i class="icon grey checkmark"></i>
                <span style="color:#bbbbbb"> {{ article.likes }} people got it</span>

            </div>
            {% endfor %}


        </div>
    </div>