feat: add sponsors block and images

src/app/app.html

@@ -8,6 +8,7 @@
   <app-media id="media"></app-media>
   <app-information id="information"></app-information>
   <app-cities></app-cities>
+  <app-sponsors></app-sponsors>
   <app-footer></app-footer>
   <router-outlet />
 </main>

src/app/app.ts

@@ -9,6 +9,7 @@ import { Media } from './media/media';
 import { Information } from './information/information';
 import { Cities } from './cities/cities';
 import { Footer } from './footer/footer';
+import { Sponsors } from './sponsors/sponsors';
 
 @Component({
   selector: 'app-root',
@@ -23,6 +24,7 @@ import { Footer } from './footer/footer';
     Information,
     Cities,
     Footer,
+    Sponsors,
   ],
   templateUrl: './app.html',
   styleUrl: './app.css',

src/app/sponsors/sponsors.html

@@ -0,0 +1,32 @@
+<div class="container mx-auto px-5 py-10 flex flex-col gap-6 md:py-20 xl:max-w-315 md:px-0">
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+        <img src="/images/sponsors/BE_nagy_v2.webp" alt="Badminton Europe">
+        <img src="/images/sponsors/mtlsz_nagy_v2.webp" alt="MTLSZ">
+        <img src="/images/sponsors/eon_nagy_v2.webp" alt="EON">
+        <img src="/images/sponsors/extor_nagy_v2.webp" alt="Extor Energy">
+    </div>
+    <div class="grid grid-cols-3 md:grid-cols-6 gap-6">
+        <img src="/images/sponsors/BM.webp" alt="BM">
+        <img src="/images/sponsors/sportintezet.webp" alt="NSI">
+        <img src="/images/sponsors/sportolo_nemzet.webp" alt="Sportoló Nemzet">
+        <img src="/images/sponsors/omexom.webp" alt="Omexom">
+        <img src="/images/sponsors/pelicom.webp" alt="Pelicom">
+        <img src="/images/sponsors/variovision.webp" alt="Vario Vision">
+    </div>
+    <div class="grid grid-cols-3 md:grid-cols-6 gap-6">
+        <img src="/images/sponsors/yonex.webp" alt="Yonex">
+        <img src="/images/sponsors/xcopy.webp" alt="xcopy">
+        <img src="/images/sponsors/culligan.webp" alt="Culligan">
+        <img src="/images/sponsors/edv_vizmu.webp" alt="ÉDV Zrt.">
+        <img src="/images/sponsors/Tbusz.webp" alt="Tbusz">
+        <img src="/images/sponsors/univer.webp" alt="Univer">
+    </div>
+    <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-6">
+        <div class="hidden md:block"></div>
+        <img src="/images/sponsors/tatabanya.webp" alt="Tatabány">
+        <img src="/images/sponsors/living_sport.webp" alt="Living Sport">
+        <img src="/images/sponsors/it4all.webp" alt="it4all">
+        <img src="/images/sponsors/tata.webp" alt="Tata">
+        <div class="hidden md:block"></div>
+    </div>
+</div>

src/app/sponsors/sponsors.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Sponsors } from './sponsors';
+
+describe('Sponsors', () => {
+  let component: Sponsors;
+  let fixture: ComponentFixture<Sponsors>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Sponsors],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(Sponsors);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sponsors/sponsors.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-sponsors',
+  imports: [],
+  templateUrl: './sponsors.html',
+  styleUrl: './sponsors.css',
+})
+export class Sponsors {}
+
+/**
+ * 1. sor: BE, MTLSZ, E-On, Extor (ezek egyméretűek, nagyok)
+2. sor: BM, Sportintézet, Sportoló Nemzet, Omexom, Pélicom, VarioVision 
+3. sor: Yonex, XCopy, Culligan, Vízmű, TBusz, Univer
+4. sor: Tatabánya, Living Sport, IT4All, Tata
+(2-4. sor egyméretűek, kisebbek)
+ */