<?php while (have_posts()) { the_post(); ?> <section class="hero" <?php responsive_bg(get_field('hero_background_image', get_id_by_slug('home'))); ?> > <div class="container"> <div class="column"> <?php the_field('hero_content'); ?> </div> </div> </section> <section> <div class="container"> <?php if (have_rows('faqs')) { ?> <?php while (have_rows('faqs')) { the_row(); ?> <div class="column twelve"> <h2><?php the_sub_field('category'); ?> </h2>
<div class="container bleed one-third padding"> <?php if (have_rows('judges')) { ?> <?php while (have_rows('judges')) { the_row(); ?> <?php $judge = get_sub_field('judge'); ?> <a href="/judges#judge-<?php echo $judge['user_nicename']; ?> " class="column has-sizer" <?php responsive_bg(get_field('profile_photo', 'user_' . $judge['ID'])); ?> > <div class="content"> <span class="h2"><?php echo $judge['display_name']; ?> </span> <span class="h3"><?php the_field('focus_area', 'user_' . $judge['ID']); ?> </span> </div> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="sizer" alt=" " /> </a> <?php