/home/bdqbpbxa/demo-subdomains/u-pod.goodface.com.ua/wp-content/themes/upod/header.php
<!DOCTYPE html>
<html lang="ru">
<head id="head">
<?php
$lang = pll_current_language();
?>
<title>
<?php echo wp_get_document_title(); ?>
</title>
<meta charset="utf-8">
<!-- <script>
let head = document.getElementById('head');
let animationStyle = document.createElement('link');
animationStyle.setAttribute('rel', 'stylesheet');
animationStyle.setAttribute('type', 'text/css');
animationStyle.setAttribute('href', 'css/animations.css');
head.append(animationStyle);
</script> -->
<!-- mobile -->
<meta name="viewport" content="width=device-width">
<meta name="format-detection" content="telephone=no">
<meta property="og:url" content="https://upod.com.ua/wp/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Upod">
<meta property="og:image:type" content="images/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="UPOD">
<meta property="og:description" content="Электронные сигареты нового поколения">
<meta property="og:image" content="img/opengraph.png">
<style>
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
background: #0B0C0D;
}
.preloader__inner {
display: flex;
align-items: center;
justify-content: center;
width: calc(100vw - 40px);
}
.preloader__logo {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 42px;
}
.preloader__logo img {
height: 100%;
width: auto;
}
.preloader__logo svg {
position: absolute;
top: 50%;
left: 50%;
width: 130%;
height: auto;
-webkit-transform: translate3d(-50%, -57%, 0);
transform: translate3d(-50%, -57%, 0);
opacity: 0;
}
.preloader.animate .preloader__logo svg {
opacity: 1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.preloader.animate .preloader__logo svg path {
stroke-dasharray: 787, 787;
-webkit-transition: 1s;
transition: 1s;
}
</style>
<meta name="robots" content="noindex">
<?php
wp_head();
?>
</head>
<body>
<div style="display: none" class="preloader">
<div class="preloader__inner">
<div class="preloader__logo">
<img
<?php
$upod_logo = get_field('upod_logo', 'option');
?>
src="<?php echo $upod_logo['url']?>"
alt="<?php echo $upod_logo['alt']?>"
>
<svg width="361" height="90" viewBox="0 0 361 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="line"
d="M185.003 15.0851C223.192 13.9923 285.989 16.1156 324.5 27.9592C345.138 34.3061 358.801 43.4447 357.964 56.3758C356.465 79.5158 276.641 87.5795 193.5 86.9679C110.193 86.3552 23.5549 77.0326 9.04394 65.4395C-2.92157 55.8801 1.95733 41.111 32 28.3279C52.9672 19.4063 86.1911 11.4521 134.5 6.91118C157.737 4.72696 184.464 3.33249 214.996 3"
stroke="url(#preloader-svg)" stroke-width="6" stroke-linecap="round" stroke-dasharray="0, 787"/>
<defs>
<linearGradient id="preloader-svg" x1="5.0447" y1="2.99997" x2="358.244" y2="87.4298"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#F7186D"/>
<stop offset="0.505208" stop-color="#FFBE41"/>
<stop offset="1" stop-color="#D2F500"/>
</linearGradient>
</defs>
</svg>
</div>
</div>
</div>
<script>
let getPreloader = document.getElementsByClassName('preloader');
getPreloader[0].classList.add('active');
getPreloader[0].style.display = 'flex';
</script>
<header class="header">
<div class="container">
<div class="header-content">
<div class="header__left-block">
<a href="<?php echo get_home_url();?>" class="main-logo">
<img
<?php
$upod_logo = get_field('upod_logo', 'option');
?>
src="<?php echo $upod_logo['url']?>"
alt="<?php echo $upod_logo['alt']?>"
>
</a>
<div class="hamburger">
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="header__nav-block">
<ul class="header__nav-list">
<li>
<div class="header-dropdown-box">
<div class="header__nav-link header-dropdown">
<?php
$brand_title = 'brand_title-' . $lang;
the_field($brand_title , 'option');
?>
<!-- Бренды -->
<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.8001 0.600098L6.0001 3.7501L10.2001 0.600098L11.4001 2.2001L6.0001 6.2501L0.600098 2.2001L1.8001 0.600098Z"
fill="white"/>
</svg>
</div>
<div class="header-dropdown__list -logo">
<div class="header-dropdown__list-content">
<?php
$posts = get_posts( array(
'numberposts' => -1,
'post_type' => 'brand',
) );
foreach( $posts as $post ):
setup_postdata($post);
?>
<a href="<?php echo get_permalink($post);?>">
<img
<?php
$upod_logo = get_field('brand_logo');
?>
src="<?php echo $upod_logo['url']?>"
alt="<?php echo $upod_logo['alt']?>"
>
</a>
<?php
endforeach;
wp_reset_postdata();
?>
</div>
</div>
</div>
</li>
<?php
$center_title = 'center_title-' . $lang;
$center_title_option = get_field($center_title, 'option');
if ($center_title_option['link'] && $center_title_option['text']):
?>
<li>
<a href="<?php echo $center_title_option['link']?>" class="header__nav-link">
<?php echo $center_title_option['text']?>
</a>
</li>
<?php
endif;
?>
<li>
<div class="header-dropdown-box">
<div class="header__nav-link header-dropdown">
<?php
$contact_title = 'contact_title-' . $lang;
the_field($contact_title, 'option');
?>
<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.8001 0.600098L6.0001 3.7501L10.2001 0.600098L11.4001 2.2001L6.0001 6.2501L0.600098 2.2001L1.8001 0.600098Z"
fill="white"/>
</svg>
</div>
<div class="header-dropdown__list -contacts">
<ul class="header-dropdown__list-content">
<?php
$phones = 'phones-' . $lang;
$phones_obj = get_field($phones, 'option');
foreach($phones_obj as $item):
?>
<li>
<p class="text">
<?php echo $item['title']?>:
</p>
<a href="tel:<?php echo get_phone_url($item['phone'])?>">
<?php echo $item['phone']?>
</a>
</li>
<?php endforeach;?>
<?php
$mails = 'mails-' . $lang;
$mails_obj = get_field($mails, 'option');
foreach($mails_obj as $item):
?>
<li>
<p class="text">
<?php echo $item['title']?>:
</p>
<a href="mailto:<?php echo $item['mail']?>">
<?php echo $item['mail']?>
</a>
</li>
<?php endforeach;?>
</ul>
</div>
</div>
</li>
</ul>
<div class="header__right-block">
<div class="social-block">
<?php
if(get_field('instagram', 'option')):
?>
<a href="<?php the_field('instagram', 'option')?>" target="_blank">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.99731 6.66525C8.16111 6.66525 6.66262 8.16376 6.66262 10C6.66262 11.8362 8.16111 13.3348 9.99731 13.3348C11.8335 13.3348 13.332 11.8362 13.332 10C13.332 8.16376 11.8335 6.66525 9.99731 6.66525ZM19.9989 10C19.9989 8.61907 20.0114 7.25064 19.9338 5.87221C19.8563 4.27113 19.4911 2.85017 18.3203 1.67938C17.147 0.506085 15.7286 0.14334 14.1275 0.065788C12.7466 -0.0117644 11.3782 0.000744113 9.99981 0.000744113C8.61891 0.000744113 7.25051 -0.0117644 5.8721 0.065788C4.27105 0.14334 2.85012 0.508587 1.67935 1.67938C0.506076 2.85267 0.143338 4.27113 0.0657868 5.87221C-0.0117642 7.25314 0.000744099 8.62157 0.000744099 10C0.000744099 11.3784 -0.0117642 12.7494 0.0657868 14.1278C0.143338 15.7289 0.508578 17.1498 1.67935 18.3206C2.85262 19.4939 4.27105 19.8567 5.8721 19.9342C7.25301 20.0118 8.62141 19.9993 9.99981 19.9993C11.3807 19.9993 12.7491 20.0118 14.1275 19.9342C15.7286 19.8567 17.1495 19.4914 18.3203 18.3206C19.4936 17.1473 19.8563 15.7289 19.9338 14.1278C20.0139 12.7494 19.9989 11.3809 19.9989 10ZM9.99731 15.131C7.15795 15.131 4.86644 12.8394 4.86644 10C4.86644 7.16058 7.15795 4.86903 9.99731 4.86903C12.8367 4.86903 15.1282 7.16058 15.1282 10C15.1282 12.8394 12.8367 15.131 9.99731 15.131ZM15.3383 5.8572C14.6754 5.8572 14.14 5.32184 14.14 4.65889C14.14 3.99594 14.6754 3.46058 15.3383 3.46058C16.0013 3.46058 16.5366 3.99594 16.5366 4.65889C16.5368 4.81631 16.5059 4.97222 16.4458 5.1177C16.3856 5.26317 16.2974 5.39535 16.1861 5.50666C16.0748 5.61798 15.9426 5.70624 15.7971 5.76639C15.6516 5.82654 15.4957 5.8574 15.3383 5.8572Z"
fill="white"/>
</svg>
</a>
<?php
endif;
if(get_field('fb', 'option')):
?>
<a href="<?php the_field('fb', 'option')?>" target="_blank">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.0005 10.0615C20.0005 4.50402 15.523 -0.000976562 10.0005 -0.000976562C4.47555 0.000273438 -0.00195312 4.50402 -0.00195312 10.0628C-0.00195312 15.084 3.65555 19.2465 8.43555 20.0015V12.9703H5.89805V10.0628H8.43805V7.84402C8.43805 5.32277 9.9318 3.93027 12.2155 3.93027C13.3105 3.93027 14.4543 4.12652 14.4543 4.12652V6.60152H13.193C11.9518 6.60152 11.5643 7.37777 11.5643 8.17402V10.0615H14.3368L13.8943 12.969H11.563V20.0003C16.343 19.2453 20.0005 15.0828 20.0005 10.0615Z"
fill="white"/>
</svg>
</a>
<?php
endif;
if(get_field('tiktok', 'option')):
?>
<a href="<?php the_field('tiktok', 'option')?>" target="_blank" class="tiktok">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="10" fill="white"/>
<path
d="M16 8.74118C14.8204 8.74406 13.6697 8.36854 12.7106 7.66767V12.5558C12.7102 13.4611 12.4392 14.3448 11.9336 15.0886C11.428 15.8324 10.712 16.4009 9.88133 16.7182C9.05067 17.0354 8.14493 17.0862 7.28522 16.8637C6.42552 16.6413 5.65283 16.1562 5.07047 15.4734C4.48812 14.7906 4.12385 13.9426 4.02638 13.0427C3.92892 12.1429 4.10289 11.2341 4.52505 10.4379C4.94721 9.64173 5.59743 8.99608 6.38876 8.5873C7.1801 8.17852 8.07483 8.02609 8.95331 8.15041V10.609C8.55132 10.4799 8.11964 10.4838 7.71994 10.6201C7.32024 10.7564 6.97294 11.0181 6.72766 11.3679C6.48237 11.7177 6.35163 12.1377 6.35411 12.5678C6.3566 12.998 6.49217 13.4164 6.74148 13.7632C6.99078 14.11 7.34107 14.3676 7.74232 14.4991C8.14357 14.6305 8.57526 14.6292 8.97574 14.4953C9.37622 14.3614 9.72501 14.1018 9.9723 13.7535C10.2196 13.4051 10.3527 12.986 10.3527 12.5558V3H12.7106C12.7089 3.20325 12.7256 3.40623 12.7604 3.60636C12.8423 4.05313 13.0127 4.47814 13.261 4.8554C13.5094 5.23265 13.8306 5.55422 14.2048 5.80044C14.7373 6.15985 15.3616 6.35142 16 6.35128V8.74118Z"
fill="#0B0C0D"/>
</svg>
</a>
<?php
endif;
if(get_field('youtube', 'option')):
?>
<a href="<?php the_field('youtube', 'option')?>" target="_blank">
<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.4346 2.8242C26.2818 2.27917 25.984 1.78573 25.573 1.39634C25.1504 0.994965 24.6324 0.707855 24.068 0.562105C21.9555 0.00557517 13.4921 0.00557529 13.4921 0.00557529C9.96385 -0.0345481 6.43644 0.141925 2.9298 0.533997C2.36534 0.690515 1.84833 0.984041 1.42475 1.38847C1.00856 1.78872 0.707099 2.28229 0.54962 2.82308C0.171326 4.86002 -0.0124755 6.92829 0.000694238 8.99999C-0.0128039 11.0698 0.170546 13.1374 0.54962 15.1769C0.703725 15.7155 1.00406 16.2068 1.42138 16.6037C1.8387 17.0005 2.35838 17.2872 2.9298 17.439C5.07039 17.9944 13.4921 17.9944 13.4921 17.9944C17.0249 18.0346 20.5568 17.8581 24.068 17.466C24.6324 17.3202 25.1504 17.0331 25.573 16.6318C25.9892 16.2349 26.285 15.7413 26.4335 15.2039C26.8217 13.1677 27.0104 11.0986 26.9971 9.02585C27.0263 6.94432 26.8378 4.86544 26.4346 2.82308V2.8242ZM10.8015 12.8496V5.15151L17.843 9.00112L10.8015 12.8496Z"
fill="white"/>
</svg>
</a>
<?php
endif;
?>
</div>
<div class="button-container">
<?php
$where_button = 'where_button-' . $lang;
$where_button_obj = get_field($where_button, 'option');
?>
<a href="<?php echo $where_button_obj['url']?>" class="button">
<?php echo $where_button_obj['title']?>
</a>
</div>
</div>
</div>
</div>
</div>
</header>