diff --git a/angular/RestClient/src/app/navigation/navigation.component.css b/angular/RestClient/src/app/navigation/navigation.component.css
new file mode 100644
index 0000000000000000000000000000000000000000..6180318f967d8214510bc0b3c6201221412b25d2
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.css
@@ -0,0 +1,29 @@
+nav {
+    background-color: #333;
+    color: white;
+    padding: 1em;
+  }
+  
+  ul {
+    list-style: none;
+    padding: 0;
+    display: flex;
+  }
+  
+  li {
+    margin-right: 20px;
+  }
+  
+  a {
+    color: white;
+    text-decoration: none;
+  }
+  
+  a:hover {
+    text-decoration: underline;
+  }
+  
+  .active {
+    font-weight: bold;
+  }
+  
\ No newline at end of file
diff --git a/angular/RestClient/src/app/navigation/navigation.component.html b/angular/RestClient/src/app/navigation/navigation.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..28eb7b3afd34eff566b5d124a6f96cf5bf9187d4
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.html
@@ -0,0 +1,7 @@
+<nav>
+    <ul>
+      <li><a routerLink="/hotels" routerLinkActive="Hoteles">Home</a></li>
+      <li><a routerLink="/about" routerLinkActive="active">About</a></li>
+    </ul>
+  </nav>
+  
\ No newline at end of file
diff --git a/angular/RestClient/src/app/navigation/navigation.component.spec.ts b/angular/RestClient/src/app/navigation/navigation.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a161d3121330b48782b4b9f80a5060f1b5ab7c53
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+  let component: NavigationComponent;
+  let fixture: ComponentFixture<NavigationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NavigationComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NavigationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/angular/RestClient/src/app/navigation/navigation.component.ts b/angular/RestClient/src/app/navigation/navigation.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8ca86e68eb7d801dfb19fb5a0bba6ab78c9b2dae
--- /dev/null
+++ b/angular/RestClient/src/app/navigation/navigation.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-navigation',
+  standalone: true,
+  imports: [],
+  templateUrl: './navigation.component.html',
+  styleUrl: './navigation.component.css'
+})
+export class NavigationComponent {
+
+}