<!-- Portfolio Modals -->
{% for post in site.posts %}
   <div class="portfolio-modal modal fade" id="portfolioModal-{{ post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
               <div class="lr">
                   <div class="rl">
                   </div>
               </div>
           </div>
           <div class="container">
               <div class="row">
                   <div class="col-lg-8 col-lg-offset-2">
                       <div class="modal-body">
                           <h2>{{ post.title }}</h2>
                           <hr class="star-primary">
                           <img src="assets/img/portfolio/{{ post.img }}" class="img-responsive img-centered" alt="{{ post.alt }}">
                           {% if post.contet %}
                               <p>{{ post.description }}</p>
                           {% endif %}
                           <ul class="list-inline item-details">
                               {% if post.client %}
                                   <li>Client:
                                       <strong><a href="http://startbootstrap.com">{{ post.client }}</a>
                                       </strong>
                                   </li>
                               {% endif %}
                               {% if post.project-date %}
                                   <li>Date:
                                       <strong><a href="http://startbootstrap.com">{{ post.project-date }}</a>
                                       </strong>
                                   </li>
                               {% endif %}
                               {% if post.category %}
                                   <li>Service:
                                       <strong><a href="http://startbootstrap.com">{{ post.category }}</a>
                                       </strong>
                                   </li>
                               {% endif %}
                           </ul>
                           <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fas fa-times"></i> Close</button>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>

{% endfor %}