<?php
$post_counter = 0;
$portfolio = bootstrap_bob_portfolio();
if ($portfolio->have_posts()) {
?>
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php
echo __('Portfolio');
?>
</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
</div>
<div class="row">
<?php
while ($portfolio->have_posts()) {
$portfolio->the_post();
?>
<?php
$post_counter++;
// increment the counter for each post
?>
<?php
$portfolio_image = get_the_post_thumbnail(get_the_ID(), 'portfolio', array('class' => 'img-responsive'));
?>
<?php
$post_counter = 0;
$modal = bootstrap_bob_portfolio();
if ($modal->have_posts()) {
?>
<!-- Portfolio Modals -->
<!-- Use the modals below to showcase details about your portfolio projects! -->
<?php
while ($modal->have_posts()) {
$modal->the_post();
?>
<?php
$post_counter++;
// increment the counter for each post
?>
<?php
$portfolio_subtitle = get_post_meta(get_the_ID(), 'portfolio-subtitle', true);
?>
<?php
$portfolio_image = get_the_post_thumbnail(get_the_ID(), 'full', array('class' => 'img-responsive img-centered'));
?>
<!-- Portfolio Modal Single -->
<div class="portfolio-modal modal fade" id="portfolioModal<?php
echo $post_counter;
?>
" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
