/home/bdqbpbxa/demo-subdomains/ecosphere.goodface.com.ua/wp-content/themes/ecosphere/contacts.php
<?php
/*
template name: contacts
*/
get_header();
$srcset = get_template_directory_uri() . "/assets/images/lazyload.png";
?>
<?php
$main_container = get_field('main-container');
?>
<section class="contact-cards">
<div class="container">
<div class="contact-cards__inner">
<div class="contact-cards__header">
<?php
if ($main_container['title']) :
?>
<h1 class="title title-1 mob-title-1 animation -onload -swim-top"><?php echo $main_container['title']; ?></h1>
<?php
endif;
if ($main_container['subtitle']) :
?>
<p class="text text-2 mob-text-2 animation -onload -swim-top" data-delay="0.1s">
<?php
echo $main_container['subtitle'];
?>
</p>
<?php
endif;
?>
</div>
<div class="animation -onload -swim-top" data-delay="0.2s">
<?php get_template_part('template-parts/contacts-card'); ?>
</div>
</div>
</div>
</section>
<?php
get_template_part('template-parts/for-partners');
?>
<?php
get_template_part('template-parts/form');
?>
<?php
$learn_more_container = get_field('learn-more-text-container');
if ($learn_more_container['title']) :
?>
<section class="more-about">
<div class="more-about__top-wave --noise-bg">
<svg class="svg-wave" xmlns="http://www.w3.org/2000/svg">
<clipPath
id="more-about__top-wave"
clipPathUnits="objectBoundingBox"
>
<path
d="M0.042,0.141 L0,0.072 V1 H1 V0.214 L0.958,0.141 C0.917,0.072,0.833,-0.074,0.75,0.045 C0.667,0.164,0.583,0.477,0.5,0.596 C0.417,0.715,0.333,0.641,0.25,0.499 L0.25,0.499 C0.167,0.356,0.083,0.214,0.042,0.141"
></path>
</clipPath>
</svg>
</div>
<div class="more-about__inner --noise-bg">
<div class="container animation -swim-top">
<div class="more-about__text">
<h2 class="title title-2 mob-title-2">
<?php echo $learn_more_container['title']; ?>
</h2>
<?php
if ($learn_more_container['text']) :
?>
<div class="text text-2 mob-text-2">
<?php
echo $learn_more_container['text'];
?>
</div>
<?php
endif;
?>
</div>
<div class="more-about__blocks">
<?php
$our_production = get_field('our-production');
if ($our_production['title']) :
?>
<div class="more-about__block -small">
<?php
if ($our_production['img']):
?>
<img class="--lazyload" srcset="<?php echo $srcset; ?>" src="<?php echo $our_production['img']['url']; ?>" alt="<?php echo $our_production['img']['alt']; ?>" />
<?php
endif;
?>
<h3 class="title text-1 mob-text-1 --extrabold">
<?php echo $our_production['title']; ?>
</h3>
<?php
$product_button = getLink($our_production['button']);;
if ($product_button['displayed']):
?>
<div class="button-container -center">
<a
href="<?php echo $product_button['url']; ?>"
class="default-button text-3 mob-text-3 -rectangular"
>
<?php echo $product_button['title']; ?>
</a>
</div>
<?php
endif;
?>
</div>
<?php
endif;
?>
<?php
$our_products = get_field('our-products');
if ($our_products['title']) :
?>
<div class="more-about__block -large">
<?php
if ($our_products['img']):
?>
<img class="--lazyload" srcset="<?php echo $srcset; ?>" src="<?php echo $our_products['img']['url']; ?>" alt="<?php echo $our_products['img']['alt']; ?>" />
<?php
endif;
?>
<h3 class="title text-1 mob-text-1 --extrabold">
<?php echo $our_products['title']; ?>
</h3>
<?php
$product_button = getLink($our_products['button']);;
if ($product_button['displayed']):
?>
<div class="button-container -center">
<a
href="<?php echo $product_button['url']; ?>"
class="default-button text-3 mob-text-3 -rectangular"
>
<?php echo $product_button['title']; ?>
</a>
</div>
<?php
endif;
?>
</div>
<?php
endif;
?>
</div>
</div>
</div>
<div class="more-about__bottom-wave --noise-bg">
<svg class="svg-wave" xmlns="http://www.w3.org/2000/svg">
<clipPath
id="more-about__bottom-wave"
clipPathUnits="objectBoundingBox"
>
<path
d="M0.958,0.93 L1,1 V0 H0 V0.715 L0.042,0.788 C0.083,0.857,0.167,1,0.25,0.884 C0.333,0.764,0.417,0.523,0.5,0.404 C0.582,0.286,0.665,0.427,0.747,0.568 L0.75,0.573 L0.75,0.573 C0.833,0.715,0.917,0.858,0.958,0.93"
></path>
</clipPath>
</svg>
</div>
</section>
<?php
endif;
?>
<?php
get_footer();
?>