finish footer

src/app/footer/footer.html

@@ -1 +1,47 @@
-<p>footer works!</p>
+<div class="w-screen bg-ejc-dark-blue px-5 py-10">
+  <div class="container mx-auto flex flex-col gap-6">
+    <div class="flex justify-center">
+      <img src="/images/logo.png" class="max-w-43.75" alt="Logo" />
+    </div>
+    <div class="flex flex-col gap-3">
+      <div class="text-white font-bold text-[16px]">Location</div>
+      <div class="text-white text-[16px] leading-[160%] flex flex-col gap-2.5">
+        <div>Tatabányai Multifunkcionális Csarnok</div>
+        <div class="flex gap-2.5">
+          <app-marker></app-marker>
+          <div class="text-white text-[16px]">2800 Tatabánya, Olimpikon u.</div>
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-col gap-3">
+      <div class="text-white font-bold text-[16px]">Contact</div>
+      <div class="text-white text-[16px] leading-[160%] flex flex-col gap-2.5">
+        <div>Hungarian Badminton Association</div>
+        <div class="flex gap-2.5 items-center">
+          <app-mail></app-mail>
+          <div class="text-white text-[16px]">iroda@badminton.hu</div>
+        </div>
+        <div class="flex gap-2.5 items-center">
+          <app-phone></app-phone>
+          <div class="text-white text-[16px]">+36 30 329 5154</div>
+        </div>
+        <div>Badminton Europe</div>
+        <div class="flex gap-2.5 items-center">
+          <app-mail></app-mail>
+          <div class="text-white text-[16px]">events@badmintoneurope.com</div>
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-col gap-3">
+        <div class="text-white font-bold text-[16px]">Follow us!</div>
+        <div class="flex gap-2.5">
+            <img src="/images/facebook.png" alt="Facebook" class="w-7.5">
+            <img src="/images/instagram.png" alt="Instagram" class="w-7.5">
+            <img src="/images/youtube.png" alt="Youtube" class="w-7.5">
+        </div>
+    </div>
+    <div class="flex justify-center text-white text-[12px]">
+        © Magyar Tollaslabda Szövetség
+    </div>
+  </div>
+</div>

src/app/footer/footer.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { Marker } from '../marker/marker';
+import { Mail } from '../mail/mail';
+import { Phone } from '../phone/phone';
 
 @Component({
   selector: 'app-footer',
-  imports: [],
+  imports: [Marker, Mail, Phone],
   templateUrl: './footer.html',
   styleUrl: './footer.css',
 })