File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/tekenmappen/views/inc/header.php
<!DOCTYPE HTML>
<html lang="<?php echo $data["config"]->getLocale(); ?>">
<head>
<?php
echo '<base href="'. $data["config"]->getBaseUrl() .'"/>';
echo '<meta charset="utf-8"/>';
echo '<meta http-equiv="x-ua-compatible" content="ie=edge">';
echo '<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">';
echo '<title>'. ($data["page"][0] ? $data["page"][0]->getMetaTitle() : "") .'</title>';
echo '<meta name="description" content="'. ($data["page"][0] ? $data["page"][0]->getMetaDesc() : "") .'">';
echo '<link rel="icon" type="image/png" sizes="16x16" href="'. $data["config"]->getBaseUrl() .'images/favicon-96x96.png">';
echo '<link rel="stylesheet" href="'. $data["config"]->getBaseUrl() .'css/app.css" type="text/css" media="screen">';
echo '<link rel="stylesheet" href="'. $data["config"]->getBaseUrl() .'bower_components/font-awesome-5/web-fonts-with-css/css/fontawesome-all.min.css" type="text/css" media="screen">';
echo '<link rel="stylesheet" href="'. $data["config"]->getBaseUrl() .'bower_components/slick-carousel/slick/slick.css" type="text/css" media="screen">';
echo $data["config"]->getTypekitFont();
?>
</head>
<body class="no-js" region="<?php echo $data["config"]->getRegion(); ?>">
<div class="site">
<div data-sticky-container>
<?php
echo '<header id="header" class="'.$header_top_color.'" >'; //data-sticky data-sticky-on="small" data-options="marginTop:0;"
echo '<div class="info-bar">';
echo '<div class="inner grid-container fluid">';
echo '<div class="grid-x grid-padding-x">';
echo '<div class="small-12 cell text-center medium-text-right">';
echo '<ul>';
echo '<li class="show-for-medium">Vragen?</li>';
echo '<li><a href="tel:+31615356979"><i class="fal fa-phone"></i> 06 1535 6979</a></li>';
echo '<li><a href="mailto:contact@tekenmappen.nl"><i class="fal fa-envelope"></i> contact@tekenmappen.nl</a></li>';
// echo '<li><a href="winkelwagen" class="button"><i class="fal fa-lock-alt"></i> Winkelwagen</a></li>';
echo '</ul>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '<div class="top-bar">';
/*
* Top bar left
*/
echo '<div class="top-bar-left">';
echo $data["config"]->getNavigationToggler();
echo $data["config"]->getPrimaryLogo(true,true);
echo '</div>';
/*
* Top bar right
*/
echo '<div class="top-bar-right" id="responsive-menu" data-animate="fade-in fade-out">';
echo '<ul class="vertical large-horizontal menu" data-responsive-menu="drilldown large-dropdown" data-parent-link="true" data-back-button=\'<li class="js-drilldown-back"><a tabindex="0">Terug</a></li>\'>';
foreach($data["navigation"] as $element)
{
if($element->visibleInHeader() === false) continue;
echo '<li>';
echo '<a href="'. $element->getUrl() .'" class="'. $element->navIsActive($data["page"]) .'">'. $element->getName() .'</a>';
echo $element->getNavigationOnPosition(1,$element->getName());
echo '</li>';
}
echo '<li><a href="' . $data["config"]->getBaseUrl() .'winkelwagen"><i class="fal fa-shopping-cart"></i></a></li>';//<span class="cart-count">'. $data["cart"]->count() .'</span>
echo '<li class="search"><a class="toggle-search" data-toggle="search-site"><i class="fal fa-search"></i></a></li>';
echo '</ul>';
echo '</div>';
echo '</div>';
/*
Search
*/
echo '<div class="search-site" id="search-site" data-toggler=".search-visible">';
echo '<div class="grid-container">';
echo '<div class="grid-x grid-padding-x align-center">';
echo '<div class="cell small-12">';
echo '<form class="" action="'. $data["config"]->getBaseUrl() . $data["config"]->getLinkBase() .'search" method="get">';
echo '<input type="text" id="q" name="q" value="" class="input autocomplete" placeholder="'. $data["config"]->getSearchPlaceholder() .'" autocomplete="off"/>';
echo '<button type="submit" class="button primary">'. $data["config"]->getSVG("search") .'</button>';
echo '<div class="close-search" data-toggle="search-site">'. $data["config"]->getSVG("close") .'</div>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '</div>';
?>
</header>
<div class="header-spacer"></div>
</div>
<div id="view-container">