Add Menu and Navigation

theme/partials/menu.php

@@ -0,0 +1,6 @@
+<button class="Menu">
+  <span class="Menu-line"></span>
+  <span class="Menu-line"></span>
+  <span class="Menu-line"></span>
+  <span class="Menu-text">Open menu</span>
+</button>

theme/partials/nav.php

@@ -1,14 +1,36 @@
-<header class="Header">
-  <div class="Header-logo">
-	  <a href="<?php echo home_url(); ?>">
-			<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">
-		</a>
-  </div>
-  <nav class="Nav">
+<nav class="Nav">
+  <div class="Nav-content">
+    <h2 class="Nav-title">WindyCOYS</h2>
     <ul class="Nav-list">
-      <li class="Nav-item">
-        <a class="Nav-link" href="#">About</a>
+      <li class="Nav-listItem">
+        <a class="Nav-link" href="<?php get_site_url() ?>/">Home</a>
+        <?php windycoys_nav() ?>
       </li>
     </ul>
-  </nav>
-</header>
+    <button class="Nav-close">
+      <span class="Nav-closeBar"></span>
+      <span class="Nav-closeBar"></span>
+      <span class="Nav-closeText">Close menu</span>
+    </button>
+    <div class="Nav-social">
+      <a class="Nav-socialLink" href="https://www.facebook.com/WindyCOYS/">
+        <svg class="Icon Icon--large">
+          <use href="#icon-facebook"></use>
+        </svg>
+      </a>
+      <a class="Nav-socialLink" href="https://twitter.com/windycoys/">
+        <svg class="Icon Icon--large">
+          <use href="#icon-twitter"></use>
+        </svg>
+      </a>
+    </div>
+    <div class="Nav-search">
+      <?php get_search_form() ?>
+    </div>
+  </div>
+  <button class="Nav-close">
+    <span class="Nav-closeBar"></span>
+    <span class="Nav-closeBar"></span>
+    <span class="Nav-closeText">Close menu</span>
+  </button>
+</nav>