diff --git a/public/images/logo-small.png b/public/images/logo-small.png
new file mode 100644
index 0000000..67fb9f5
Binary files /dev/null and b/public/images/logo-small.png differ
diff --git a/src/app/header/header.html b/src/app/header/header.html
index f4f56d5..8ad8f4a 100644
--- a/src/app/header/header.html
+++ b/src/app/header/header.html
@@ -1,5 +1,43 @@
 <div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
-  <div class="container mx-auto">aaa</div>
+  <div class="container mx-auto flex justify-between">
+    <div class="flex gap-6">
+      <div class="flex gap-2.5 items-center">
+        <app-mail></app-mail>
+        <div class="text-white text-[13px] font-bold">iroda@badminton.hu</div>
+      </div>
+      <div class="flex gap-2.5 items-center">
+        <app-phone></app-phone>
+        <div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
+      </div>
+    </div>
+    <div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
+      <div>
+        <a class="text-ejc-dark" href="https://badmintoneurope.com">Badminton Europe</a>
+      </div>
+      <div>
+        <a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="w-screen bg-ejc-dark-blue h-[67px] hidden md:flex items-center">
+  <div class="container mx-auto flex justify-between">
+    <img class="w-[21px]" src="/images/logo-small.png" alt="Logo">
+    <div class="flex gap-6 text-[16px] font-bold text-white">
+      <div>
+        <a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('events');">Events</a>
+      </div>
+      <div>
+        <a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('venue');">Venue</a>
+      </div>
+      <div>
+        <a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('media');">Media</a>
+      </div>
+      <div>
+        <a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('information');">Information</a>
+      </div>
+    </div>
+  </div>
 </div>
 <div
   #menuContainer
diff --git a/src/app/header/header.ts b/src/app/header/header.ts
index e2e7244..c5d339c 100644
--- a/src/app/header/header.ts
+++ b/src/app/header/header.ts
@@ -1,8 +1,10 @@
 import { Component, ElementRef, HostListener, ViewChild } from '@angular/core';
+import { Phone } from '../phone/phone';
+import { Mail } from '../mail/mail';
 
 @Component({
   selector: 'app-header',
-  imports: [],
+  imports: [Phone, Mail],
   templateUrl: './header.html',
   styleUrl: './header.css',
 })