57 lines
2.4 KiB
PHP
57 lines
2.4 KiB
PHP
<?php
|
|
/**
|
|
* The header: navigation bar mirroring the original site.
|
|
*/
|
|
$hl_biz = hogelandlinux_business();
|
|
?><!DOCTYPE html>
|
|
<html <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="author" content="<?php echo esc_attr( $hl_biz['name'] ); ?>">
|
|
<meta name="robots" content="index, follow">
|
|
<meta name="language" content="nl">
|
|
<meta name="theme-color" content="#059669">
|
|
<meta name="msapplication-TileColor" content="#059669">
|
|
<link rel="icon" type="image/x-icon" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon.ico' ); ?>">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon-32x32.png' ); ?>">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon-16x16.png' ); ?>">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/apple-touch-icon.png' ); ?>">
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
<body <?php body_class(); ?>>
|
|
<?php wp_body_open(); ?>
|
|
<header>
|
|
<nav class="navbar">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
|
|
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/Tux.svg' ); ?>" alt="Tux the Linux Penguin" class="tux-icon">
|
|
<h1><?php bloginfo( 'name' ); ?></h1>
|
|
</a>
|
|
</div>
|
|
<div class="nav-links">
|
|
<?php
|
|
hogelandlinux_nav_link( 'Home', '/', 'home' );
|
|
hogelandlinux_nav_link( 'Waarom Linux', '/waarom-linux/', 'waarom-linux' );
|
|
hogelandlinux_nav_link( 'Diensten', '/diensten/', 'diensten' );
|
|
hogelandlinux_nav_link( 'Over mij', '/over-mij/', 'over-mij' );
|
|
hogelandlinux_nav_link( 'Contact', '/contact/', 'contact' );
|
|
?>
|
|
</div>
|
|
<button class="mobile-menu-toggle" aria-label="Menu">
|
|
<span>☰</span>
|
|
</button>
|
|
<div class="mobile-menu" id="mobile-menu">
|
|
<?php
|
|
hogelandlinux_nav_link( 'Home', '/', 'home' );
|
|
hogelandlinux_nav_link( 'Waarom Linux', '/waarom-linux/', 'waarom-linux' );
|
|
hogelandlinux_nav_link( 'Diensten', '/diensten/', 'diensten' );
|
|
hogelandlinux_nav_link( 'Over mij', '/over-mij/', 'over-mij' );
|
|
hogelandlinux_nav_link( 'Contact', '/contact/', 'contact' );
|
|
?>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|