<?php get_header(); ?>
<!-- ============ Content =============== -->
<main class="main-content">
    <div class="page-container">
        <div class="section hero-area h-full-screen" data-parallax="scroll" data-position="top" data-image-src="<?php echo myt_thumb(get_the_ID(), 'full'); ?>" data-natural-width="1400" data-natural-height="900">
            <div class="overlay"></div>
            <div class="pos-tb-center">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <?php the_archive_title('<h2 class="t-center t-uppercase color-white font-50">', '</h2>'); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div <?php post_class('section pt-60 pb-40'); ?> id="page-<?php the_ID(); ?>">
            <div class="container">
                <div class="row row-tb-15 porto-list">
                    <?php
                    // Start the loop.
                    while (have_posts()) : the_post();
                        ?>
                        <div class="col-md-4 col-sm-6 team-member porto">
                            <figure class="team-member-img">
                                <img src="<?php echo myt_thumb(get_the_ID()); ?>" alt="" class="img-responsive">
                                <div class="team-member-overlay t-center">
                                    <div class="pos-tb-center">
                                        <ul class="social-icons list-inline">
                                            <li class="social-icons__item">
                                                <a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </figure>
                            <h5 class="mt-15 mb-5 t-uppercase"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
                            <p class="mb-10 t-uppercase"><?php the_time('j F Y') ?></p>
                            <p class="color-mid"><?php the_excerpt(); ?></p>
                        </div>
                    <?php endwhile; ?>
                </div> 
                <div class="t-center pt-40">                    
                    <?php wp_pagenavi(); ?>
                </div>
            </div>
        </div>
    </div>
</main>
<?php get_footer(); ?>