flask-htmx-board1/templates/i-posts.html

{% if postos | length > 0 %}
    {% for posto in postos %}  
        <div class="row">
            <div class="col s12 m6">
            {% if posto.root_post %}
            <div class="card deep-orange accent-4 darken-1">
            {% else %}
            <div class="card blue-grey darken-1">
            {% endif %}
                <div class="card-content white-text">
                <span class="card-title">#{{ posto._key }}</span>
                <p>{{ posto.texto }}</p>
                </div>
                <div class="card-action">
                <a href="#">Answer me!</a> 
                </div>
            </div>
            </div>
        </div>  
        <div class="col s12 m7">
            <h2 class="header">Horizontal Card</h2>
            <div class="card horizontal">
              <div class="card-image">
                <img src="https://loremflickr.com/100/190/nature/6">
              </div>
              <div class="card-stacked">
                <div class="card-content">
                  <p>I am a very simple card. I am good at containing small bits of information.</p>
                </div>
                <div class="card-action">
                  <a href="#">This is a link</a>
                </div>
              </div>
            </div>
          </div>
                   
    {% endfor %}
{% endif %}