<!– Portfolio Modals –> <!– Use the modals below to showcase details about your portfolio projects! –>
{% for project in site.data.works %} <!– Portfolio Modal {{ project.order }} –> <div class=“portfolio-modal modal fade” id=“{{ project.id }}” tabindex=“-1” role=“dialog” aria-hidden=“true”>
<div class="modal-dialog"> <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"> <!-- Project Details Go Here --> <h2>{{ project.name }}</h2> <p class="item-intro text-muted">{{ project.claim }}</p> <img class="img-responsive img-centered" src="/assets/img/portfolio/large-{{ project.photo }}" alt="{{ project.img-alt }}"> <p>{{ project.description }}</p> <p><strong>{{ project.call-to-action }}</strong></p> <p>Project site: <a href="{{ project.web }}">{{ project.web }}</a></p> <ul class="list-inline"> <li>Date: {{ project.date }}</li> <li>Client: {{ project.client }}</li> <li>Category: {{ project.category }}</li> </ul> <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button> </div> </div> </div> </div> </div> </div>
</div> {% endfor %}