<section class="relatedArticle cell">
                <div class="sizeCenterElm columns">
                    <h2 class="titleCategory">
                        related article
                    </h2>
                    <a href="#" class="viewall">
                        view all
                    </a>
                </div>
                <div class="cell columns">
                    <div class="sizeCenterElm grid-x">
                        <div class="fuji-carousel owl-theme">
                            {% for i in range(1,3) %}
                                <div class="item">
                                    <a href="#">
                                        {{ img('theme::img/remove/related-artilce-'~ i ~'.jpg')|raw }}
                                    </a>
                                    <div class="caption">
                                        <div class="posBot">
                                            <a href="#">
                                                <h4 class="title">Gravida nibh vel velit auctor aliquet. Aenean sollicitudin</h4>
                                            </a>
                                        </div>
                                        <span class="category">product</span>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </section>