diff --git a/Frontend/src/app/app.module.ts b/Frontend/src/app/app.module.ts
index eef8e23..a324b8d 100644
--- a/Frontend/src/app/app.module.ts
+++ b/Frontend/src/app/app.module.ts
@@ -15,6 +15,8 @@ import {HeaderComponent} from './components/header/header.component';
import {NewestPricesListComponent} from './components/newest-prices-list/newest-prices-list.component';
import {FormsModule} from '@angular/forms';
import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
+import { ImprintComponent } from './pages/imprint/imprint.component';
+import { PrivacyComponent } from './pages/privacy/privacy.component';
@NgModule({
declarations: [
@@ -27,7 +29,9 @@ import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-fo
ProductSearchPageComponent,
HeaderComponent,
NewestPricesListComponent,
- PageNotFoundPageComponent
+ PageNotFoundPageComponent,
+ ImprintComponent,
+ PrivacyComponent
],
imports: [
BrowserModule,
diff --git a/Frontend/src/app/app.routing.ts b/Frontend/src/app/app.routing.ts
index efb2a36..c38d9ba 100644
--- a/Frontend/src/app/app.routing.ts
+++ b/Frontend/src/app/app.routing.ts
@@ -7,11 +7,15 @@ import {LandingpageComponent} from './pages/landingpage/landingpage.component';
import {ProductDetailPageComponent} from './pages/product-detail-page/product-detail-page.component';
import {ProductSearchPageComponent} from './pages/product-search-page/product-search-page.component';
import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
+import {ImprintComponent} from './pages/imprint/imprint.component';
+import {PrivacyComponent} from './pages/privacy/privacy.component';
const routes: Routes = [
{path: '', component: LandingpageComponent},
{path: 'search', component: ProductSearchPageComponent},
{path: 'product/:id', component: ProductDetailPageComponent},
+ {path: 'impressum', component: ImprintComponent},
+ {path: 'datenschutz', component: PrivacyComponent},
{path: '**', component: PageNotFoundPageComponent}
];
diff --git a/Frontend/src/app/components/footer/footer.component.css b/Frontend/src/app/components/footer/footer.component.css
index c39569a..0d7949b 100644
--- a/Frontend/src/app/components/footer/footer.component.css
+++ b/Frontend/src/app/components/footer/footer.component.css
@@ -5,7 +5,6 @@
width: 100%;
background-color: dimgrey;
color: white;
- text-align: center;
}
.icon-3d {
@@ -13,5 +12,23 @@
color: #fff;
}
+#footer-icons {
+ text-align: center;
+}
+
+#imprintSection {
+ position: fixed;
+ right: 1em;
+ bottom: 1em;
+ width: 100%;
+ text-align: right;
+ padding-right: 1em;
+}
+
+#imprintSection a {
+ color: white;
+ text-decoration: none;
+}
+
diff --git a/Frontend/src/app/components/footer/footer.component.html b/Frontend/src/app/components/footer/footer.component.html
index e6d17d8..a57e963 100644
--- a/Frontend/src/app/components/footer/footer.component.html
+++ b/Frontend/src/app/components/footer/footer.component.html
@@ -3,12 +3,16 @@