archive-team.php

<?php
wp_enqueue_style('team', get_template_directory_uri() . '/css/team.css');
get_header();

?>
    <section id="banner">
        <img src="https://resilienceacademy.ac.tz/wp-content/uploads/2019/06/about-team.jpg?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="">
        <div class="position-absolute pin-all text layout center-center">
            <h2>
                Our local team is made up of dedicated and brilliant problem solvers.
            </h2>
        </div>
    </section>

    <section id="team">
        <div class="section-wrapper">
            <div class="layout wrap">
               <?php
                $args = array(
                    'post_type' => 'team',
                    'orderby' => 'menu_order',
                    'order' => 'ASC',
                    'meta_query'	=> array(
                        array(
                            'key'	  	=> 'position',
                            'value'	  	=> 'Coordinator',
                            'compare' 	=> '=',
                        ),
                    ),
                    'posts_per_page' => 100
                );
                $custom_query = new WP_Query($args);
                while ($custom_query->have_posts()) : $custom_query->the_post();
                    get_template_part('partials/content-team', get_post_format());
                endwhile; ?>
               </div>
               <hr/>
               <div class="layout wrap">
               <?php
                $args = array(
                    'post_type' => 'team',
                    'orderby' => 'menu_order',
                    'order' => 'ASC',
                    'meta_query'	=> array(
                        array(
                            'key'	  	=> 'position',
                            'value'	  	=> 'WorldBank',
                            'compare' 	=> '=',
                        ),
                    ),
                    'posts_per_page' => 100,
                );
                $custom_query = new WP_Query($args);
                while ($custom_query->have_posts()) : $custom_query->the_post();
                    get_template_part('partials/content-team', get_post_format());
                endwhile; ?>
               </div>
               <hr/>
               <div class="layout wrap">
               <?php
                $args = array(
                    'post_type' => 'team',
                    'orderby' => 'menu_order',
                    'order' => 'ASC',
                    'meta_query'	=> array(
                        array(
                            'key'	  	=> 'position',
                            'value'	  	=> 'Member',
                            'compare' 	=> '=',
                        ),
                    ),
                    'posts_per_page' => 100,
                );
                $custom_query = new WP_Query($args);
                while ($custom_query->have_posts()) : $custom_query->the_post();
                    get_template_part('partials/content-team', get_post_format());
                endwhile; ?>
            </div>
        </div>
    </section>
<?php get_footer(); ?>