<?php
/**
* The header for our theme
*
* This is the template that displays all of the
* <head> section and opening body tag
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package theme
*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body>
<header class="header sticky">
<div class="container">
<?php the_custom_logo(); ?>
<nav class="navigation">
<a href="#intro" class="navigation-button active">
<span class="navigation-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<polyline points="5 12 3 12 12 3 21 12 19 12" />
<path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
<path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
</svg>
</span>
<span>intro</span>
</a>
<a href="#about" class="navigation-button">
<span class="navigation-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="7" r="4" />
<path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
</svg>
</span>
<span>about me</span>
</a>
<a href="#experience" class="navigation-button">
<span class="navigation-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<polyline points="7 8 3 12 7 16" />
<polyline points="17 8 21 12 17 16" />
<line x1="14" y1="4" x2="10" y2="20" />
</svg>
</span>
<span>experience</span>
</a>
<a href="#work" class="navigation-button">
<span class="navigation-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-artboard" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<rect x="8" y="8" width="8" height="8" rx="1" />
<line x1="3" y1="8" x2="4" y2="8" />
<line x1="3" y1="16" x2="4" y2="16" />
<line x1="8" y1="3" x2="8" y2="4" />
<line x1="16" y1="3" x2="16" y2="4" />
<line x1="20" y1="8" x2="21" y2="8" />
<line x1="20" y1="16" x2="21" y2="16" />
<line x1="8" y1="20" x2="8" y2="21" />
<line x1="16" y1="20" x2="16" y2="21" />
</svg>
</span>
<span>latest work</span>
</a>
<a href="#contact" class="navigation-button">
<span class="navigation-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mailbox" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5" />
<path d="M12 11v-8h4l2 2l-2 2h-4" />
<path d="M6 15h1" />
</svg>
</span>
<span>contact</span>
</a>
</nav>
</div>
</header>