/home/bdqbpbxa/demo-subdomains/artcosmetic.goodface.com.ua/wp-content/themes/artcosmetic/about.php
<?php /* Template Name: About */ ?>
<?php get_header(); ?>
<div class="about">
<div class="container">
<div class="breadcrumbs">
<a href="<?php bloginfo('url'); ?>">
<?php
if ('ru' == pll_current_language()): echo 'Главная'; endif;
if ('uk' == pll_current_language()): echo 'Головна'; endif;
if ('en' == pll_current_language()): echo 'Main'; endif;
?>
</a>
<span><?php the_title(); ?></span>
</div>
<div class="row centered">
<div class="col col-2"></div>
<div class="col col-8">
<div class="intro" style="
<?php
if (!get_field('about-banner-title') || !get_field('about-banner-text')) {
echo 'padding: 0';
}
?>
">
<?php
if (get_field('about-banner-title') || get_field('about-banner-text')) :
?>
<div class="intro-text">
<p class="heading heading1"><?php the_field('about-banner-title'); ?></p>
<p class="text big-text"><?php the_field('about-banner-text'); ?></p>
</div>
<?php
endif;
?>
<div class="intro-image"
style="
<?php
if (!get_field('about-banner-title') || !get_field('about-banner-text')) {
echo 'position: relative; width: 100%; max-height: 100%; transform: none; left:auto; right:auto; top:auto; bottom: auto;';
}
?>
"
>
<img src="<?php the_field('about-banner-image'); ?>" alt="banner" style="
<?php
if (!get_field('about-banner-title') || !get_field('about-banner-text')) {
echo 'display: block; width: 100%; max-height: 100%';
}
?>
">
</div>
</div>
<div class="company">
<p class="heading heading1"><?php the_field('about-company-title'); ?></p>
<div class="text big-text"><?php the_field('about-company-text'); ?></div>
</div>
<div class="certificates">
<p class="heading heading1"><?php the_field('about-certificate-title'); ?></p>
<p class="text big-text"><?php the_field('about-certificate-text'); ?></p>
<div class="slider about-slider">
<?php $slides = get_field('about-slider'); if ($slides): foreach ($slides as $slide): ?>
<div class="slide">
<div class="slide-top">
<img src="<?php echo $slide['about-slide-image']; ?>" alt="certificate">
<a href="#modal-zoom" class="modal-button">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 28c7.18 0 13-5.82 13-13S22.18 2 15 2 2 7.82 2 15s5.82 13 13 13zm0 2c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15zm.464-21.722a1 1 0 0 1 1 1v5.186h5.185a1 1 0 1 1 0 2h-5.185v5.185a1 1 0 1 1-2 0v-5.185H9.278a1 1 0 1 1 0-2h5.186V9.278a1 1 0 0 1 1-1z" fill="#fff"/>
</svg>
</a>
</div>
<div class="slide-bottom">
<p class="heading heading2"><?php echo $slide['about-slide-title']; ?></p>
</div>
</div>
<?php endforeach; endif; ?>
</div>
</div>
<?php if (get_field('about-article-image')): ?>
<div class="article">
<div class="image">
<img src="<?php the_field('about-article-image'); ?>" alt="image">
</div>
<p class="heading heading1"><?php the_field('about-article-title'); ?></p>
<p class="info with-line"><span class="author"><?php the_field('about-article-author'); ?></span></p>
<div class="product-content">
<?php the_field('about-article-content'); ?>
</div>
</div>
<?php endif; ?>
<div class="form">
<div class="form-visible">
<p class="heading heading1">
<?php
if ('ru' == pll_current_language()): the_field('global-form-title', 'option'); endif;
if ('uk' == pll_current_language()): the_field('global-form-title-uk', 'option'); endif;
if ('en' == pll_current_language()): the_field('global-form-title-en', 'option'); endif;
?>
</p>
<p class="text small-text">
<?php
if ('ru' == pll_current_language()): the_field('global-form-text', 'option'); endif;
if ('uk' == pll_current_language()): the_field('global-form-text-uk', 'option'); endif;
if ('en' == pll_current_language()): the_field('global-form-text-en', 'option'); endif;
?>
</p>
<?php
if ('ru' == pll_current_language()): echo do_shortcode('[contact-form-7 id="28"]'); endif;
if ('uk' == pll_current_language()): echo do_shortcode('[contact-form-7 id="522"]'); endif;
if ('en' == pll_current_language()): echo do_shortcode('[contact-form-7 id="523"]'); endif;
?>
</div>
<div class="form-hidden">
<p class="heading heading1">
<?php
if ('ru' == pll_current_language()): the_field('global-message-title', 'option'); endif;
if ('uk' == pll_current_language()): the_field('global-message-title-uk', 'option'); endif;
if ('en' == pll_current_language()): the_field('global-message-title-en', 'option'); endif;
?>
</p>
<p class="text big-text">
<?php
if ('ru' == pll_current_language()): the_field('global-message-text', 'option'); endif;
if ('uk' == pll_current_language()): the_field('global-message-text-uk', 'option'); endif;
if ('en' == pll_current_language()): the_field('global-message-text-en', 'option'); endif;
?>
</p>
<a href="#" class="button continue">
<?php
if ('ru' == pll_current_language()): echo 'Продолжить'; endif;
if ('uk' == pll_current_language()): echo 'Продовжити'; endif;
if ('en' == pll_current_language()): echo 'Continue'; endif;
?>
</a>
</div>
</div>
</div>
<div class="col col-2"></div>
</div>
</div>
</div>
<?php get_footer(); ?>