diff --git a/src/app/app.html b/src/app/app.html
index 66cd792..6f3ae54 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -5,3 +5,4 @@
+
diff --git a/src/app/app.ts b/src/app/app.ts
index 35b84e0..62f6947 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -3,10 +3,11 @@ import { RouterOutlet } from '@angular/router';
import { Header } from './header/header';
import { Nav } from './nav/nav';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { Footer } from './footer/footer';
@Component({
selector: 'app-root',
- imports: [RouterOutlet, Header, Nav, FontAwesomeModule],
+ imports: [RouterOutlet, Header, Nav, FontAwesomeModule, Footer],
templateUrl: './app.html',
styleUrl: './app.css',
})
diff --git a/src/app/footer/footer.css b/src/app/footer/footer.css
new file mode 100644
index 0000000..425f521
--- /dev/null
+++ b/src/app/footer/footer.css
@@ -0,0 +1,6 @@
+footer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
diff --git a/src/app/footer/footer.html b/src/app/footer/footer.html
new file mode 100644
index 0000000..1928174
--- /dev/null
+++ b/src/app/footer/footer.html
@@ -0,0 +1,3 @@
+
diff --git a/src/app/footer/footer.spec.ts b/src/app/footer/footer.spec.ts
new file mode 100644
index 0000000..b9e0d41
--- /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