diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css
index e69de29..127b636 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/header.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/header.css
@@ -0,0 +1,26 @@
+.header {
+ margin-top: 4px;
+}
+
+.header__content {
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: space-between;
+}
+
+.header__logo {
+ padding: 22px 0px 18px 36px;
+}
+
+.header__nav nav a {
+ margin-right: 75px;
+ text-decoration: none;
+}
+
+.header__nav--now {
+ color: #EF4444;
+ text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+ font-size: 18px;
+ font-weight: 700;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-header/diamond-ore-icon.png b/luckydiamond/src/assets/icons-header/diamond-ore-icon.png
new file mode 100644
index 0000000..0d40a96
Binary files /dev/null and b/luckydiamond/src/assets/icons-header/diamond-ore-icon.png differ
diff --git a/luckydiamond/src/assets/logo.svg b/luckydiamond/src/assets/logo.svg
new file mode 100644
index 0000000..d5f9e37
--- /dev/null
+++ b/luckydiamond/src/assets/logo.svg
@@ -0,0 +1,30 @@
+
diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index d9de9b6..8a65f81 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -1,7 +1,28 @@