<?php get_header(); ?>

	<section class="ftco-section ftco-bread">
		<div class="container">
			<div class="row no-gutters slider-text justify-content-center align-items-center">
	          <div class="col-md-12 ftco-animate">
	            <p class="breadcrumbs">
					<span class="mr-2"><a href="<?php echo get_home_url() ?>">Home</a></span> <span>></span> 
					<span>My Opinion</span></p>
	            <h1 class="bread"><?php echo wp_title() ?></h1>
	          </div>
	        </div>
		</div>
	</section>
        			
			<section class="ftco-section-2">
	    	<div class="container">
	    		<div class="row d-flex">
	    			<div class="col-lg-12">
	    				<div class="row">

                        <?php
                            $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
                            $args = array(
                                'post_type' => 'post',
                                'post_status' => 'publish',
                                'posts_per_page' => 5 , 
                                'paged'          => $paged
                            
                            );
                            $loop = new WP_Query( $args );     
                        ?>

						<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
			    			<div class="col-md-12">
			    				<div class="blog-entry ftco-animate d-md-flex">
									<a href="<?php echo get_permalink() ?>" class="img img-2" style="background-image: url(<?php echo get_the_post_thumbnail_url()  ?>);"></a>
									<div class="text text-2 p-4">
				              		<h3 class="mb-2"><a href="<?php echo get_permalink() ?>"><?php print the_title();  ?> </a></h3>
				              			<div class="meta-wrap">
											<p class="meta">
												<span><?php the_time('F jS, Y'); ?></span>
				              				</p>
			              				</div>
										<p class="mb-4"><?php the_excerpt();  ?></p>
										<p><a href="<?php echo get_permalink() ?>" class="btn-custom">Read More <span class="ion-ios-arrow-forward"></span></a></p>
				            		</div>
								</div>
							</div>                            
                             <?php  
                                endwhile;
                            //    echo posts_nav_link();
                                wp_reset_postdata();  
                            ?>

                            <div class="nav-previous alignleft"><?php previous_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php next_posts_link( 'Newer posts' ); ?></div>

			    		</div>
                        <!-- <div class="row">
                            <div class="col">
                                <div class="block-27">
                                    <ul>
                                        <li><a href="#">&lt;</a></li>
                                        <li class="active"><span>1</span></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">&gt;</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div> -->
					</div>					
	    		</div>
	    	</div>
        </section>
        
<?php get_footer(); ?>