File: /var/www/vcz/wp-content/themes/volonteka/header-static.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="<?= THEMEROOT ?>/frontend/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?= THEMEROOT ?>/frontend/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?= THEMEROOT ?>/frontend/img/favicon/favicon-16x16.png">
<title>
<?= wp_title() ?>
</title>
<?php wp_head(); ?>
<link href="<?= THEMEROOT . 'frontend/css/styles.css' ?>" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap" rel="stylesheet">
<?php
$html = '<script type="text/javascript">';
$html .= 'var ajaxurl = "' . admin_url('admin-ajax.php') . '";';
$html .= 'var themeurl = "' . get_template_directory_uri() . '";';
$html .= 'var siteurl = "' . get_site_url() . '";';
$html .= '</script>';
echo $html;
?>
</head>
<body <?php body_class(); ?> id="<?php the_ID() ?>">
<header class="site-header headroom">
<!-- <div class="container-fluid"> -->
<div class="site-header__wrap">
<a href="http://localhost/volonteka" class="site-header__logo">
<picture>
<source media="(min-width:992px)" srcset="<?= THEMEROOT ?>/frontend/img/volonteka-logo.png">
<img class="site-header__logo-img" src="<?= THEMEROOT ?>/frontend/img/volonteka-logo-mobile.png" alt="Volonteka logo">
</picture>
</a>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<nav class="site-header__nav">
<ul class="site-header__main-nav">
<!-- li element gets active class for current active page -->
<li class="site-header__item active">
<a href="#" class="site-header__link">Početna</a>
</li>
<li class="site-header__item dropdown">
<a href="#" class="site-header__link">O nama</a>
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="http://localhost/volonteka/team" class="site-header__submenu__link">VCZ tim</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Misija, vizija i vrijednosti</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Organizacijska struktura</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Naš dosadašnji rad</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Godišnji izvještaji i planovi</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Izdavaštvo</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Kontakt</a>
</li>
</ul>
</li>
<li class="site-header__item dropdown">
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<a href="#" class="site-header__link">Informiramo</a>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 1</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 2</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 3</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 4</a>
</li>
</ul>
</li>
<li class="site-header__item dropdown">
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<a href="#" class="site-header__link">Promoviramo</a>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 1</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 2</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 3</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 4</a>
</li>
</ul>
</li>
<li class="site-header__item dropdown">
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<a href="#" class="site-header__link">Educiramo</a>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 1</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 2</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 3</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 4</a>
</li>
</ul>
</li>
<li class="site-header__item dropdown">
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<a href="#" class="site-header__link">Zagovaramo</a>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 1</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 2</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 3</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 4</a>
</li>
</ul>
</li>
<li class="site-header__item dropdown">
<div class="dropdown__btn">
<svg class="icon-arrow-right-small">
<use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
</svg>
</div>
<a href="#" class="site-header__link">Volontiramo</a>
<ul class="site-header__submenu">
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 1</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 2</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 3</a>
</li>
<li class="site-header__submenu__item">
<a href="#" class="site-header__submenu__link">Submenu item 4</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- </div> -->
</header>