diff --git a/index.118c39df.css b/index.118c39df.css
new file mode 100644
index 0000000000..ebc2a62f15
--- /dev/null
+++ b/index.118c39df.css
@@ -0,0 +1,2 @@
+html{--variable-color:#00acdc;font-family:Roboto,sans-serif;font-size:12px;font-weight:500}header{background-color:#fff;justify-content:space-between;align-items:center;padding:0 50px;display:flex}body{margin:0}.nav{text-align:center;display:inline-block}.nav__list{margin:0;list-style:none;display:flex}ul{padding:0}.nav__link{color:#000;text-transform:uppercase;align-items:center;height:60px;text-decoration:none;display:flex;position:relative}.nav__item{margin-left:20px}.nav__item:first-child{margin-left:0}.nav__link:hover,.nav__link.is-active{color:var(--variable-color)}.nav__link.is-active:after{content:"";background-color:var(--variable-color);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.logo{width:40px;height:40px;display:inline-block}
+/*# sourceMappingURL=index.118c39df.css.map */
diff --git a/index.118c39df.css.map b/index.118c39df.css.map
new file mode 100644
index 0000000000..9d2558c134
--- /dev/null
+++ b/index.118c39df.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA,2FAQA,0GAQA,cAIA,4CAKA,iDAMA,aAIA,kIAUA,4BAIA,qCAIA,kEAKA,oJAWA","sources":["index.118c39df.css","src/style.css"],"sourcesContent":["html {\n --variable-color: #00acdc;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n}\n\nheader {\n background-color: #fff;\n justify-content: space-between;\n align-items: center;\n padding: 0 50px;\n display: flex;\n}\n\nbody {\n margin: 0;\n}\n\n.nav {\n text-align: center;\n display: inline-block;\n}\n\n.nav__list {\n margin: 0;\n list-style: none;\n display: flex;\n}\n\nul {\n padding: 0;\n}\n\n.nav__link {\n color: #000;\n text-transform: uppercase;\n align-items: center;\n height: 60px;\n text-decoration: none;\n display: flex;\n position: relative;\n}\n\n.nav__item {\n margin-left: 20px;\n}\n\n.nav__item:first-child {\n margin-left: 0;\n}\n\n.nav__link:hover, .nav__link.is-active {\n color: var(--variable-color);\n}\n\n.nav__link.is-active:after {\n content: \"\";\n background-color: var(--variable-color);\n border-radius: 2px;\n height: 4px;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.logo {\n width: 40px;\n height: 40px;\n display: inline-block;\n}\n/*# sourceMappingURL=index.118c39df.css.map */\n","html {\n font-family: Roboto, sans-serif;\n font-weight: 500;\n font-size: 12px;\n\n --variable-color: #00acdc;\n}\n\nheader {\n justify-content: space-between;\n align-items: center;\n display: flex;\n background-color: #fff;\n padding: 0 50px;\n}\n\nbody {\n margin: 0;\n}\n\n.nav {\n display: inline-block;\n text-align: center;\n}\n\n.nav__list {\n margin: 0;\n list-style: none;\n display: flex;\n}\n\nul {\n padding: 0;\n}\n\n.nav__link {\n text-decoration: none;\n height: 60px;\n display: flex;\n color: #000;\n text-transform: uppercase;\n align-items: center;\n position: relative;\n}\n\n.nav__item {\n margin-left: 20px;\n}\n\n.nav__item:first-child {\n margin-left: 0;\n}\n\n.nav__link:hover,\n.nav__link.is-active {\n color: var(--variable-color);\n}\n\n.nav__link.is-active::after {\n content: '';\n height: 4px;\n border-radius: 2px;\n background-color: var(--variable-color);\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.logo {\n display: inline-block;\n width: 40px;\n height: 40px;\n}\n"],"names":[],"version":3,"file":"index.118c39df.css.map"}
\ No newline at end of file
diff --git a/index.2cdaf7bc.css b/index.2cdaf7bc.css
new file mode 100644
index 0000000000..85b0bb7701
--- /dev/null
+++ b/index.2cdaf7bc.css
@@ -0,0 +1,73 @@
+html {
+ --variable-color: #00acdc;
+ font-family: Roboto, sans-serif;
+ font-size: 12px;
+ font-weight: 500;
+}
+
+header {
+ background-color: #fff;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 50px;
+ display: flex;
+}
+
+body {
+ margin: 0;
+}
+
+.nav {
+ text-align: center;
+ display: inline-block;
+}
+
+.nav__list {
+ margin: 0;
+ list-style: none;
+ display: flex;
+}
+
+ul {
+ padding: 0;
+}
+
+.nav__link {
+ color: #000;
+ text-transform: uppercase;
+ align-items: center;
+ height: 60px;
+ text-decoration: none;
+ display: flex;
+ position: relative;
+}
+
+.nav__item {
+ margin-left: 20px;
+}
+
+.nav__item:first-child {
+ margin-left: 0;
+}
+
+.nav__link:hover, .nav__link.is-active {
+ color: var(--variable-color);
+}
+
+.nav__link.is-active:after {
+ content: "";
+ background-color: var(--variable-color);
+ border-radius: 2px;
+ height: 4px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.logo {
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+}
+/*# sourceMappingURL=index.2cdaf7bc.css.map */
diff --git a/index.2cdaf7bc.css.map b/index.2cdaf7bc.css.map
new file mode 100644
index 0000000000..6634455b8a
--- /dev/null
+++ b/index.2cdaf7bc.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;AAKA;;;;;;;;;;;AAWA","sources":["src/style.css"],"sourcesContent":["html {\n font-family: Roboto, sans-serif;\n font-weight: 500;\n font-size: 12px;\n\n --variable-color: #00acdc;\n}\n\nheader {\n justify-content: space-between;\n align-items: center;\n display: flex;\n background-color: #fff;\n padding: 0 50px;\n}\n\nbody {\n margin: 0;\n}\n\n.nav {\n display: inline-block;\n text-align: center;\n}\n\n.nav__list {\n margin: 0;\n list-style: none;\n display: flex;\n}\n\nul {\n padding: 0;\n}\n\n.nav__link {\n text-decoration: none;\n height: 60px;\n display: flex;\n color: #000;\n text-transform: uppercase;\n align-items: center;\n position: relative;\n}\n\n.nav__item {\n margin-left: 20px;\n}\n\n.nav__item:first-child {\n margin-left: 0;\n}\n\n.nav__link:hover,\n.nav__link.is-active {\n color: var(--variable-color);\n}\n\n.nav__link.is-active::after {\n content: '';\n height: 4px;\n border-radius: 2px;\n background-color: var(--variable-color);\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.logo {\n display: inline-block;\n width: 40px;\n height: 40px;\n}\n"],"names":[],"version":3,"file":"index.2cdaf7bc.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000..1974819999
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+Moyo header
\ No newline at end of file
diff --git a/layout_moyo-header.59712999.js b/layout_moyo-header.59712999.js
new file mode 100644
index 0000000000..3e31c99684
--- /dev/null
+++ b/layout_moyo-header.59712999.js
@@ -0,0 +1,590 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+ /* eslint-disable no-undef */
+ var globalObject =
+ typeof globalThis !== 'undefined'
+ ? globalThis
+ : typeof self !== 'undefined'
+ ? self
+ : typeof window !== 'undefined'
+ ? window
+ : typeof global !== 'undefined'
+ ? global
+ : {};
+ /* eslint-enable no-undef */
+
+ // Save the require from previous bundle to this closure if any
+ var previousRequire =
+ typeof globalObject[parcelRequireName] === 'function' &&
+ globalObject[parcelRequireName];
+
+ var cache = previousRequire.cache || {};
+ // Do not use `require` to prevent Webpack from trying to bundle this call
+ var nodeRequire =
+ typeof module !== 'undefined' &&
+ typeof module.require === 'function' &&
+ module.require.bind(module);
+
+ function newRequire(name, jumped) {
+ if (!cache[name]) {
+ if (!modules[name]) {
+ // if we cannot find the module within our internal map or
+ // cache jump to the current global require ie. the last bundle
+ // that was added to the page.
+ var currentRequire =
+ typeof globalObject[parcelRequireName] === 'function' &&
+ globalObject[parcelRequireName];
+ if (!jumped && currentRequire) {
+ return currentRequire(name, true);
+ }
+
+ // If there are other bundles on this page the require from the
+ // previous one is saved to 'previousRequire'. Repeat this as
+ // many times as there are bundles until the module is found or
+ // we exhaust the require chain.
+ if (previousRequire) {
+ return previousRequire(name, true);
+ }
+
+ // Try the node require function if it exists.
+ if (nodeRequire && typeof name === 'string') {
+ return nodeRequire(name);
+ }
+
+ var err = new Error("Cannot find module '" + name + "'");
+ err.code = 'MODULE_NOT_FOUND';
+ throw err;
+ }
+
+ localRequire.resolve = resolve;
+ localRequire.cache = {};
+
+ var module = (cache[name] = new newRequire.Module(name));
+
+ modules[name][0].call(
+ module.exports,
+ localRequire,
+ module,
+ module.exports,
+ this
+ );
+ }
+
+ return cache[name].exports;
+
+ function localRequire(x) {
+ var res = localRequire.resolve(x);
+ return res === false ? {} : newRequire(res);
+ }
+
+ function resolve(x) {
+ var id = modules[name][1][x];
+ return id != null ? id : x;
+ }
+ }
+
+ function Module(moduleName) {
+ this.id = moduleName;
+ this.bundle = newRequire;
+ this.exports = {};
+ }
+
+ newRequire.isParcelRequire = true;
+ newRequire.Module = Module;
+ newRequire.modules = modules;
+ newRequire.cache = cache;
+ newRequire.parent = previousRequire;
+ newRequire.register = function (id, exports) {
+ modules[id] = [
+ function (require, module) {
+ module.exports = exports;
+ },
+ {},
+ ];
+ };
+
+ Object.defineProperty(newRequire, 'root', {
+ get: function () {
+ return globalObject[parcelRequireName];
+ },
+ });
+
+ globalObject[parcelRequireName] = newRequire;
+
+ for (var i = 0; i < entry.length; i++) {
+ newRequire(entry[i]);
+ }
+
+ if (mainEntry) {
+ // Expose entry point to Node, AMD or browser globals
+ // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+ var mainExports = newRequire(mainEntry);
+
+ // CommonJS
+ if (typeof exports === 'object' && typeof module !== 'undefined') {
+ module.exports = mainExports;
+
+ // RequireJS
+ } else if (typeof define === 'function' && define.amd) {
+ define(function () {
+ return mainExports;
+ });
+
+ //
+
+
+
+