diff --git a/README.md b/README.md
index e69de29..5294755 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,29 @@
+# FOROGRUAS
+## Es un foro creado por Cristobal Bernal para Acceso a Datos.
+
+## Funciones:
+
+1. Puedes crear usuarios y que se guarde en la base de datos, con la contraseña encriptada.
+2. Puedes iniciar sesión con ese usuario que has creado anteriormente.
+3. Podras crear preguntar y cada usuario creara su pregunta y saldra el nombre y la hora en la que ha realizado la pregunta.
+4. Podras responder y saldra el usuario el cual a respondido00.
+5. con http://localhost:9000/api/users,respuestas,categorias,foro podras ver toda la informacion de la base de datos de cada tabla.
+6. Dandole acceder si esta iniciado sesion te mostrara el perfil con el nombre y tu correo y tendras el boton de cerrar sesión.
+
+
+## Como instalarlo y empezar a usar la pagina:
+
+1. Crearte una base de datos con el nombre forogruas, el usuario en esta caso sera root y contraseña vacia.
+2. Hacer la conexion con el Intellij con esa base de datos vacia y ya ejecutar y se crean todas las tablas porque esta en update.
+3. Tendras que crear varios usuario para hacer todas la pruebas.
+
+## Base de datos
+![](src/main/resources/Diagrama_Base_Datos.png)
+
+## Diagrama de Clases
+
+
+
+
+
+
diff --git a/src/main/resources/templates/Ask_Question/ask_question.html b/src/main/resources/templates/Ask_Question/ask_question.html
index 53f0ce4..817af16 100644
--- a/src/main/resources/templates/Ask_Question/ask_question.html
+++ b/src/main/resources/templates/Ask_Question/ask_question.html
@@ -17,7 +17,7 @@
 
 
 </head>
-<header th:replace="menu/menu :: mimenu"></header>
+<header th:replace="~{menu/menu :: mimenu}"></header>
 <body>
     <section class="main-content920">
         <div class="container">
@@ -141,7 +141,7 @@
     </section>
     
 <!--    footer -->
-    <footer th:replace="footer/footer"></footer>
+    <footer th:replace="~{footer/footer}"></footer>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
     <script src="js/jquery-3.1.1.min.js"></script>
     <script src="js/bootstrap.min.js"></script>
diff --git a/src/main/resources/templates/Registrar/Registrar.html b/src/main/resources/templates/Registrar/Registrar.html
index b62b399..f889860 100644
--- a/src/main/resources/templates/Registrar/Registrar.html
+++ b/src/main/resources/templates/Registrar/Registrar.html
@@ -17,7 +17,7 @@
 </head>
 
 <body>
-<header th:replace="menu/menu :: mimenu"></header>
+<header th:replace="~{menu/menu :: mimenu}"></header>
 <div class="modal-wrap">
 
   <div class="modal-bodies">
diff --git a/src/main/resources/templates/Respuestas/post-detall.html b/src/main/resources/templates/Respuestas/post-detall.html
index 52ea96c..e1f55c7 100644
--- a/src/main/resources/templates/Respuestas/post-detall.html
+++ b/src/main/resources/templates/Respuestas/post-detall.html
@@ -19,7 +19,7 @@
 </head>
 
 <body>
-<header th:replace="menu/menu :: mimenu"></header>
+<header th:replace="~{menu/menu :: mimenu}"></header>
 <section class="main-content920">
     <div class="container">
         <div class="row">
@@ -47,7 +47,7 @@
                                 <li th:each="Respuesta: ${listaRespuestas}">
                                     <div class="comment-box">
                                         <div class="comment-content" th:text="${Respuesta.Post}"> Lorem ipsum dolor sit amet, consectetur adipisicin iure laudantium vitae, praesentium optio, sapiente distinctio illo? </div>
-                                        <div class="text-muted"><p class="fa fa-user"></p>  <span aria-hidden="true" th:text="${Foro.usuarios.username}"></span>   </div>
+                                        <div class="text-muted"><p class="fa fa-user"></p>  <span aria-hidden="true" th:text="${Respuesta.usersId.username}"></span>   </div>
                                     </div>
                                 </li>
                             </ul>
diff --git a/src/main/resources/templates/footer/footer.html b/src/main/resources/templates/footer/footer.html
index 6a2c3d5..228f3f2 100644
--- a/src/main/resources/templates/footer/footer.html
+++ b/src/main/resources/templates/footer/footer.html
@@ -19,12 +19,11 @@
           <h4>Where We Are ?</h4>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu.</p>
           <h4>Address :</h4>
-          <p>Ask  Network, 33 Street, syada
-            <br> Zeinab, Cairo, Egypt.</p>
+          <p>Av.Puerto 2</p>
           <h4>Support :</h4>
-          <p>Support Telephone No : (+2)01111011110</p>
+          <p>Support Telephone No : +34657854720</p>
           <p>Support Email Account : </p>
-          <p>info@example.com</p>
+          <p>cristobaljunior9@gmail.com</p>
         </div>
       </div>
       <div class="col-md-3">
@@ -42,18 +41,6 @@
           <a href="#">
             <p>-Users</p>
           </a>
-          <a href="#">
-            <p>-Edit Profile</p>
-          </a>
-          <a href="#">
-            <p>-Page</p>
-          </a>
-          <a href="#">
-            <p>-Contact Us</p>
-          </a>
-          <a href="#" class="last-child12892">
-            <p>-Buy now</p>
-          </a>
         </div>
       </div>
       <div class="col-md-3">
@@ -74,14 +61,11 @@
         <div class="info-part-four320">
           <h4>Latest Tweets</h4>
           <div class="tweet-details29">
-            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
-              Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
+            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> cristobalBernal</a></p> <small>about 2 weeks ago</small> </div>
           <div class="tweet-details29">
-            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
-              Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
+            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> cristobalBernal</a></p> <small>about 2 weeks ago</small> </div>
           <div class="tweet-details29">
-            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
-              Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
+            <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> cristobalBernal</a></p> <small>about 2 weeks ago</small> </div>
         </div>
       </div>
     </div>
@@ -91,7 +75,7 @@
   <div class="container">
     <div class="row">
       <div class="col-md-6">
-        <p>Copyright 2017 FOROGRUAS | <strong>Sudo  Coder</strong></p>
+        <p>Copyright 2023 FOROGRUAS | <strong>Sudo  Coder</strong></p>
       </div>
       <div class="col-md-6">
         <div class="social-right2389"> <a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> </div>
diff --git a/src/main/resources/templates/login/login.html b/src/main/resources/templates/login/login.html
index 59dc780..0a7f773 100644
--- a/src/main/resources/templates/login/login.html
+++ b/src/main/resources/templates/login/login.html
@@ -17,7 +17,7 @@
 </head>
 
 <body>
-<header th:replace="menu/menu :: mimenu"></header>
+<header th:replace="~{menu/menu :: mimenu}"></header>
 <div class="modal-wrap">
 
   <div class="modal-bodies">
diff --git a/src/main/resources/templates/miperfil/miperfil.html b/src/main/resources/templates/miperfil/miperfil.html
index da9cdbb..67238b4 100644
--- a/src/main/resources/templates/miperfil/miperfil.html
+++ b/src/main/resources/templates/miperfil/miperfil.html
@@ -1,4 +1,4 @@
-<header th:replace="menu/menu :: mimenu"></header>
+<header th:replace="~{menu/menu :: mimenu}"></header>
 <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
 <link rel="stylesheet" th:href="@{/css/style.css}">
 <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
