diff --git a/package-lock.json b/package-lock.json
index ef1c093..b531843 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "card-validation",
+  "name": "text-analyzer",
   "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "card-validation",
+      "name": "text-analyzer",
       "version": "1.0.0",
       "license": "MIT",
       "devDependencies": {
diff --git a/src/index.html b/src/index.html
index 3f32ea9..3b1aa41 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<!DOCTYPE html>
 <html>
 
 <head>
@@ -8,6 +9,31 @@
 </head>
 
 <body>
+  <header>
+    <h1>
+      Analizador de texto
+    </h1>
+  </header>
+  <main>
+    <ul>
+      <li class="count" data-testid="word-count">Palabras</li>
+      <li class="count" data-testid="character-count">Caracteres</li>
+      <li class="count" data-testid="character-no-spaces-count">Caracteres sin espacios y signos de puntuación</li>
+      <li class="count" data-testid="number-count">Números</li>
+      <li class="count" data-testid="number-sum">Suma de Números</li>
+      <li class="count" data-testid="word-length-average">Promedio Longitud Palabras</li>
+    </ul>
+    <textarea name="user-input" rows="6" cols="40"></textarea>
+      
+   <button type="reset" id="reset-button">Limpiar Métricas</button>    
+
+  </main>  
+  <footer>
+    <p> María Belén Guzmán </p>
+  </footer>
+  
   <script src="index.js" type="module"></script>
+
+  
 </body>
 </html>
\ No newline at end of file
