<!DOCTYPE html>
<html lang="ukr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1">
<!-- <meta name="format-detection" content="telephone=no"> -->
<title><?php bloginfo('description');?></title>
<?php wp_head(); ?>
<style>
.slider .slick-arrow.slick-prev {
left: 0;
background: url("<?php bloginfo('template_url');?>/assets/img/slider/sl-arrow_l.svg") 0 0/100% no-repeat; }
.slider .slick-arrow.slick-next {
right: 0;
background: url("<?php bloginfo('template_url');?>/assets/img/slider/sl-arrow_r.svg") 0 0/100% no-repeat; }
</style>
</head>
<body>
<div class="wrapper">
<main class="page">
<section class="main_header">
<section class="social">
<div class="container">
<div class="social_items">
<div class="social_items-text"><?php the_field('social_items-text') ?></div>
<div class="social_items-web">
<div class="social_items-web_fb">
<a target="_blank" href="http://fb.com"><img src="<?php bloginfo('template_url');?>/assets/img/header/facebook.svg" alt="" /></a>
</div>
<div class="social_items-web_in">
<a target="_blank" href="#"><img src="<?php bloginfo('template_url');?>/assets/img/header/instagram-sketched.svg" alt="" /></a>
</div>
</div>
</div>
</div>
</section>
<section class="header_section">
<header class="header">
<div class="container">
<div class="header_logo">
<img src="<?php bloginfo('template_url');?>/assets/img/logo.jpg" alt="" />
</div>
<div class="header_menu">
<nav class="main_menu">
<?php wp_nav_menu( array(
'theme_location' => '',
'menu' => '',
'container' => 'ul',
'container_class' => 'menu_list',
'container_id' => '',
'menu_class' => 'menu_list',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
'depth' => 0,
'walker' => '',
) ); ?>
<!-- <ul class="menu_list">
<li>
<a href="#" class="menu__link">Концертний зал</a>
</li>
<li>
<a href="#" class="menu__link">Технічний райдер</a>
</li>
<li>
<a href="#" class="menu__link">Календар подій</a>
</li>
<li>
<a href="#" class="menu__link">Гуртки</a>
</li>
<li>
<a href="#" class="menu__link">Галерея</a>
</li>
<li>
<a href="#" class="menu__link">Контакти</a>
</li>
</ul> -->
</nav>
</div>
</div>
</header>
</section>
<section class="menu-burger">
<div class="headd">
<div class="headd-container">
<div class="headd__body">
<a href="#" class="headd__logo">
<img src="<?php bloginfo('template_url');?>/assets/" alt="" />
</a>
<div class="headd_burger">
<span></span>
</div>
<nav class="headd-menu">
<?php wp_nav_menu( array(
'theme_location' => '',
'menu' => '',
'container' => 'ul',
'container_class' => 'headd__list',
'container_id' => '',
'menu_class' => 'headd__list',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
'depth' => 0,
'walker' => '',
) ); ?>
<!-- <ul class="headd__list">
<li>
<a href="#" class="headd__link">Концертний зал</a>
</li>
<li>
<a href="#" class="headd__link">Технічний райдер</a>
</li>
<li>
<a href="#" class="headd__link">Календар подій</a>
</li>
<li>
<a href="#" class="headd__link">Гуртки</a>
</li>
<li>
<a href="#" class="headd__link">Галерея</a>
</li>
<li>
<a href="#" class="headd__link">Контакти</a>
</li>
</ul> -->
</nav>
</div>
</div>
</div>
</section>
</section> <!-- Конец главной секции --><img src="<?php bloginfo('template_url');?>/assets/img/logo.jpg" alt="" />