<div class=“container”>

<div class="row">
    <div class="col-lg-12 text-center">
        <h2>Portfolio</h2>
        <hr class="star-primary">
    </div>
</div>
<div class="row">
    {% for post in site.posts %}
        <div class="col-sm-4 portfolio-item">
            <a href="#portfolioModal-{{ post.modal-id }}" class="portfolio-link" data-toggle="modal">
                <div class="caption">
                    <div class="caption-content">
                        <i class="fas fa-search-plus fa-3x"></i>
                    </div>
                </div>
                <img src="assets/img/portfolio/{{ post.img }}" class="img-responsive" alt="{{ post.alt }}">
            </a>
        </div>
    {% endfor %}
</div>

</div>