<?php get_header() ?>
        <?php global $jphostbd ?>
			

<section class="single_section">			
			<div class="container">	
			
		<div class="row">
			<div class="col-md-12">
				<div class="single_info">
					<span>
						<a href="<?php bloginfo('url');?>"><i class="fa fa-home" aria-hidden="true"></i> /
							</a><?php single_cat_title(' '); ?>
					</span>				    
				</div>
			</div>
			<div class="col-md-9 col-sm-8">
				
				
				
				<div class="row">
				
					<?php $i=0; ?>
					<?php if(have_posts()) : ?>
					<?php
					while(have_posts()) : the_post();?>			
					<?php $word = $jphostbd['word-archive']; ?>	
					<?php if ($i ==0){?>
		
					<div class="col-md-8 col-sm-7">
						<div class="archive_post_sec">
							<div class="archive_img">
								<a href="<?php the_permalink(); ?>">
								<?php if(has_post_thumbnail()){ 
								the_post_thumbnail();}
								else{?>
								<img src="<?php echo get_template_directory_uri(); ?>/assets/img/noimage.gif" width="100%" />
								<?php } ?></a>
							</div>
							<div class="archive_post_height">
								<div class="archive_heading_01">
									<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
								</div>
								<div class="archive_dtails">
									 <?php echo excerpt($word); ?> <span style="text-align:right"><a href="<?php the_permalink();?>"><?php echo $jphostbd['read-more-archive']?></a></span>
								</div>
							</div>
						</div>
					</div>
					
					<?php }
					$i++;
					?>
					<?php endwhile; ?>
					<?php endif; ?> 
					
					<div class="col-md-4 col-sm-5">
						
					<?php $i=0; ?>
					<?php if(have_posts()) : ?>
					<?php
					while(have_posts()) : the_post();?>			
					<?php $word = $jphostbd['word-archive']; ?>	
					<?php if ($i !=0 and $i ==1 or $i ==2 ){?>	
				
				
						<div class="archive_post_sec">
							<div class="archive_img">
								<a href="<?php the_permalink(); ?>">
								<?php if(has_post_thumbnail()){ 
								the_post_thumbnail();}
								else{?>
								<img src="<?php echo get_template_directory_uri(); ?>/assets/img/noimage.gif" width="100%" />
								<?php } ?></a>
							</div>
							<div class="archive_padding">
								<div class="archive_heading_02">
									<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
								</div>
							</div>
						</div>
						
						
						<?php }
						$i++;
						?>
						<?php endwhile; ?>
						<?php endif; ?> 
						
					</div>
				</div>
				
				
				<?php $i=0; ?>
				<?php if(have_posts()) : ?>
                <?php
                while(have_posts()) : the_post();?>			
                <?php $word = $jphostbd['word-archive']; ?>	
                <?php if ($i !=0 and $i !=1 and $i !=2 ){?>	
				
				<div class="archive_post_sec_again">
					<div class="row">
						<div class="col-md-4 col-sm-5">
							<div class="archive_img_again">
								<a href="<?php the_permalink(); ?>">
								<?php if(has_post_thumbnail()){ 
								the_post_thumbnail();}
								else{?>
								<img src="<?php echo get_template_directory_uri(); ?>/assets/img/noimage.gif" width="100%" />
								<?php } ?></a>
							</div>
						</div>
						<div class="col-md-8 col-sm-7">
							<div class="archive_padding_again">
								<div class="archive_heading_01">
									<a href="<?php the_permalink(); ?>"><?php the_title();?></a>
								</div>
								<div class="archive_dtails">
									 <?php echo excerpt($word); ?> 
								</div>
								<div class="dtails_btn"><a href="<?php the_permalink();?>"><?php echo $jphostbd['read-more-archive']?></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				
				
				<?php }
					$i++;
				?>
				<?php endwhile; ?>
                <?php endif; ?>          
                <div class="row"><div class="col-md-12"><?php wp_bootstrap_pagination(); ?></div></div>
				
				
				
				
				
				
				
				
			</div>	
			<div class="col-md-3 col-sm-4">
				<div class="add"><?php dynamic_sidebar('single_sidebar_top')?></div>
				<div class="tab-header">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs nav-justified" role="tablist">
								<li role="presentation" class="active"><a href="#tab21" aria-controls="tab21" role="tab" data-toggle="tab" aria-expanded="false"><i class="fa fa-line-chart"></i> <?php echo $jphostbd_themes['last'] ?></a></li>
								<li role="presentation" ><a href="#tab22" aria-controls="tab22" role="tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-fire"></i> <?php echo $jphostbd_themes['popular'] ?></a></li>
							</ul>

							<!-- Tab panes -->
							<div class="tab-content">
								<div role="tabpanel" class="tab-pane in active" id="tab21">
									<?php
									$x=1;							 
									$lastnews = new WP_Query(array(
									'post_type' => 'post',
									'posts_per_page' => $jphostbd_themes['lastpost'],
									'offset' =>0,
									));
									while($lastnews->have_posts()) : $lastnews->the_post();?>
									<?php $xx=$x++ ?>
									<div class="image-title">
										<?php if(has_post_thumbnail()){ 
										the_post_thumbnail();}
										else{?>
										<img src="<?php echo get_template_directory_uri(); ?>/assets/img/noimage.gif" width="100%" class="image"/>
										<?php } ?>
										<h4 class="heading-03"><a href="<?php the_permalink()?>"><?php the_title() ?></a></h4>
									</div>
									<?php endwhile ?>
								</div>
								<div role="tabpanel" class="tab-pane fade" id="tab22">										
									<?php
									$x=1;	
									query_posts('meta_key=post_views_count&orderby=meta_value_num&order=DESC');
									if (have_posts()) : while (have_posts()) : the_post();
									?>	
									<?php $xx=$x++ ?>
									<div class="image-title">
										<?php if(has_post_thumbnail()){ 
										the_post_thumbnail();}
										else{?>
										<img src="<?php echo get_template_directory_uri(); ?>/assets/img/noimage.gif" width="100%" class="image"/>
										<?php } ?>
										<h4 class="heading-03"><a href="<?php the_permalink()?>"><?php the_title() ?></a></h4>
									</div>
									<?php
									endwhile; endif;
									wp_reset_query();
									?>
									
								</div>
							</div>
						</div>	            			            
				   	<!-- ==========================-->
				   	<div class="add"><?php dynamic_sidebar('single_sidebar_bottom')?></div>   
		        </div>
			</div>
	</div>
</section>	
	
	
			
	<?php get_footer();
			wp_footer();
			?>