/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/wp-content/themes/paytech/careers.php
<?php
// Template name: Careers
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>
<?php
get_template_part('templates/blocks/breadcrumbs');
?>
<main>
<?php
$main = get_field('main');
?>
<section class="careers-hero" data-animate-group="list">
<div class="container">
<div class="careers-hero__wrapper">
<div class="content">
<div class="section-title title-1 mob-title-1" data-animate="word" data-index="1">
<?php
echo make_images_bordered($main['title']);
?>
</div>
<?php
if ($main['text']) :
?>
<p class="text text-2 mob-text-2 -higher" data-animate="swim-top" data-index="2">
<?php
echo $main['text'];
?>
</p>
<?php
endif;
?>
</div>
<div class="images">
<?php
$animation_type = [
'swim-bottom',
'swim-left',
'swim-right',
'swim-right',
'swim-top'
];
$color_type = [
'--bg-blue',
'--bg-orange',
];
$color_index = 0;
foreach($main['gallery'] as $key=>$item) :
?>
<div
class="
img
<?php
if ($item['width'] < 50) {
echo '-smaller ';
echo $color_type[$color_index];
$color_index++;
}
?>
"
data-animate="<?php echo $animation_type[$key]; ?>"
data-index="2"
>
<img
src="<?php echo $item['url']; ?>"
alt="<?php echo $item['alt']; ?>"
>
</div>
<?php
endforeach;
?>
</div>
</div>
</div>
</section>
<?php
get_template_part('templates/careers/positions-section');
get_template_part('templates/careers/perks-section');
?>
<?php
$contact_form = get_field('contact_forms', 'option')['apply_a_vacancy'];
?>
<section class="form-section -transparent" id="form-section">
<div class="container">
<div class="form" data-animate="swim-top">
<div class="form-start">
<div class="form-start__left">
<h2 class="title title-3 mob-title-3">
<?php
echo $contact_form['title'];
?>
</h2>
<p class="text text-3 mob-text-3 -higher">
<?php echo $contact_form['subtitle']; ?>
</p>
</div>
<div class="form-start__wrapper">
<?php
echo do_shortcode('[contact-form-7 id="81725b8"]');
?>
</div>
</div>
<div class="form-complete">
<div class="form-complete__left">
<h2 class="title title-3 mob-title-3">
<?php echo $contact_form['thank_you_title']; ?>
</h2>
<p class="text text-3 mob-text-3 -higher">
<?php echo $contact_form['thank_you_text']; ?>
</p>
</div>
<div class="form-complete__wrapper">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/form-completed.svg" alt="">
</div>
</div>
</div>
</div>
</section>
</main>
<?php
get_footer();
?>
