/home/bdqbpbxa/demo-subdomains/artcosmetic.goodface.com.ua/wp-content/themes/artcosmetic/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="it-rating" content="it-rat-2deb99b41ffc4b12e48a7983e0a76a91">
<title><?php echo wp_get_document_title(); ?></title>
<style>
.preloader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
z-index: 1000;
opacity: 1;
visibility: visible;
transition: opacity .25s ease, visibility .25s ease;
-webkit-transition: opacity .25s ease, visibility .25s ease;
}
.preloader .circle {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.preloader .circle svg {
-webkit-animation: preloader 1s infinite linear;
animation: preloader 1s infinite linear;
}
@keyframes preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.preloader.stop {
opacity: 0;
visibility: hidden;
}
</style>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="preloader">
<div class="circle">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24" cy="24" r="23" stroke="#F1F3F6" stroke-width="2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24a1 1 0 1 0 2 0A22 22 0 0 1 24 2a1 1 0 1 0 0-2A24 24 0 0 0 0 24zm48 0a1 1 0 1 0-2 0 22 22 0 0 1-22 22 1 1 0 1 0 0 2 24 24 0 0 0 24-24z" fill="#C51E58"/>
</svg>
</div>
</div>
<div class="header">
<div class="container flex-container">
<a href="#modal-menu" class="navicon modal-button">
<span></span>
</a>
<div class="left">
<?php the_custom_logo(); ?>
<?php wp_nav_menu(array('theme_location' => 'header-menu', 'container' => false, 'menu_class' => 'menu', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'items_wrap' => '<ul class="%2$s">%3$s</ul>', 'depth' => 0)); ?>
</div>
<div class="right">
<a href="#modal-contact" class="phone-icon modal-button">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="19" stroke="#353535" stroke-width="2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.6 29.919a4 4 0 0 1-4.474-.93l-.49-.517a24.001 24.001 0 0 1-6.414-13.757l-.082-.707a4 4 0 0 1 2.163-4.024v-.002l2.24-1.044a1.698 1.698 0 0 1 2.39 1.244l.678 3.848a1.833 1.833 0 0 1-1.488 2.124l-1.187.21a7.993 7.993 0 0 0 3.468 7.438l.924-.775a1.833 1.833 0 0 1 2.583.226l2.512 2.993a1.698 1.698 0 0 1-.583 2.63l-.578.27-1.54.718-.011.005-.11.052-.002-.002z" fill="#353535"/>
<path d="M9.707 31.213l20.506-20.506L28.8 9.293 8.293 29.799l1.414 1.414zm21.26-1.414L10.46 9.293l-1.414 1.414 20.506 20.506 1.414-1.414z" fill="#353535"/>
</svg>
</a>
<a href="mailto:<?php the_field('global-email', 'option'); ?>" class="link external-link email"><?php the_field('global-email', 'option'); ?></a>
<div class="dropdown">
<a href="#" class="dropdown-label">
<svg width="15" height="24" viewBox="0 0 15 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<clipPath id="phone">
<path fill="#fff" d="M0 0h15v24H0z"/>
</clipPath>
</defs>
<g clip-path="url(#phone)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.638 21.919a4 4 0 0 1-4.474-.93l-.49-.517A24 24 0 0 1 .26 6.716l-.081-.708a4 4 0 0 1 2.163-4.024v-.002L4.58.938a1.698 1.698 0 0 1 2.39 1.244l.678 3.848a1.833 1.833 0 0 1-1.487 2.124l-1.188.21a7.993 7.993 0 0 0 3.469 7.438l.924-.775a1.833 1.833 0 0 1 2.582.226l2.512 2.993a1.698 1.698 0 0 1-.583 2.63l-.578.27-1.54.718-.011.005-.11.052-.001-.002z" fill="#C51E58"/>
</g>
</svg>
<span><?php $phones = get_field('global-phones', 'option'); $first_phone = $phones[0]; echo $first_phone['global-phone']; ?></span>
</a>
<ul class="dropdown-list">
<?php if ($phones): foreach ($phones as $phone): ?>
<li>
<a href="tel:<?php $formatted_phone = preg_replace(array('/\s/', '/\-/', '/\(/', '/\)/'), '', $phone['global-phone']); echo $formatted_phone; ?>"><?php echo $phone['global-phone']; ?></a>
</li>
<?php endforeach; endif; ?>
</ul>
</div>
</div>
</div>
</div>