File: /var/www/dinamo-shop/wp-content/themes/dinamo-shop/header-static.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<?php wp_head(); ?>
<?php
$html = '<script type="text/javascript">';
$html .= 'var ajaxurl = "' . admin_url( 'admin-ajax.php' ) . '";';
$html .= 'var themeurl = "' . get_template_directory_uri() . '";';
$html .= '</script>';
echo $html;
?>
<body <?php body_class(); ?> id="<?php the_ID() ?>">
<header>
<div class="container p-relative">
<div class="header-dropdown login-dropdown">
<form>
<div class="collapse show" id="login">
<div class="form-group">
<label class="form-label">Email adresa</label>
<input type="text" class="form-control" name="email" placeholder="Unesite email adresu"/>
</div>
<div class="form-group">
<label class="form-label">Lozinka</label>
<input type="password" class="form-control" name="password" placeholder="Unesite lozinku"/>
</div>
<div class="text-center">
<a href="#" class="btn btn-primary full-width">Prijavite se</a>
<a href="#" class="btn btn-ghost mb-0" data-target="#forgotPass">Zaboravili ste lozinku?</a>
</div>
</div>
<div class="collapse" id="forgotPass">
<div class="form-group">
<label class="form-label">Email adresa</label>
<input type="text" class="form-control" name="email" placeholder="Unesite email adresu"/>
</div>
<div class="text-center">
<a href="#" class="btn btn-primary full-width">Pošaljite</a>
<a href="#" class="btn btn-ghost mb-0" data-target="#login">Povratak na prijavu</a>
</div>
</div>
</form>
</div>
<div class="header-dropdown cart-dropdown order-details">
<ul class="order-details-list mt-0">
<li class="order-details-list-item">
<div class="order-details-list-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<div>
<h4>DRES AWAY 19/20</h4>
<label>Veličina S</label>
<label>Bez tiska</label>
<div class="d-flex flex-wrap align-items-center mt-10">
<div class="form-group quantity small">
<span class="minus">-</span>
<input type="number" class="form-control" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
<a class="margin-left-auto align-self-center"><svg class="icon icon-delete"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-delete"></use></svg></a>
</div>
</li>
<li class="order-details-list-item">
<div class="order-details-list-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<div>
<h4>DRES AWAY 19/20</h4>
<label>Veličina S</label>
<label>Bez tiska</label>
<div class="d-flex flex-wrap align-items-center mt-10">
<div class="form-group quantity small">
<span class="minus">-</span>
<input type="number" class="form-control" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
<a class="margin-left-auto align-self-center"><svg class="icon icon-delete"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-delete"></use></svg></a>
</div>
</li>
<li class="order-details-list-item">
<div class="order-details-list-img">
<img class="img-fluid" src="<?php echo THEMEROOT; ?>/assets/img/kosarica.png" alt="">
</div>
<div class="order-details-list-desc">
<div>
<h4>DRES AWAY 19/20</h4>
<label>Veličina S</label>
<label>Bez tiska</label>
<div class="d-flex flex-wrap align-items-center mt-10">
<div class="form-group quantity small">
<span class="minus">-</span>
<input type="number" class="form-control" name="quantity">
<span class="plus">+</span>
</div>
<span class="total">1 x 698,00 kn</span>
</div>
</div>
<a class="margin-left-auto align-self-center"><svg class="icon icon-delete"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-delete"></use></svg></a>
</div>
</li>
</ul>
<div class="item mt-30">
<label class="uppercase">Ukupno</label>
<span class="total">3650,00 kn</span>
</div>
<div class="item mt-30">
<a href="#" class="btn btn-ghost mr-15">Pogledaj košaricu</a>
<a href="#" class="btn btn-primary">Plati</a>
</div>
</div>
</div>
<div class="desktop-header">
<section class="section bg50-50">
<div class="container">
<div class="navbar navbar-belt">
<div class="bg-primary d-flex justify-content-between flex-fill">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="#">Službena stranica</a></li>
<li class="nav-item">
<div class="dropdown">
<a class="nav-link" href="#">
Jezik
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">hrvatski</a>
<a class="dropdown-item" href="#">engleski</a>
</div>
</div>
</li>
</ul>
<ul class="nav">
<li class="nav-item">
<div class="dropdown">
<a class="nav-link" href="#">
Moj račun
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Moj račun</a>
<a class="dropdown-item" href="#">Moje narudžbe</a>
<a class="dropdown-item" href="#">Odjava</a>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link login" href="#">Prijava</a></li>
<li class="nav-item"><a class="nav-link" href="#">Registacija</a></li>
</ul>
</div>
<div class="bg-secondary pl-15">
<a class="nav-link cart" href="#">
<svg class="icon icon-cart"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-cart"></use></svg>Košarica (<span>2</span>) <span class="ml-5">252,00 HRK</span>
</a>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container p-relative">
<div class="navbar navbar-search">
<h4 class="mb-0"><a class="nav-link" href="">GNK Dinamo Zagreb - službena web trgovina</a></h4>
<div class="search-block search ml-30">
<input type="text" autocomplete="off" class="form-control main-search" name="search" placeholder="Pretraži po nazivu">
<svg class="icon icon-search"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-search"></use></svg>
<div class="js-search-dropdown search-block__dropdown order-details"></div>
</div>
</div>
<a class="navbar navbar-brand" href="">
<img src="<?php echo THEMEROOT; ?>/assets/img/main-logo.png" class="img-fluid" alt="Dinamo Logo">
</a>
</div>
<div class="divider"></div>
<div class="container">
<div class="navbar navbar-main">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Dresovi</a>
<div class="navbar-main-dropdown">
<div class="row h-100">
<div class="col-3 left">
<div class="mb-15">
<h3>Dresovi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis dui eu nibh.</p>
</div>
<a href="#" class="link">Pogledaj sve vrste dodataka</a>
</div>
<div class="col-9 right">
<div class="row">
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
</ul>
</div>
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
</ul>
</div>
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Majice</a>
<div class="navbar-main-dropdown">
<div class="row h-100">
<div class="col-3 left">
<div class="mb-15">
<h3>Majice</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis dui eu nibh.</p>
</div>
<a href="#" class="link">Pogledaj sve vrste dodataka</a>
</div>
<div class="col-9 right">
<div class="row">
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
</ul>
</div>
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
</ul>
</div>
<div class="col-4">
<ul>
<li class="nav-item"><a class="nav-link" href="#">Gornji dijelovi</a></li>
<li class="nav-item"><a class="nav-link" href="#">Lorem ipsum</a></li>
<li class="nav-item"><a class="nav-link" href="#">Aliquam erat volutpat</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pellentesque</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="#">Trenirke i jakne</a></li>
<li class="nav-item"><a class="nav-link" href="#">Dječji asortiman</a></li>
<li class="nav-item"><a class="nav-link" href="#">Dodaci</a></li>
<li class="nav-item"><a class="nav-link" href="#">Akcije</a></li>
<li class="nav-item"><a class="nav-link" href="#">Kupuj po igraču</a></li>
</ul>
</div>
</div>
</section>
</div>
<div class="mobile-header">
<div class="mobile-main-bar">
<a href="#" class="mobile-brand">
<img src="<?php echo THEMEROOT; ?>/assets/img/main-logo.png" class="img-fluid mobile-brand" alt="Dinamo Logo">
<h4>GNK Dinamo Zagreb</h4>
</a>
<div class="d-flex align-items-center">
<a class="cart"><svg class="icon icon-account" style="margin-top: 4px;"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-account"></use></svg></a>
<a class="cart"><svg class="icon icon-cart" style="margin-top: -4px;"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-cart"></use></svg></a>
<a class="mobile-search-toggle"><svg class="icon icon-search"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-search"></use></svg></a>
<a class="menu-btn"><div class="menu-icon"></div></a>
</div>
</div>
<div class="mobile-container">
<div class="mobile-search-bar">
<div class="search-block search">
<input type="text" autocomplete="off" class="form-control main-search" name="search" placeholder="Pretraži po nazivu">
<svg class="icon icon-search"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-search"></use></svg>
<div class="js-search-dropdown search-block__dropdown order-details"></div>
</div>
</div>
<div class="mobile-menu">
<div class="accordion">
<div class="accordion-item">
<a class="accordion-header">
Dresovi
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li>
<div class="accordion-panel-item accordion-item">
<a class="accordion-header">
Dresovi
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Dresovi 1</a></li>
<li><a href="#" class="accordion-panel-item">Dresovi 2</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
</div>
<div class="accordion-item">
<a class="accordion-header">
Majice
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
</div>
<div class="accordion-item">
<a class="accordion-header">
Trenirke i jakne
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
</div>
<div class="accordion-item">
<a class="accordion-header">
Dječji asortiman
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
</div>
<div class="accordion-item">
<a class="accordion-header">
Dodaci
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Lorem ipsum</a></li>
<li><a href="#" class="accordion-panel-item">Aliquam erat volutpat</a></li>
<li><a href="#" class="accordion-panel-item">Pellentesque</a></li>
<li><a href="#" class="accordion-panel-item">Etiam eget</a></li>
</ul>
</div>
</div>
<div class="accordion-item">
<a class="accordion-header">Akcije</a>
</div>
<div class="accordion-item">
<a class="accordion-header">Kupuj po igraču</a>
</div>
<div class="accordion-item">
<a class="accordion-header alt no-border">
Languages
<svg class="icon-arrow"><use xlink:href="<?php echo THEMEROOT; ?>/assets/icons/icons.svg#icon-arrow"></use></svg>
</a>
<div class="accordion-panel">
<ul class="accordion-panel-list">
<li><a href="#" class="accordion-panel-item">Hrvatski</a></li>
<li><a href="#" class="accordion-panel-item no-border">Njemački</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</header>