<?php
/**
 * The template for displaying Category pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

<div class="inner-wrapper">
<div class="carousel-container">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="<?php echo get_template_directory_uri(); ?>/images/banner-2.jpg" alt="...">
      <div class="carousel-caption">
        <h2><?php printf(single_cat_title( '', false ) ); ?></h2>
        <img src="<?php echo get_template_directory_uri(); ?>/images/undr-line.png"/>
        <div class="breadcrump">
        <ul>
        <li><a href="<?php echo site_url('/'); ?>">home &nbsp &nbsp&nbsp</a> /</li>
        <li><a class="active">&nbsp&nbsp&nbsp <?php printf(single_cat_title( '', false ) ); ?></a></li>
        </ul>
        </div><!-- breadcrump -->

      </div>
    </div>
  </div>
  

</div>
</div><!-- carousel-container -->    
</div>

<div class="inner-wrapper">
<div class="about-container">
    <div class="container">
      <div class="row">
        
        <div class="col-md-12">
           <h2 class="common-hed">
         <span><?php printf(single_cat_title( '', false ) ); ?></span>
        <img src="<?php echo get_template_directory_uri(); ?>/images/undr-line.png">
      </h2>
      
	  		
			<div class="owl-blog-section">
      
	  
	  <?php while ( have_posts() ) : the_post(); 
				   
			$content = get_the_content();
			$trimmed_content = wp_trim_words( $content, 40); ?>
		<div class="col-md-4">
        <div class="item">
          <div class="image-container"><img src="<?php echo wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>" alt="<?php the_title(); ?>"/></div><!-- image-container -->
          <div class="inner cat">
            <h3><?php the_title(); ?> </h3>
            <p><?php echo $trimmed_content; ?></p>
            <a href="<?php the_permalink(); ?>">read more</a>
          </div><!-- inner -->
		  
		  <?php $category = get_queried_object();
			if( $category->term_id != 6 && $category->term_id != 7 && $category->term_id != 8 && $category->term_id != 9 && $category->term_id != 10 )
			{ ?>
          <div class="blog-detail">
            <div class="left">
              <i class="fa fa-calendar"></i><?php the_time('d M Y'); ?>
            </div><!-- left -->
            <div class="right">
              <i class="fa fa-user"></i> <?php echo the_field('author'); ?>
            </div><!-- right -->
          </div><!-- blog-detail -->
	<?php } ?>
        </div><!-- item -->
			</div>
	<?php endwhile; ?>         

    </div>
        </div><!-- col-md-8 -->
		
		
      </div><!-- ROW -->
    </div><!-- container -->
  </div>
  
 <?php get_sidebar('footer'); ?>


</div>

	

<?php get_footer(); ?>