diff --git a/frontend/main/src/app/edit/edit.component.html b/frontend/main/src/app/edit/edit.component.html
index d1393d8..82b07c2 100644
--- a/frontend/main/src/app/edit/edit.component.html
+++ b/frontend/main/src/app/edit/edit.component.html
@@ -1 +1,51 @@
-<p>edit works!</p>
+
+<div class="card">
+    <div class="card-header">
+        <h1>Edit your information</h1>
+    </div>
+    <div class="card-body">
+
+        <label for="Name">Name:</label>
+        <div class="input-group">
+            <input type="text" class="form-control" name="Name" id="name" placeholder="Name" required>
+
+        </div>
+
+        <label for="User">User:</label>
+        <div class="input-group">
+            <input type="text" class="form-control" name="User" id="user" placeholder="User" required>
+
+        </div>
+
+        <label for="nascimento">Birthday:</label>
+        <div> <input type="date" class="form-control" name="birthday" id="birthday" placeholder="Birthday" required>
+        </div>
+
+        <label for="documento">Document:</label>
+        <div>
+            <input type="number" class="form-control" name="Document" id="document" placeholder="Document" required>
+
+        </div>
+
+
+        <div>
+            <label for="email">Email:</label>
+            <input required type="email" name="email" id="email" placeholder="Email:" class="form-control">
+
+        </div>
+
+        <div>
+            <label for="senha">Senha:</label>
+            <input value="" required type="password" name="password" id="password" placeholder="Password:"
+                class="form-control">
+
+
+        </div>
+
+    </div>
+
+
+    <div class="card-footer">
+     <!-- <button class="btn btn-primary mr-2" (click)="alterar()">Alterar</button> -->
+    </div>
+</div>
\ No newline at end of file
diff --git a/frontend/main/src/app/edit/edit.component.ts b/frontend/main/src/app/edit/edit.component.ts
index 83cfc3c..5fba7ea 100644
--- a/frontend/main/src/app/edit/edit.component.ts
+++ b/frontend/main/src/app/edit/edit.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-edit',
@@ -6,10 +7,28 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./edit.component.css']
 })
 export class EditComponent implements OnInit {
+name!:string
+user!:string
+birth!:Date
+document!:string
+email!:string
+password!:string
+  edit: any;
 
-  constructor() { }
+
+
+  constructor(
+    private router:Router
+    
+  ) { }
 
   ngOnInit(): void {
   }
 
+
+  alterar(index:number){
+    //this.edit.splice()
+  }
+
+
 }