<?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="carosul-container inner-page">
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
	
	 	<img src="<?php echo get_template_directory_uri(); ?>/images/inner-banner.jpg" alt="<?php the_title(); ?>">
    </div>  
  </div>
</div>
</div><!--carosul-container-->  

<div class="inner-wrapper">
    <div class="container">
      <div class="row">
	  
        <div class="col-md-12">    
         <ol class="breadcrumb">
          <li><a href="<?php echo site_url('/'); ?>">Home</a></li>
          <li class="active"><?php echo single_cat_title( '', false ) ; ?></li>
         </ol>
     </div><!-- col-12 -->
     <div class="col-md-12 subpage_content">
      <h2 class="alt"><?php echo single_cat_title( '', false ) ; ?></span></h2>
      <img src="<?php echo get_template_directory_uri(); ?>/images/under-line.png">
	  
     <div class="owl-container"> 
	  <?php 
	  $count = 0;
	  while ( have_posts() ) : the_post();
	  $count++; 
	  	$content = get_the_content();
		$trimmed_content = wp_trim_words( $content, 35);?>
	  <div class="col-md-4 col-xs-12">
	  	<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(); ?>" />
                  <label><?php echo category_name(); ?></label>
                </div><!-- image-container -->
                <div class="inner">
                <h3><?php the_title(); ?></h3>
                <div class="blog-links">
                  <ul>
                    <li><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/admin-img.png" alt=""/><?php echo $author; ?></a></li>
                    <li><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/calender-img.png" alt=""/><?php the_time('d-M-Y'); ?></a></li>
                  </ul>
                </div><!-- blog-links -->
                <p class="blog-txt"><?php echo $trimmed_content; ?></p>
                <a href="<?php the_permalink(); ?>" class="common-btn">view more <img src="<?php echo get_template_directory_uri(); ?>/images/btn-img.png" alt=""></a>
                </div><!-- inner -->
              </div>
			 </div>
			 
			 <?php if ( 0 ==$count%3 ) { echo '<div class="clearfix"></div>'; } ?>
		<?php endwhile;	?> 
		</div>
     </div><!-- col-12 -->
	
	 
	 
     
      </div><!-- row -->
    </div><!-- container -->
	
	<?php get_template_part('aboutdr'); ?>
    
  </div><!-- inner-wrapper -->  

			
		

<?php get_footer(); ?>