diff --git a/public/images/badminton_europe_tv.png b/public/images/badminton_europe_tv.png new file mode 100644 index 0000000..9f68cc3 Binary files /dev/null and b/public/images/badminton_europe_tv.png differ diff --git a/public/images/tata.png b/public/images/tata.png new file mode 100644 index 0000000..621b7a9 Binary files /dev/null and b/public/images/tata.png differ diff --git a/public/images/tatabanya.jpg b/public/images/tatabanya.jpg new file mode 100644 index 0000000..6fd496c Binary files /dev/null and b/public/images/tatabanya.jpg differ diff --git a/src/app/app.html b/src/app/app.html index 618976a..b550466 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -5,5 +5,9 @@ + + + + diff --git a/src/app/app.ts b/src/app/app.ts index bdc22fe..85cfff2 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -5,10 +5,25 @@ import { Cover } from './cover/cover'; import { Welcome } from './welcome/welcome'; import { TwoEvents } from './two-events/two-events'; import { Venue } from './venue/venue'; +import { Media } from './media/media'; +import { Information } from './information/information'; +import { Cities } from './cities/cities'; +import { Footer } from './footer/footer'; @Component({ selector: 'app-root', - imports: [RouterOutlet, Header, Cover, Welcome, TwoEvents, Venue], + imports: [ + RouterOutlet, + Header, + Cover, + Welcome, + TwoEvents, + Venue, + Media, + Information, + Cities, + Footer, + ], templateUrl: './app.html', styleUrl: './app.css', }) diff --git a/src/app/cities/cities.css b/src/app/cities/cities.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/cities/cities.html b/src/app/cities/cities.html new file mode 100644 index 0000000..78fa976 --- /dev/null +++ b/src/app/cities/cities.html @@ -0,0 +1,45 @@ +
+
+ Discover the host cities! +
+
+ Tatabánya +
+ Tatabánya +
+
+ Tatabánya, located in north-western Hungary, is a vibrant city with + cultural and natural attractions that make it a great destination for + athletes and visitors alike. Explore the iconic Turul Monument atop + Gerecse Mountain offering panoramic views, and unwind in the scenic + Gerecse Forest Park or the nearby Szelim cave, perfect for outdoor + enthusiasts and families. +
+
+
+ More info + +
+
+
+
+ Tata +
Tata
+
+ Tata, known as the “Town of Waters”, is one of Hungary's most picturesque + destinations, famous for beautiful lakes, historic landmarks and peaceful + atmosphere. Visitors can explore the stunning Old Lake (Öreg-tó), the + iconic Tata Castle situated on its shores and enjoy relaxing walks in the + English Garden. Surrounded by natural beauty and rich cultural heritage, + Tata offers a perfect setting for both recreation and sightseeing. +
+
+
+ More info + +
+
+
+
diff --git a/src/app/cities/cities.spec.ts b/src/app/cities/cities.spec.ts new file mode 100644 index 0000000..b3d0add --- /dev/null +++ b/src/app/cities/cities.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Cities } from './cities'; + +describe('Cities', () => { + let component: Cities; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Cities], + }).compileComponents(); + + fixture = TestBed.createComponent(Cities); + component = fixture.componentInstance; + await fixture.whenStable(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/cities/cities.ts b/src/app/cities/cities.ts new file mode 100644 index 0000000..846b056 --- /dev/null +++ b/src/app/cities/cities.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +import { ChevronRight } from '../chevron-right/chevron-right'; + +@Component({ + selector: 'app-cities', + imports: [ChevronRight], + templateUrl: './cities.html', + styleUrl: './cities.css', +}) +export class Cities {} diff --git a/src/app/footer/footer.css b/src/app/footer/footer.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/footer/footer.html b/src/app/footer/footer.html new file mode 100644 index 0000000..28c0d7d --- /dev/null +++ b/src/app/footer/footer.html @@ -0,0 +1 @@ +

footer works!

diff --git a/src/app/footer/footer.spec.ts b/src/app/footer/footer.spec.ts new file mode 100644 index 0000000..78cccb5 --- /dev/null +++ b/src/app/footer/footer.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Footer } from './footer'; + +describe('Footer', () => { + let component: Footer; + let fixture: ComponentFixture