<?php
/**
 * Template Name: Features Page
 */
get_header();
$banner_section = get_field('banner_section');
//echo '<pre>'; print_r($banner_section);
?>

  <section class="no-banner">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h2 class="heading01 mb-5 text-center">FEATURES</h2>
          <!-- Feature row -->
            <?php
            $args = array(
              'posts_per_page'   => -1,
              'orderby'          => 'date',
              'order'            => 'ASC',
              'post_type'        => 'cc-features',
              'post_status'      => 'publish',
              );
            $features = get_posts( $args );
            // echo '<pre>'; print_r($features);
            $count = 1;
            foreach($features as $feature) {
            $feat_image = wp_get_attachment_url(get_post_thumbnail_id($feature->ID)); ?>
              <div class="feature-row <?php echo ($count%2 == 0)?'feature-even':''; ?>">
                <div class="feature-image-wrapper">
                  <div class="laptop-animation">
                    <div class="destop-browser-bg feature-image">
                      <div class="dashboard-image-blog " style="background-image: url(<?php echo $feat_image; ?>"></div>
                    </div>
                  </div>
                </div>
                <article class="feature-content">
                  <h3 class="feature-heading"><?php echo $feature->post_title; ?></h3>
                  <p><?php echo $feature->post_content; ?> </p>
                </article>
              </div>
            <?php
            $count++;
            } ?>
          <!-- /Feature row -->
        </div>
      </div>
    </div>
  </section>
<?php
get_footer();
?>