<div class="property-listing-two fade-in-up <?php echo inspiry_animation_class(); ?> "> <div class="container"> <div class="row zero-horizontal-margin"> <?php $properties_count = 1; $columns_count = 4; // todo: add the ability to change number of columns between 2, 3, 4 while ($home_properties_query->have_posts()) { $home_properties_query->the_post(); $home_property = new Inspiry_Property(get_the_ID()); ?> <div class="col-xs-6 custom-col-xs-12 col-md-4 col-lg-3 zero-horizontal-padding <?php echo inspiry_col_animation_class($columns_count, $properties_count) . ' ' . inspiry_animation_class(); ?> "> <article class="hentry property-listing-home meta-item-half"> <div class="property-thumbnail"> <?php inspiry_thumbnail(); ?> </div> <!-- .property-thumbnail --> <div class="property-description"> <header class="entry-header"> <h4 class="entry-title"><a href="<?php the_permalink();
$columns_count = intval($inspiry_options['inspiry_home_featured_columns']); if (!$columns_count) { $columns_count = 3; } $column_class = 'col-md-4'; if (4 == $columns_count) { $column_class = 'col-md-3 featured-properties-4-column'; } elseif (2 == $columns_count) { $column_class = 'col-md-6'; } while ($featured_properties_query->have_posts()) { $featured_properties_query->the_post(); $featured_property = new Inspiry_Property(get_the_ID()); ?> <div class="col-xs-6 <?php echo esc_attr($column_class . ' ' . inspiry_col_animation_class(@$columns_count, $properties_count) . ' ' . inspiry_animation_class()); ?> "> <article class="hentry featured-property-post"> <div class="property-thumbnail"> <?php inspiry_thumbnail(); ?> </div> <!-- .property-thumbnail --> <div class="property-description"> <header class="entry-header"> <h4 class="entry-title"><a href="<?php