grav-plugin-comments/templates/partials/comments.html.twig

{% if grav.twig.enable_comments_plugin %}
    {% set scope = scope ?: 'data.' %}

    {% include 'partials/comments.form.html.twig' %}

    {% if grav.twig.comments|length %}

        <h3>{{'PLUGIN_COMMENTS.COMMENTS'|t}}</h3>
            <div class="row comments">
            {% for comment in grav.twig.comments|array_reverse %}
				<div class="media media-level-{{comment.level|e}}" data-Id="{{comment.id}}" >
				  <div class="media-left">
					<a href="#">
					  <img class="media-object" style="width:100px;" src="https://www.gravatar.com/avatar/{{comment.email|trim|lower|md5}}?d=identicon" alt="user icon">
					</a>
				  </div>
				  <div class="media-body">
					<h4 class="media-heading">{{comment.title}}</h4>
					<div class="">
						<a class="reply-link" href="#">Reply</a>
					</div>
					<div class="">
						{{'PLUGIN_COMMENTS.WRITTEN_ON'|t}} {{comment.date|e}} {{'PLUGIN_COMMENTS.BY'|t}} {{comment.author}}
					</div>
					<div  class="media-text" >
						{{comment.text}}
					</div>
					{{nested}}
				  </div>
				</div>
            {% endfor %}
            </div>

    {% endif %}
{% endif %}