/home/bdqbpbxa/demo-subdomains/admin-example.goodface.com.ua/wp-content/themes/example/contact.php
<?php
// Template name: Contact
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
$title = get_field('title');
$subtitle = get_field('subtitle');
$email = get_field('e-mail');
$text_under_email = get_field('text_under_e-mail');
?>
<section class="section-contact" data-animate-group="list" data-offset="0">
<div class="container">
<div class="wrapper-contact">
<div class="wrapper__left-contact">
<?php
if ($title) :
?>
<h1 class="title-1 mob-title-1 title --red-dot" data-animate="word" data-index="1">
<?php echo $title; ?>
</h1>
<?php
endif;
if ($subtitle) :
?>
<p class="text text-2 mob-text-2 --light" data-animate="fade" data-index="1">
<?php echo $subtitle; ?>
</p>
<?php
endif;
?>
<div class="contact-pc" data-animate="fade" data-index="1">
<?php
if ($email) :
?>
<?php
$global_texts = get_field('mail_copied', 'option');
?>
<div class="copy-link link title-3 mob-title-3" data-copied-text="<?php echo $global_texts; ?>" data-copy="<?php echo $email; ?>">
<?php echo $email; ?>
</div>
<?php
endif;
if ($text_under_email) :
?>
<p class="text text-2 mob-text-2 --light">
<?php echo $text_under_email; ?>
</p>
<?php
endif;
?>
</div>
<div class="img animated-small-cube" data-animate="fade" data-index="1">
<svg width="199" height="229" viewBox="0 0 199 229" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M99.4371 228V171.146L148.656 142.718V199.573L99.4371 228Z" fill="#F1F1F1" />
<path d="M197.874 114.291V171.146L148.656 199.573V142.718L197.874 114.291Z" fill="#F1F1F1" />
<path d="M148.656 142.718V85.8643L197.874 114.291L148.656 142.718Z" fill="#F1F1F1" />
<path d="M99.4371 228L50.2186 199.573V142.718L99.4371 171.146V228Z" fill="#F1F1F1" />
<path d="M50.2186 199.573L1.00012 171.146V114.291L50.2186 142.718V199.573Z" fill="#F1F1F1" />
<path
d="M50.2186 199.573L1.00012 171.146V114.291L50.2186 142.718M50.2186 199.573L99.4371 228M50.2186 199.573V142.718M99.4371 228V171.146M99.4371 228L148.656 199.573M50.2186 142.718L99.4371 171.146M99.4371 171.146L148.656 142.718M197.874 114.291V171.146L148.656 199.573M197.874 114.291L148.656 142.718M197.874 114.291L148.656 85.8643V142.718M148.656 199.573V142.718"
stroke="#BBBBBB" />
<path d="M148.656 29.0072L99.4373 57.4342L50.2188 29.0072L99.4373 0.580078L148.656 29.0072Z"
fill="#F1F1F1" />
<path d="M50.2188 29.0072L99.4373 57.4342V114.288L50.2188 85.8613V29.0072Z" fill="#F1F1F1" />
<path d="M99.4373 57.4342L148.656 29.0072V85.8613L99.4373 114.288V57.4342Z" fill="#F1F1F1" />
<path
d="M148.656 29.0072L99.4373 57.4342M148.656 29.0072L99.4373 0.580078L50.2188 29.0072M148.656 29.0072V85.8613L99.4373 114.288M99.4373 57.4342L50.2188 29.0072M99.4373 57.4342V114.288M50.2188 29.0072V85.8613L99.4373 114.288"
stroke="#BBBBBB" />
<path d="M99.4399 57.4369L50.2215 85.8639L1.00299 57.4369L50.2215 29.0098L99.4399 57.4369Z"
fill="#F1F1F1" />
<path d="M1.00299 57.4369L50.2215 85.8639V142.718L1.00299 114.291V57.4369Z" fill="#F1F1F1" />
<path d="M50.2215 85.8639L99.4399 57.4369V114.291L50.2215 142.718V85.8639Z" fill="#F1F1F1" />
<path
d="M99.4399 57.4369L50.2215 85.8639M99.4399 57.4369L50.2215 29.0098L1.00299 57.4369M99.4399 57.4369V114.291L50.2215 142.718M50.2215 85.8639L1.00299 57.4369M50.2215 85.8639V142.718M1.00299 57.4369V114.291L50.2215 142.718"
stroke="#BBBBBB" />
<g class="animated-cube">
<path d="M197.87 57.4369L148.652 85.8639L99.4332 57.4369L148.652 29.0098L197.87 57.4369Z"
fill="#F1F1F1" />
<path d="M99.4332 57.4369L148.652 85.8639V142.718L99.4332 114.291V57.4369Z" fill="#F1F1F1" />
<path d="M148.652 85.8639L197.87 57.4369V114.291L148.652 142.718V85.8639Z" fill="#F1F1F1" />
<path
d="M197.87 57.4369L148.652 85.8639M197.87 57.4369L148.652 29.0098L99.4332 57.4369M197.87 57.4369V114.291L148.652 142.718M148.652 85.8639L99.4332 57.4369M148.652 85.8639V142.718M99.4332 57.4369V114.291L148.652 142.718"
stroke="#ED3B44" />
</g>
<path d="M148.656 85.8641L99.4373 114.291L50.2188 85.8641L99.4373 57.437L148.656 85.8641Z"
fill="#F1F1F1" />
<path d="M50.2188 85.8641L99.4373 114.291V171.145L50.2188 142.718V85.8641Z" fill="#F1F1F1" />
<path d="M99.4373 114.291L148.656 85.8641V142.718L99.4373 171.145V114.291Z" fill="#F1F1F1" />
<path
d="M148.656 85.8641L99.4373 114.291M148.656 85.8641L99.4373 57.437L50.2188 85.8641M148.656 85.8641V142.718L99.4373 171.145M99.4373 114.291L50.2188 85.8641M99.4373 114.291V171.145M50.2188 85.8641V142.718L99.4373 171.145"
stroke="#BBBBBB" />
</svg>
</div>
</div>
<div class="wrapper__right-contact" data-animate="swim-left" data-index="1">
<div class="form -black">
<?php
echo do_shortcode('[contact-form-7 id="788"]');
get_template_part('templates/thank-window');
?>
</div>
<div class="contact-mobile">
<?php
if ($email) :
?>
<a href="mailto:<?php echo $email; ?>" class="link title-3 mob-title-3">
<?php echo $email; ?>
</a>
<?php
endif;
if ($text_under_email) :
?>
<p class="text text-2 mob-text-2 --light">
<?php echo $text_under_email; ?>
</p>
<?php
endif;
?>
</div>
</div>
</div>
</div>
</section>
<?php
get_footer();
?>