diff --git a/apps/wanieldeiss/src/app/app.component.html b/apps/wanieldeiss/src/app/app.component.html
index fdf35a2..333134c 100644
--- a/apps/wanieldeiss/src/app/app.component.html
+++ b/apps/wanieldeiss/src/app/app.component.html
@@ -7,6 +7,10 @@
       id="index-section"
       class="snap-start w-screen h-screen flex items-center justify-center"
     />
+    <wd-about
+      id="about-section"
+      class="snap-start w-screen h-screen flex items-center justify-center"
+    />
     <wd-cv
       id="cv-section"
       class="snap-start w-screen h-screen flex items-center justify-center"
diff --git a/apps/wanieldeiss/src/app/app.module.ts b/apps/wanieldeiss/src/app/app.module.ts
index 007d011..481e5f8 100644
--- a/apps/wanieldeiss/src/app/app.module.ts
+++ b/apps/wanieldeiss/src/app/app.module.ts
@@ -10,7 +10,7 @@ import {
   PageWrapperComponent,
   SocialIconBarComponent,
 } from './components';
-import { IndexPage, CvPage } from './pages';
+import { IndexPage, CvPage, AboutPage } from './pages';
 import { HttpClientModule } from '@angular/common/http';
 import { TypingDirective } from './directives/typing.directive';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -23,7 +23,7 @@ const COMPONENTS = [
   PageWrapperComponent,
   SocialIconBarComponent,
 ];
-const PAGES = [IndexPage, CvPage];
+const PAGES = [AboutPage, IndexPage, CvPage];
 
 @NgModule({
   declarations: [AppComponent, ...COMPONENTS, ...PAGES, TypingDirective],
diff --git a/apps/wanieldeiss/src/app/components/header/header.component.html b/apps/wanieldeiss/src/app/components/header/header.component.html
index d155566..e1d0af9 100644
--- a/apps/wanieldeiss/src/app/components/header/header.component.html
+++ b/apps/wanieldeiss/src/app/components/header/header.component.html
@@ -25,6 +25,12 @@
           Home
         </span>
       </li>
+
+      <li class="mr-4">
+        <span (click)="click('about-section')" class="hover:cursor-pointer">
+          About
+        </span>
+      </li>
       <li class="mr-4">
         <span (click)="click('cv-section')" class="hover:cursor-pointer">
           CV
diff --git a/apps/wanieldeiss/src/app/pages/about/about.page.html b/apps/wanieldeiss/src/app/pages/about/about.page.html
new file mode 100644
index 0000000..accbe49
--- /dev/null
+++ b/apps/wanieldeiss/src/app/pages/about/about.page.html
@@ -0,0 +1,3 @@
+<wd-page-wrapper>
+  <div class="h-full overflow-y-auto">ABOUT</div>
+</wd-page-wrapper>
diff --git a/apps/wanieldeiss/src/app/pages/about/about.page.scss b/apps/wanieldeiss/src/app/pages/about/about.page.scss
new file mode 100644
index 0000000..e69de29
diff --git a/apps/wanieldeiss/src/app/pages/about/about.page.spec.ts b/apps/wanieldeiss/src/app/pages/about/about.page.spec.ts
new file mode 100644
index 0000000..f4dbe6a
--- /dev/null
+++ b/apps/wanieldeiss/src/app/pages/about/about.page.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutPage } from './about.page';
+
+describe('IndexComponent', () => {
+  let component: AboutPage;
+  let fixture: ComponentFixture<AboutPage>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AboutPage],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AboutPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/apps/wanieldeiss/src/app/pages/about/about.page.ts b/apps/wanieldeiss/src/app/pages/about/about.page.ts
new file mode 100644
index 0000000..b94ba27
--- /dev/null
+++ b/apps/wanieldeiss/src/app/pages/about/about.page.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'wd-about',
+  templateUrl: './about.page.html',
+  styleUrls: ['./about.page.scss'],
+})
+export class AboutPage {}
diff --git a/apps/wanieldeiss/src/app/pages/index.ts b/apps/wanieldeiss/src/app/pages/index.ts
index f7ddc40..283a398 100644
--- a/apps/wanieldeiss/src/app/pages/index.ts
+++ b/apps/wanieldeiss/src/app/pages/index.ts
@@ -1,2 +1,3 @@
+export * from './about/about.page';
 export * from './cv/cv.page';
 export * from './index/index.page';