/home/bdqbpbxa/demo-subdomains/baginskiy2.goodface.com.ua/wp-content/themes/baginskiy/header.php
<!doctype html>
<html <?php language_attributes(); ?> class="hidden-scroll">
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo wp_get_document_title(); ?></title>
<style>
.preloader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: white;
z-index: 1000;
opacity: 1;
pointer-events: auto;
transition: opacity .25s ease-out;
-webkit-transition: opacity .25s ease-out;
}
.preloader.hide {
opacity: 0;
pointer-events: none;
}
.preloader svg {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
#third {
opacity: 0;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
#third.show {
opacity: 1;
}
</style>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
<script>
$(function() {
// $('.preloader').find('path').not(':first').each(function() {
// var pathLength = $(this).get(0).getTotalLength();
// $(this).attr('data-length', pathLength);
// $(this).attr('stroke-dasharray', pathLength);
// $(this).attr('stroke-dashoffset', pathLength);
// });
$('.preloader').find('path').not(':first').each(function() {
$(this).animate({'stroke-dashoffset': 0}, 1500);
});
$('.preloader').find('path').first().delay(1250).queue(function() {
$('.preloader').find('path').first().addClass('show');
$('.preloader').find('path').first().dequeue();
});
});
</script>
</head>
<body <?php body_class(); ?>>
<div class="preloader">
<svg width="66.3" height="43.8" viewBox="0 0 66.3 43.8" xmlns="http://www.w3.org/2000/svg">
<path id="third" d="M64.2,41.4l0.8-1.1" fill="none" stroke="#2A2A2A" stroke-width="2" stroke-linecap="round"/>
<path id="second" d="M35.9,42.1L34.4,1l17.7,13.6l-20.7,9l27.1,13.3L35.9,42.1z" fill="none" stroke="#2A2A2A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="139.39901733398438" stroke-dashoffset="139.39901733398438"/>
<path id="first" d="M5.7,42.6L4.2,1l20,12.8l-23,9.8l27.4,17.1" fill="none" stroke="#2A2A2A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="122.6712875366211" stroke-dashoffset="122.6712875366211"/>
</svg>
</div>
<div class="frame frame-outer"></div>
<div class="frame frame-inner"></div>
<div class="sidebar">
<div class="sidebar-underlay"></div>
<div class="sidebar-inner">
<a href="#" class="sidebar-close">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" enable-background="new 0 0 612 612">
<polygon fill="#2a2a2a" points="612,36.004 576.521,0.603 306,270.608 35.478,0.603 0,36.004 270.522,306.011 0,575.997 35.478,611.397 306,341.411 576.521,611.397 612,575.997 341.459,306.011"/>
</svg>
</a>
<div class="cart-info"><span>Cart (</span><span class="counter"><?php echo WC()->cart->get_cart_contents_count(); ?></span><span>)</span></div>
<div class="cart-content">
<?php woocommerce_mini_cart(); ?>
</div>
</div>
</div>
<div class="header">
<div class="container">
<div class="left-part">
<a href="#" class="navicon">
<span></span>
</a>
<?php the_custom_logo(); ?>
</div>
<div class="right-part">
<div class="cart-block">
<a href="#" class="cart-icon">
<svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 11H29.5L31.5 34H23M25 11L23 34M25 11H3.5L1.5 34H23" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11 5.5C11 3.01472 13.0147 1 15.5 1V1C17.9853 1 20 3.01472 20 5.5V11H11V5.5Z" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 5.5C15 3.01472 17.0147 1 19.5 1V1C21.9853 1 24 3.01472 24 5.5V11H15V5.5Z" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="tick" d="M9.5 23L12 27L19 16.5" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="wrapper">
<?php if (is_front_page()): ?>
<div class="slider-block">
<div class="slider">
<?php $slides = get_field('main-slider'); ?>
<?php if ($slides): ?>
<?php foreach ($slides as $slide): ?>
<div style="background-image: url('<?php echo $slide['url']; ?>');"></div>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<div class="container">
<div class="row">
<div class="col-3">
<div class="nav main-nav">
<?php
wp_nav_menu(array(
'theme_location' => 'main',
'menu' => '',
'container' => false,
'container_class' => '',
'container_id' => '',
'menu_class' => '',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul class="%2$s">%3$s</ul>',
'depth' => 0
));
?>
</div>
</div>
<div class="col-9">