/home/bdqbpbxa/demo-subdomains/uvitme.goodface.com.ua/wp-content/themes/uvitme/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="format-detection" content="telephone=no">
<title><?php echo wp_get_document_title(); ?></title>
<style>
.loading {
position: fixed;
width: 100%;
overflow-y: hidden;
}
.preloader {
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: #fff;
z-index: 1000;
opacity: 1;
pointer-events: none;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
.preloader svg {
width: 106px;
height: 106px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(.8);
-webkit-transform: translate(-50%, -50%) scale(.8);
opacity: 1;
border-radius: 5px;
-webkit-border-radius: 5px;
animation: preloader 1s infinite linear;
-webkit-animation: preloader 1s infinite linear;
}
@keyframes preloader {
0%, 100% {
transform: translate(-50%, -50%) scale(.8);
}
50% {
transform: translate(-50%, -50%) scale(1);
}
}
@-webkit-keyframes preloader {
0%, 100% {
-webkit-transform: translate(-50%, -50%) scale(.8);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
}
}
.preloader-hide {
opacity: 0;
}
@media screen and (max-width: 767px) {
.preloader svg {
width: 66px;
height: 66px;
transform: translate(-50%, -50%) scale(.9);
-webkit-transform: translate(-50%, -50%) scale(.9);
}
@keyframes preloader {
0%, 100% {
transform: translate(-50%, -50%) scale(.9);
}
50% {
transform: translate(-50%, -50%) scale(1);
}
}
@-webkit-keyframes preloader {
0%, 100% {
-webkit-transform: translate(-50%, -50%) scale(.9);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
}
}
}
</style>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
</head>
<body class="loading">
<?php global $logo, $phone, $mail, $instagram, $certificates, $offer, $static_frontpage_id;
$logo = get_field('options_logo', 'option');
$phone = get_field('options_phone', 'option');
$mail = get_field('options_mail', 'option');
$instagram = get_field('options_instagram_link', 'option');
$certificates = get_field('options_certificates_file', 'option');
$offer = get_field('options_offer_file', 'option');
$static_frontpage_id = get_option('page_on_front'); ?>
<div class="preloader">
<svg xmlns="http://www.w3.org/2000/svg" width="106" height="106" fill="none" viewBox="0 0 106 106">
<path fill="#D8261E" d="M0 0h106v106H0V0z"/>
<path fill="#fff" d="M43.063 19.875h19.874v23.188h23.188v19.874H62.937v23.188H43.064V62.937H19.875V43.064h23.188V19.875z"/>
</svg>
</div>
<div class="<?php echo (is_single()) ? 'post' : 'page'; ?>">
<div class="hide pop-up-wrapper pop-up-container">
<div class="pop-up-bg"></div>
<div class="js-form-wrapper pop-up" data-triggered="none">
<div class="pop-up-content">
<h2 class="main-section__header h1">
<?php the_field('main_changing_title', $static_frontpage_id); ?>
<div class="change-words">
<?php $words = get_field('main_changing_words', $static_frontpage_id);
if ($words) : foreach ($words as $i => $word) : ?>
<div class="<?php echo $i == 0 ? 'active' : ''; ?>"><?php echo $word['main_changing_word']; ?></div>
<?php endforeach;
endif; ?>
</div>
</h2>
<?php if ('en' == pll_current_language()) : echo do_shortcode('[contact-form-7 id="19"]');
elseif ('uk' == pll_current_language()) : echo do_shortcode('[contact-form-7 id="180"]');
endif; ?>
<div class="close-pop-up">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 23.754C0.855492 23.3635 0.855492 22.7303 1.24602 22.3398L22.3398 1.24602C22.7303 0.855494 23.3635 0.855493 23.754 1.24602C24.1445 1.63654 24.1445 2.26971 23.754 2.66023L2.66023 23.754C2.26971 24.1445 1.63654 24.1445 1.24602 23.754Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 1.24602C1.63654 0.855494 2.26971 0.855494 2.66023 1.24602L23.754 22.3398C24.1445 22.7303 24.1445 23.3635 23.754 23.754C23.3635 24.1445 22.7303 24.1445 22.3398 23.754L1.24602 2.66023C0.855492 2.26971 0.855492 1.63654 1.24602 1.24602Z" fill="black" />
</svg>
</div>
</div>
</div>
</div>
<div class="hide pop-up-wrapper pop-up-container-question">
<div class="pop-up-bg"></div>
<div class="js-form-wrapper pop-up" data-triggered="none">
<div class="pop-up-content">
<h2 class="main-section__header h1">
<?php the_field('main_changing_title', $static_frontpage_id); ?>
<div class="change-words">
<?php $words = get_field('main_changing_words', $static_frontpage_id);
if ($words) : foreach ($words as $i => $word) : ?>
<div class="<?php echo $i == 0 ? 'active' : ''; ?>"><?php echo $word['main_changing_word']; ?></div>
<?php endforeach;
endif; ?>
</div>
</h2>
<?php if ('en' == pll_current_language()) : echo do_shortcode('[contact-form-7 id="20"]');
elseif ('uk' == pll_current_language()) : echo do_shortcode('[contact-form-7 id="181"]');
endif; ?>
<div class="close-pop-up">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 23.754C0.855492 23.3635 0.855492 22.7303 1.24602 22.3398L22.3398 1.24602C22.7303 0.855494 23.3635 0.855493 23.754 1.24602C24.1445 1.63654 24.1445 2.26971 23.754 2.66023L2.66023 23.754C2.26971 24.1445 1.63654 24.1445 1.24602 23.754Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 1.24602C1.63654 0.855494 2.26971 0.855494 2.66023 1.24602L23.754 22.3398C24.1445 22.7303 24.1445 23.3635 23.754 23.754C23.3635 24.1445 22.7303 24.1445 22.3398 23.754L1.24602 2.66023C0.855492 2.26971 0.855492 1.63654 1.24602 1.24602Z" fill="black" />
</svg>
</div>
</div>
</div>
</div>
<div class="hide pop-up-wrapper pop-up-thanks">
<div class="pop-up-bg"></div>
<div class="pop-up">
<div class="pop-up-content">
<h2 class="main-section__header h1">
<?php the_field('main_form_title', $static_frontpage_id); ?>
</h2>
<p class="body-regular pop-up-content__description">
<?php the_field('main_form_text', $static_frontpage_id); ?>
</p>
<div class="pop-up-content__img-block">
<div class="pop-up-content__img">
<img src="<?php the_field('main_form_image', $static_frontpage_id); ?>" alt="">
</div>
<a href="<?php echo $instagram; ?>" target="_blank" class="pop-up-content__btn btn-big__fill">
<p><?php the_field('main_form_button', $static_frontpage_id); ?></p>
</a>
</div>
<div class="close-pop-up">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 23.754C0.855492 23.3635 0.855492 22.7303 1.24602 22.3398L22.3398 1.24602C22.7303 0.855494 23.3635 0.855493 23.754 1.24602C24.1445 1.63654 24.1445 2.26971 23.754 2.66023L2.66023 23.754C2.26971 24.1445 1.63654 24.1445 1.24602 23.754Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.24602 1.24602C1.63654 0.855494 2.26971 0.855494 2.66023 1.24602L23.754 22.3398C24.1445 22.7303 24.1445 23.3635 23.754 23.754C23.3635 24.1445 22.7303 24.1445 22.3398 23.754L1.24602 2.66023C0.855492 2.26971 0.855492 1.63654 1.24602 1.24602Z" fill="black" />
</svg>
</div>
</div>
</div>
</div>
<div class="hide pop-up-wrapper pop-up-video">
<div class="pop-up-bg"></div>
<div class="pop-up">
<div class="pop-up-content">
<video id="video" src="<?php $seventh = get_field('main_seventh', $static_frontpage_id);
echo $seventh['main_seventh_link']; ?>" preload="metadata" controls></video>
<div class="close-pop-up">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.24602 23.754C0.855492 23.3635 0.855492 22.7303 1.24602 22.3398L22.3398 1.24602C22.7303 0.855494 23.3635 0.855493 23.754 1.24602C24.1445 1.63654 24.1445 2.26971 23.754 2.66023L2.66023 23.754C2.26971 24.1445 1.63654 24.1445 1.24602 23.754Z"
fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.24602 1.24602C1.63654 0.855494 2.26971 0.855494 2.66023 1.24602L23.754 22.3398C24.1445 22.7303 24.1445 23.3635 23.754 23.754C23.3635 24.1445 22.7303 24.1445 22.3398 23.754L1.24602 2.66023C0.855492 2.26971 0.855492 1.63654 1.24602 1.24602Z"
fill="black"/>
</svg>
</div>
</div>
</div>
</div>
<header class="header">
<div class="container padding">
<div class="header__left-block">
<a class="header__logo" href="<?php echo home_url(); ?>">
<img src="<?php echo $logo; ?>" alt="">
</a>
<nav class="header__nav">
<?php if (is_single()): ?>
<ul id="header__nav">
<li class="hover"><a href="#fourth-section"><?php if ('uk' == pll_current_language()): echo 'Як це працює'; elseif ('en' == pll_current_language()): echo 'Как это работает'; endif; ?></a></li>
<li class="hover"><a href="#seventh-section"><?php if ('uk' == pll_current_language()): echo 'Аналізи'; elseif ('en' == pll_current_language()): echo 'Анализы'; endif; ?></a></li>
<li class="hover"><a href="#eighth-section"><?php if ('uk' == pll_current_language()): echo 'Склад'; elseif ('en' == pll_current_language()): echo 'Состав'; endif; ?></a></li>
<li class="hover"><a href="#fourteenth-section"><?php if ('uk' == pll_current_language()): echo 'Ціни'; elseif ('en' == pll_current_language()): echo 'Цены'; endif; ?></a></li>
</ul>
<?php else: ?>
<?php wp_nav_menu(array('theme_location' => 'anchor_menu', 'container' => '', 'container_class' => '', 'menu_class' => '', 'menu_id' => 'header__nav')); ?>
<?php endif; ?>
</nav>
</div>
<div class="header__right-block">
<a class="js-gtm header__btn btn-small__border" href="tel:<?php $formattedPhone = preg_replace(array('/\s/', '/\-/', '/\(/', '/\)/'), '', $phone); echo $formattedPhone; ?>" data-label="header" data-event="phone">
<p><?php echo $phone; ?></p>
</a>
<div class="js-gtm header__btn btn-small__fill open-pop-up" data-label="header" data-event="call">
<?php pll_e('Перезвоните мне'); ?>
</div>
</div>
</div>
</header>
<main class="main">