File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/printgarden/views/inc/header.inc.php
<!doctype html>
<html class="no-js" lang="en">
<head>
<?php echo '<base href="'. $data["config"]->getBaseUrl() .'"/>'; ?>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Printgarden</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="https://use.typekit.net/mdj2tic.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-Bx4pytHkyTDy3aJKjGkGoHPt3tvv6zlwwjc3iqN7ktaiEMLDPqLSZYts2OjKcBx1" crossorigin="anonymous">
</head>
<body>
<!-- header + navigation -->
<header class="top-bar zindex-100">
<div class="top-bar-left">
<a href="/" class="logo-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 265 48"><defs><style>.b{clip-path:url(#a)}.c{fill:#1d1d1b}</style><clipPath id="a"><path fill="none" d="M0 0h264.23v48H0z"/></clipPath></defs><g class="b"><path class="c" d="M42.28 16.68c-4.24-1-6.48 1.48-6.48 7.81v10.45h-7.75V9.59h7.24a30.87 30.87 0 0 1-.36 4.49H35c1.32-3 3.72-5.36 7.6-5.1"/></g><path class="c" d="M47.37 9.58h7.75v25.36h-7.75z"/><g class="b"><path class="c" d="M77.83 34.94V18.82c0-2-.56-3.26-2.35-3.26-2.75 0-5 3.36-5 7.09v12.29h-7.8V9.59h7.25a23.54 23.54 0 0 1-.31 4A9.42 9.42 0 0 1 78.09 9c5.66 0 7.49 3.62 7.49 8v17.9M100.32 35.5c-5.87 0-7.76-1.93-7.76-8.16V2.09L100.32 0v9.59h5.51v6h-5.47v10c0 2.6.67 3.48 2.61 3.48a13.15 13.15 0 0 0 2.86-.41v6.17a24.31 24.31 0 0 1-5.51.71M155.45 34.94a34.42 34.42 0 0 1 .25-4.69v-.05a8.86 8.86 0 0 1-8.42 5.25c-4.33 0-7.09-2.45-7.09-6.48 0-5.81 5.82-9.18 15-9.18v-1.63c0-3.16-1.33-4.79-5.31-4.79a15.57 15.57 0 0 0-7.54 2l-.52-4.64a25.36 25.36 0 0 1 8.93-1.68c7.76 0 9.9 3.37 9.9 8.57V28c0 2.2 0 4.8.15 6.94zm-.36-11.48c-8 0-9.7 2.4-9.7 4.6 0 1.88 1.33 3.11 3.48 3.11 3.72 0 6.22-3.57 6.22-7.19M181.66 14.43c-5-.91-7.5 2.61-7.5 10.21v10.3h-5.46V9.59h5.2a34.83 34.83 0 0 1-.5 5.61h.09c1.13-3.42 3.68-6.58 8.42-6.12M202.47 34.94a30 30 0 0 1 .36-4.74h-.1a8.75 8.75 0 0 1-8.27 5.25c-6.22 0-9.33-4.59-9.33-11.93 0-8.73 5.05-14.34 13.26-14.34 1.23 0 2.45.1 3.83.2V0h5.4v34.94zm-.25-21a18.87 18.87 0 0 0-4-.45c-4.33 0-7.29 2.65-7.29 9.48 0 5.1 1.59 8 5.05 8 4 0 6.28-4.79 6.28-9.13M236 22.6h-16.12c-.16 5.86 2.44 8.51 7.49 8.51a17.32 17.32 0 0 0 7.4-1.63l.51 4.34a23.17 23.17 0 0 1-8.77 1.63c-7.91 0-12.25-4.08-12.25-13 0-7.65 4.18-13.36 11.58-13.36 7.25 0 10.36 4.95 10.36 11a23.15 23.15 0 0 1-.2 2.51m-10.4-9.49c-3.06 0-5.21 2.25-5.66 5.66h10.76c.1-3.47-1.89-5.66-5.1-5.66"/></g><path class="c" d="M48.2.01h5.85v5.85H48.2z"/><g class="b"><path class="c" d="M120.13 35.37h5.5c3.22 0 4.7 1.43 4.7 3.62 0 2.75-2.66 4.79-7.4 4.79-3.67 0-6.23-1.53-6.23-4.23a4.23 4.23 0 0 1 .94-2.57 10.52 10.52 0 0 1-3.9-1.62 7.09 7.09 0 0 0-2.44 5.21c0 4.9 4.13 7.45 10.76 7.45 8.16 0 13.67-4.34 13.67-9.74 0-4.75-3.11-7.35-8.62-7.35h-4.33c-3.07 0-4.19-.51-4.19-1.78a2.09 2.09 0 0 1 1.48-1.89 17.06 17.06 0 0 0 2.91.25c7.14 0 11-3.88 11-9.38a5.38 5.38 0 0 0-1.74-4.24h3.88v-4.3h-8.57a18.19 18.19 0 0 0-4.18-.51c-7.24 0-11.33 4.49-11.33 9.84 0 3.16 1.28 5.77 3.78 7.14a4.77 4.77 0 0 0-2.91 4.34 4 4 0 0 0 2.4 3.76l.18.13a9.14 9.14 0 0 0 4 1h.31zm2.9-11.7c-3.67 0-5.71-1.94-5.71-5.26 0-3.11 2.14-5.3 5.76-5.3s5.62 2 5.62 5.35-2.25 5.21-5.67 5.21M258.83 34.94V18.62c0-3.17-.87-5-3.78-5-3.82 0-6.63 4-6.63 9.08v12.24H243V9.59h5.2a33.91 33.91 0 0 1-.35 4.95l.05.05a9.24 9.24 0 0 1 8.82-5.51c5.77 0 7.55 3.62 7.55 8.11v17.75M9.79 23.57c-.4 0-1.12 0-1.83-.06v11.43H0V.51C3 .36 6.22.25 9.79.25c8.78 0 13.57 4 13.57 11.07 0 6.68-4.79 12.25-13.57 12.25M9.64 6.73H7.96v10.1c.51.05 1 .11 1.37.11 3.32-.06 5.82-1.95 5.82-5.31 0-2.91-1.58-4.95-5.51-4.95"/></g></svg></a></li>
</a>
</div>
<div class="top-bar-right">
<?php
/*
* Pages
*/
echo '<ul class="dropdown menu" data-dropdown-menu>';
foreach( $navigation->getPageSections() as $section)
{
echo '<li>';
echo '<a>'. $section->getIcon() . $section->getName() .'</a>';
echo '<ul class="menu vertical">';
foreach($section->getPages() as $page)
{
echo '<li><a href="'. $page->getUrl() .'">'. $page->getName() .'</a></li>';
}
echo '</ul>';
echo '</li>';
}
echo '<li data-responsive-toggle="responsive-menu" data-hide-for="medium"><button type="button" class="toggle-open-close" data-toggle data-toggler=".on"><span></span></button></li>';
echo '</ul>';
?>
</div>
</header>
<?php
/*
* Search + product dropdown
*/
echo '<div class="search-and-list zindex-90">';
echo '<div class="grid-container">';
echo '<div class="grid-x grid-padding-x align-middle">';
/*
* Search products
*/
echo '<div class="cell small-12 medium-4 search-inline">';
echo '<div class="search-form">';
echo '<input type="search" placeholder="Zoeken"><button type="button" class="button"><i class="fal fa-search"></i></button>';
echo '</div>';
echo '</div>';
/*
* Product sections
*/
echo '<div class="cell small-12 medium-auto product-categories" id="responsive-menu">';
echo '<ul class="menu align-right">';
// output sections
foreach( $navigation->getProductSections() as $section)
{
echo '<li>';
echo '<a href="#" class="toggle-section-dropdown '. $section->getClass() .'" data-target="#'. $section->getDropdownName() .'">'. $section->getName() .'</a>';
echo '</li>';
}
echo '</ul>';
echo '</div>';
echo '</div>';
/*
* Dropdown of sections
*/
foreach( $navigation->getProductSections() as $section)
{
echo '<div class="grid-container product-dropdown hide" id="'. $section->getDropdownName() .'">';
echo '<div class="grid-x grid-padding-x grid-margin-x">';
foreach($section->getCategories() as $category){
echo '<div class="cell small-12 product-category medium-3">';
echo '<ul class="no-bullet">';
echo '<li class="group-name">';
echo '<span>'. $category->getName() .'</span>';
echo '<ul class="no-bullet">';
foreach($category->getProducts() as $nav_product){
echo '<li><a href="'. $nav_product["url"] .'">'. $nav_product["name"] .'</a></li>';
}
echo '</ul>';
echo '</li>';
echo '</ul>';
echo '</div>';
}
echo '</div>';
echo '</div>';
}
echo '</div>';
echo '</div>';
?>