/home/bdqbpbxa/rc-subdomains/optoman-rc.goodface.com.ua/wp-content/themes/optoman/page-career.php
<?php
// Template name: Career page
get_header();
$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
?>
<main>
<?php $hero = get_field('hero'); ?>
<section class="career-hero" data-animate-group="list">
<div class="container">
<div class="career-hero__wrapper">
<h1 class="title title-2"
data-animate="word" data-index="1"><?php echo $hero['title']; ?></h1>
<p class="description body-1" data-animate="swim-top"
data-index="2"><?php echo $hero['description']; ?></p>
<div class="buttons" data-animate="swim-top">
<?php echo get_button_group_field($hero['button']); ?>
</div>
</div>
</div>
</section>
<?php $career_list = get_field('career_list');
if (!$career_list['hidden']):?>
<section class="career-list">
<div class="container">
<h2 class="section-title title-2" data-animate="word"><?php echo $career_list['title']; ?></h2>
<div class="career-list__wrapper">
<?php render_teamtailor_jobs(); ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="career-hero" data-animate-group="list">
<div class="container">
<div class="career-hero__wrapper">
<div class="career-hero-image">
<img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $hero["image"]['url']; ?>"
alt="<?php echo $hero["image"]['alt']; ?>" data-animate="fade" data-index="3">
</div>
</div>
</div>
</section>
</main>
<?php
get_footer();
