51 lines
1.9 KiB
PHP
51 lines
1.9 KiB
PHP
<header id="masthead" style="background-image: url(<?= get_header_image() ?>)" class="home">
|
|
<div class="video-container">
|
|
<video autoplay muted loop src="<?= get_field('video_header', 'option') ?>"></video>
|
|
</div>
|
|
|
|
<div class="header-cointainer">
|
|
<nav class="container p-4 2xl:mx-auto flex flex-wrap items-center self-start">
|
|
<div class="flex-1 flex justify-between items-center">
|
|
<a href="<?= get_home_url() ?>" class="flex text-lg font-semibold">
|
|
<img src="<?= get_field('logo_home', 'option') ?>" alt="<?= get_bloginfo('name') ?>">
|
|
</a>
|
|
</div>
|
|
<label for="menu-toggle" class="cursor-pointer lg:hidden block">
|
|
<svg
|
|
class="fill-current text-white"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
>
|
|
<title>menu</title>
|
|
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
|
|
</svg>
|
|
</label>
|
|
<input class="hidden" type="checkbox" id="menu-toggle"/>
|
|
<div class="hidden lg:flex lg:items-center lg:w-auto w-full" id="menu">
|
|
<nav id="site-navigation" aria-label="
|
|
<?php esc_attr_e('Main Navigation', 'valier'); ?>"
|
|
class="has-small-font-size uppercase has-cinzel-font-family flex items-center gap-6">
|
|
<?php
|
|
wp_nav_menu(
|
|
array(
|
|
'theme_location' => 'menu-primary',
|
|
'container' => false,
|
|
'menu_id' => 'menu-primary',
|
|
'items_wrap' => '<ul id="%1$s" class="%2$s text-xl text-center items-center pt-4 md:gap-x-4 lg:text-lg lg:flex lg:pt-0 gap-6 text-white" aria-label="submenu">%3$s</ul>',
|
|
)
|
|
);
|
|
?>
|
|
|
|
</nav>
|
|
</div>
|
|
<a href="<?= get_field('linkedin_link', 'option') ?>" target="_blank">
|
|
<img src="<?= get_field('abrevitura_de_linkedin', 'option') ?>" alt="Linkedin" class="linkedin hidden lg:block ">
|
|
</a>
|
|
</nav>
|
|
|
|
<h1 class="self-start justify-self-center has-extreme-font-size has-white-color has-cinzel-font-family uppercase "><?= get_the_title() ?></h1>
|
|
</div>
|
|
</header>
|