Add Menu and Navigation

js/nav.js

@@ -0,0 +1,31 @@
+const CLS = {
+  open: 'Nav--open',
+};
+
+export default class Nav {
+  constructor(cfg) {
+    this.el = cfg.el;
+    this.menu = cfg.menu;
+
+    this.attachEvents();
+  }
+
+  attachEvents() {
+    this.menu.el.addEventListener('click', () => {
+      this.menu.hideMenu();
+      this.openNav();
+    });
+    this.el.querySelector('.Nav-close').addEventListener('click', () => {
+      this.menu.showMenu();
+      this.closeNav();
+    });
+  }
+
+  openNav() {
+    this.el.classList.add(CLS.open);
+  }
+
+  closeNav() {
+    this.el.classList.remove(CLS.open);
+  }
+}