daw/page-art.php

<?php get_header(); ?>
<div id="gallery-wrap" class="container-fluid overflow-hidden art-gallery">
  <div class="dw-carousel leader pb-5">
    <div class="dw-carousel-track mt-5" tabindex="0" role="region" aria-roledescription="carousel" aria-label="Painting gallery">
      <div class="dw-carousel-slide">
        <img class="art-image" src="<?php echo get_template_directory_uri(); ?>/img/lemon-mater.jpg" alt="<?php the_title(); ?>"/>
      </div>
      <?php query_posts('category_name=paintings&showposts=12'); ?>
      <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
      <div class="dw-carousel-slide">
        <?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'full'); ?>
        <img class="art-image img-fluid" src="<?php echo $img_url[0];?>" alt="<?php the_title(); ?>"/>
      </div>
      <?php endwhile; ?>
    </div>
    <button class="dw-carousel-prev" type="button" aria-label="Previous painting">&lsaquo;</button>
    <button class="dw-carousel-next" type="button" aria-label="Next painting">&rsaquo;</button>
  </div>
</div>
<div class="container">
		<div class="row my-5">
			<h3><em>Art Projects</em></h3>
		</div>
    <div class="row">
    <div class="col-lg-3">
      <h4><a href="#figures">Figures</a></h4>
      <h4><a href="#landscapes">Landscapes</a></h4>
      <h4><a href="#still">Still Life</a></h4>
      <h4><a href="#abstract">Abstract</a></h4>
    </div>
    <div class="col-lg-9">
        <div class="row art-gallery py-3">
          <?php $i = 0; $query = new WP_Query(array('category_name' => 'paintings', 'posts_per_page' => -1));  while ( $query->have_posts() ) : $query->the_post(); ?>
            <div class="col-lg-4">
              <div class="studio-thumbnail">
                <?php
                  if (has_post_thumbnail()) {
                    $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
                  } else {
                    $img_url = get_post_meta( get_the_ID(), 'featured_image_url');
                  }
                ?>
                <a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><img class="studio-thumb" src="<?php echo $img_url[0];?>" width="100%" alt="<?php the_title(); ?>"/></a>
              </div>
              <article class="studio">
                <div class="entry-content">
                  <h4><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h4>
                  <?php dw_good_excerpt(110); ?>
                </div>
              </article>
            </div>
          <?php if((++$i % 3) == 0): ?>
        </div>
        <div class="row art-gallery">
          <?php endif; ?>
          <?php endwhile; $i++;?>
        </div>
      </div>
    </div>
  </div>
</div>
<?php get_footer(); ?>