Add footer.

src/app/app.html

@@ -5,3 +5,4 @@
         <router-outlet />
     </main>
 </div>
+<app-footer />

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',
 })

src/app/footer/footer.css

@@ -0,0 +1,6 @@
+footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}

src/app/footer/footer.html

@@ -0,0 +1,3 @@
+<footer>
+    <p>Copyright 2025 Jesse R. Brault. All rights reserved.</p>
+</footer>

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<Footer>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [Footer],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(Footer);
+        component = fixture.componentInstance;
+        await fixture.whenStable();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

src/app/footer/footer.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-footer',
+    imports: [],
+    templateUrl: './footer.html',
+    styleUrl: './footer.css',
+})
+export class Footer {}