diff --git a/src/main/resources/templates/footer/footer.html b/src/main/resources/templates/footer/footer.html
new file mode 100644
index 0000000..b53d340
--- /dev/null
+++ b/src/main/resources/templates/footer/footer.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <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}">
+</head>
+<body>
+
+<!--    footer -->
+<div class="footer-search">
+</div>
+<section class="footer-part">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-3">
+        <div class="info-part-one320">
+          <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 Me Network, 33 Street, syada
+            <br> Zeinab, Cairo, Egypt.</p>
+          <h4>Support :</h4>
+          <p>Support Telephone No : (+2)01111011110</p>
+          <p>Support Email Account : </p>
+          <p>info@example.com</p>
+        </div>
+      </div>
+      <div class="col-md-3">
+        <div class="info-part-two320">
+          <h4>Quick Links</h4>
+          <a href="#">
+            <p>-Home</p>
+          </a>
+          <a href="#">
+            <p>-Ask Question</p>
+          </a>
+          <a href="#">
+            <p>-Questions</p>
+          </a>
+          <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">
+        <div class="info-part-three320">
+          <h4>Popular Questions</h4>
+          <div class="news-info209">
+            <h5>Why are the British confused</h5>
+            <p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
+          <div class="news-info209">
+            <h5>How to approach applying for</h5>
+            <p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
+          <div class="news-info209">
+            <h5>How to evaluate whether a</h5>
+            <p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
+        </div>
+      </div>
+      <div class="col-md-3">
+        <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>
+          <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>
+          <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>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="footer-social">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6">
+        <p>Copyright 2017 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>
+      </div>
+    </div>
+  </div>
+</section>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 4fb3655..da46f7b 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -11,7 +11,7 @@
     <meta name="robots" content="index, nofollow">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="language" content="Spain">
-    <title>Ask Me</title>
+    <title>Foro Gruas</title>
     <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}">
@@ -1483,104 +1483,12 @@
             </div>
         </div>
     </section>
-    <!--    footer -->
-    <div class="footer-search">
-                </div>
-            </div>
-        </div>
-    </div>
-    <section class="footer-part">
-        <div class="container">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="info-part-one320">
-                        <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 Me Network, 33 Street, syada
-                            <br> Zeinab, Cairo, Egypt.</p>
-                        <h4>Support :</h4>
-                        <p>Support Telephone No : (+2)01111011110</p>
-                        <p>Support Email Account : </p>
-                        <p>info@example.com</p>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <div class="info-part-two320">
-                        <h4>Quick Links</h4>
-                        <a href="#">
-                            <p>-Home</p>
-                        </a>
-                        <a href="#">
-                            <p>-Ask Question</p>
-                        </a>
-                        <a href="#">
-                            <p>-Questions</p>
-                        </a>
-                        <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">
-                    <div class="info-part-three320">
-                        <h4>Popular Questions</h4>
-                        <div class="news-info209">
-                            <h5>Why are the British confused</h5>
-                            <p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
-                        <div class="news-info209">
-                            <h5>How to approach applying for</h5>
-                            <p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
-                        <div class="news-info209">
-                            <h5>How to evaluate whether a</h5>
-                            <p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
-                    </div>
-                </div>
-                <div class="col-md-3">
-                    <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>
-                        <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>
-                        <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>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <section class="footer-social">
-        <div class="container">
-            <div class="row">
-                <div class="col-md-6">
-                    <p>Copyright 2017 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>
-                </div>
-            </div>
-        </div>
-    </section>
+
     <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>
     <script src="js/npm.js"></script>
+    <footer th:replace="footer/footer"></footer>
 </body>
 
 </html>
\ No newline at end of file
