diff --git a/index.2cdaf7bc.css b/index.2cdaf7bc.css
new file mode 100644
index 0000000000..c2b4904ee0
--- /dev/null
+++ b/index.2cdaf7bc.css
@@ -0,0 +1,80 @@
+html {
+ scroll-behavior: smooth;
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+}
+
+body {
+ max-height: 60px;
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ flex-direction: row;
+ justify-content: space-between;
+ width: 100%;
+ height: 60px;
+ display: inline-flex;
+}
+
+nav {
+ align-items: center;
+ padding-right: 50px;
+ line-height: 60px;
+}
+
+.nav__links__list {
+ max-height: 60px;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ display: inline-flex;
+}
+
+.logo {
+ object-fit: none;
+ padding-left: 40px;
+}
+
+a {
+ color: #000;
+ text-align: center;
+ margin-left: 20px;
+ font-family: Roboto, sans-serif;
+ text-decoration: none;
+}
+
+a:visited {
+ color: #000;
+ font-family: Roboto, sans-serif;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #00acdc;
+ font-family: Roboto, sans-serif;
+ text-decoration: none;
+}
+
+a.is-active {
+ color: #00acdc;
+ text-align: center;
+ margin: 0;
+ font-family: Roboto, sans-serif;
+ text-decoration: none;
+}
+
+.is-active:after {
+ content: "";
+ background-color: #00acdc;
+ border-radius: 8px;
+ align-self: center;
+ width: auto;
+ height: 4px;
+ display: block;
+ position: relative;
+ bottom: 4px;
+}
+/*# sourceMappingURL=index.2cdaf7bc.css.map */
diff --git a/index.2cdaf7bc.css.map b/index.2cdaf7bc.css.map
new file mode 100644
index 0000000000..fb66f9d20b
--- /dev/null
+++ b/index.2cdaf7bc.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;AAQA;;;;;AAKA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA","sources":["src/style.css"],"sourcesContent":["html {\n scroll-behavior: smooth;\n font-size: 12px;\n margin: 0;\n padding: 0;\n}\n\nbody {\n margin: 0;\n padding: 0;\n max-height: 60px;\n}\n\nheader {\n display: inline-flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n height: 60px;\n}\n\nnav {\n padding-right: 50px;\n align-items: center;\n line-height: 60px;\n}\n\n.nav__links__list {\n display: inline-flex;\n list-style: none;\n margin: 0;\n padding: 0;\n max-height: 60px;\n}\n\n.logo {\n padding-left: 40px;\n object-fit: none;\n}\n\na {\n color: #000;\n text-decoration: none;\n font-family: Roboto, sans-serif;\n margin-left: 20px;\n text-align: center;\n}\n\na:visited {\n color: #000;\n text-decoration: none;\n font-family: Roboto, sans-serif;\n}\n\na:hover {\n color: #00acdc;\n font-family: Roboto, sans-serif;\n text-decoration: none;\n}\n\na.is-active {\n color: #00acdc;\n text-decoration: none;\n font-family: Roboto, sans-serif;\n text-align: center;\n margin: 0;\n}\n\n.is-active::after {\n content: '';\n display: block;\n height: 4px;\n width: auto;\n border-radius: 8px;\n background-color: #00acdc;\n align-self: center;\n position: relative;\n bottom: 4px;\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..c2112e5c65
--- /dev/null
+++ b/index.html
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+ Moyo header
+
+
+
+
+ 
+
+
+
+
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;
+ });
+
+ //
+
+
+
+