{% for comment in comments %}

            <div style="display:block;margin-top:15px;">
                <ons-card style="display:block;">
                    {{ comment.comment_text }}
                </ons-card>

                <div style="padding-left:15px;padding-right:15px;">
                    <span style="font-size:10px;font-weight:bold;color:#ccc;margin-top:20px;display:block;float:{{ loop.index is odd ? "right" : "left" }};" >{{ comment.name }}</span>
                    <img style="width:35px;height:35px;border-radius:50%;display:block;float:{{ loop.index is odd ? "left" : "right" }};" src="{{ comment.avatar }}"/>
                    <div style="clear:both;"></div>
                </div>

            </div>
<hr style="border-bottom: #e4dddd 1px solid;border-top: none;border-left:none;border-right:none;">
        {% endfor %}