<?php
/**
 * The Sidebar containing the main widget area
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>

<div class="col-md-4">
         <section class="common-section">
      <h3 class="alt">Latest<span> blogs</span>
         <span class="owl-nav">
                  <span class="owl-prev" id="blog-prev2"><img src="<?php echo get_template_directory_uri(); ?>/images/owl-left.png"></span>
                    <span class="owl-next" id="blog-next2"><img src="<?php echo get_template_directory_uri(); ?>/images/owl-right.png"></span>
          </span>
      </h3>
          <div class="special-under-line">
          <img src="<?php echo get_template_directory_uri(); ?>/images/specialise-under-line.png" alt=""/> 
        </div><!-- special-under-line -->
        <div class="owl-container">
          <div class="owl-carousel" id="blog2">
		  
		  <?php $the_query = new WP_Query( 'posts_per_page=10&cat=-2' );
		   if ( $the_query -> have_posts() ) : 
		   while ( $the_query -> have_posts() ) : $the_query -> the_post();
		   $content = get_the_content();
		   $trimmed_content = wp_trim_words( $content, 15); ?>
            <div class="item">
              <div class="img-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><!-- img-container -->
              <div class="blog-content"> 
                <div class="inner">
                <div class="col-md-3 pad-left-none">
                  <div class="date-container">
                    <div class="date">
                    <h3><?php the_time('d'); ?><span><?php the_time('M'); ?></span></h3>
                  </div><!-- date -->
                  </div><!-- date -container-->
                  <div class="count"><h3>1</h3></div><!-- count -->
                </div><!-- col-3 -->
                <div class="col-md-9 pad-left-none pad-right-none">
                  <div class="links">
                  <ul>
                    <li><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/blog-admin.png" alt=""/><?php echo get_field('author'); ?></a></li>
                  </ul>
                </div><!-- links -->
                <h4><h4><?php the_title(); ?></h4></h4>
                <p><?php echo $trimmed_content; ?></p>
                <a href="<?php the_permalink(); ?>" class="more_common">more<img src="<?php echo get_template_directory_uri(); ?>/images/specialise-button-img.png" alt=""></a>
                </div><!-- col-9 -->
              </div><!-- inner -->
              </div><!-- blog-content -->
            </div><!-- item -->
		<?php endwhile; endif; ?>
          </div><!-- owl-carousel -->
        </div><!-- owl-container -->
</section><!-- common-section -->
      </div><!-- col-md-4 -->