diff --git a/English/Assets/facebook.png b/English/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/English/Assets/facebook.png differ
diff --git a/English/Assets/instagram.png b/English/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/English/Assets/instagram.png differ
diff --git a/English/Assets/linkedin.png b/English/Assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/English/Assets/linkedin.png differ
diff --git a/English/Assets/twitter.png b/English/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/English/Assets/twitter.png differ
diff --git a/English/Police/Assets/facebook.png b/English/Police/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/English/Police/Assets/facebook.png differ
diff --git a/English/Police/Assets/instagram.png b/English/Police/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/English/Police/Assets/instagram.png differ
diff --git a/English/Police/Assets/linkedin.png b/English/Police/Assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/English/Police/Assets/linkedin.png differ
diff --git a/English/Police/Assets/twitter.png b/English/Police/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/English/Police/Assets/twitter.png differ
diff --git a/English/Police/css/chatbot.css b/English/Police/css/chatbot.css
index 042279e..0f59ace 100644
--- a/English/Police/css/chatbot.css
+++ b/English/Police/css/chatbot.css
@@ -269,7 +269,7 @@ input[type="checkbox"] {
   align-items: center;
   position: fixed;
   left: 80px;
-  z-index: 99999;
+  z-index: -1;
 }
 .chatbot-area {
   float: right;
diff --git a/English/Police/css/footer.css b/English/Police/css/footer.css
new file mode 100644
index 0000000..366cce5
--- /dev/null
+++ b/English/Police/css/footer.css
@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;400&display=swap');
+
+footer{
+    position: relative;
+    top: 800px;
+    width: 100%;
+    font-family: "Source Serif Pro", serif;
+    padding-top: 30px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    line-height: 2rem;
+    overflow-y: scroll;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/English/Police/index.html b/English/Police/index.html
index 36f5833..63a2adf 100644
--- a/English/Police/index.html
+++ b/English/Police/index.html
@@ -13,6 +13,8 @@
     <script src="./js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../footer.css">
     <title>Sign In | Police</title>
 </head>
 <body class="bg-light">
@@ -98,4 +100,52 @@ <h2 class="h2 text-center text-dark mb-3">Sign In</h2>
     <script src="./js/app.js"></script>
 
 </body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Quick Links</h5></li>
+            <li><a href="#!" class="text-white">Home</a></li>
+            <li><a href="#!" class="text-white">About Us</a> </li>
+            <li>
+              <h6>Languages:</h2>
+              <ul class="list-styled mb-0">
+                <li><a href="../home.html" class="text-white">English</a></li>
+                <li><a href="./../../Kannada/home.html" class="text-white">Kannada</a></li>
+                <li><a href="#" class="text-white">Others</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Contact Us</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">Connect</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
 </html>
diff --git a/English/Police/pages/chatbot.html b/English/Police/pages/chatbot.html
index b0298be..ebded1f 100644
--- a/English/Police/pages/chatbot.html
+++ b/English/Police/pages/chatbot.html
@@ -6,6 +6,8 @@
     <title>Chatbot | RUDRA</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <link rel="stylesheet" href="../css/chatbot.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
 </head>
@@ -51,5 +53,61 @@
         <button id="mic" style="height: 70px; width: 70px;"><i class="flaticon-microphone"></i></button>
     </section>
     <script src="../js/chatbot.js"></script>
+        <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Quick Links</h5></li>
+                <li><a href="#!" class="text-white">Home</a></li>
+                <li><a href="#!" class="text-white">About Us</a> </li>
+                <li><a href="home.html" class="text-white">Instructions</a> </li>
+                <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                <li><a href="./report.html" class="text-white">Report</a> </li>
+                <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Contact Us</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">Languages</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">English</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                      <li><a href="#" class="text-white">Others</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">Connect</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
 </body>
 </html>
diff --git a/English/Police/pages/home.html b/English/Police/pages/home.html
index 21351e5..5e05e09 100644
--- a/English/Police/pages/home.html
+++ b/English/Police/pages/home.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/home.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Instructions | RUDRA</title>
 </head>
 
@@ -66,6 +68,62 @@ <h2 style="font-weight: bolder; letter-spacing: 2px;" class="mb-0">INSTRUCTIONS
         </section>
     </section>
     <script type="text/javascript" src="../js/home.js"></script>
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Quick Links</h5></li>
+                <li><a href="#!" class="text-white">Home</a></li>
+                <li><a href="#!" class="text-white">About Us</a> </li>
+                <li><a href="home.html" class="text-white">Instructions</a> </li>
+                <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                <li><a href="./report.html" class="text-white">Report</a> </li>
+                <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Contact Us</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">Languages</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">English</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                      <li><a href="#" class="text-white">Others</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">Connect</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
 </body>
 
 </html>
diff --git a/English/Police/pages/identify.html b/English/Police/pages/identify.html
index edba2be..2aedbbf 100644
--- a/English/Police/pages/identify.html
+++ b/English/Police/pages/identify.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/identify.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Identify Theft | RUDRA</title>
 </head>
 
@@ -72,6 +74,62 @@
     </div>
 
     <script type="text/javascript" src="../js/identify.js"></script>
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Quick Links</h5></li>
+                <li><a href="#!" class="text-white">Home</a></li>
+                <li><a href="#!" class="text-white">About Us</a> </li>
+                <li><a href="home.html" class="text-white">Instructions</a> </li>
+                <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                <li><a href="./report.html" class="text-white">Report</a> </li>
+                <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">Contact Us</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">Languages</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">English</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                      <li><a href="#" class="text-white">Others</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">Connect</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
 
 </body>
 
diff --git a/English/Police/pages/notes.html b/English/Police/pages/notes.html
index 76f94e5..68a9cbb 100644
--- a/English/Police/pages/notes.html
+++ b/English/Police/pages/notes.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/notes.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Notes | RUDRA</title>
 </head>
 
@@ -43,6 +45,62 @@
         <button class="add-button" onmousedown="addNote()">+</button>
 
     <script type="text/javascript" src="../js/notes.js"></script>
+            <!-- footer -->
+<section class="footer">
+        <footer class="text-white text-center text-lg-start">
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Quick Links</h5></li>
+                    <li><a href="#!" class="text-white">Home</a></li>
+                    <li><a href="#!" class="text-white">About Us</a> </li>
+                    <li><a href="home.html" class="text-white">Instructions</a> </li>
+                    <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                    <li><a href="./report.html" class="text-white">Report</a> </li>
+                    <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                    <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Contact Us</h5></li>
+                    <li>
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                    </li>
+                    <li>
+                      <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                    </li>
+                    <br>
+                    <li>
+                        <h5 class="text-uppercase">Languages</h5>
+                        <ul class="list-unstyled mb-0">
+                          <li><a href="../../home.html" class="text-white">English</a></li>
+                          <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                          <li><a href="#" class="text-white">Others</a></li>
+                        </ul>
+                      </li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                  <div class="container footer-list">
+                    <h5 class="text-uppercase connect">Connect</h5>
+                    <div class="row">
+                        <div class="col-2"></div>
+                      <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> 
+            <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+              © 2020 Copyright:
+              <a class="text-white" href="#">Rudra@xyz.com</a>
+            </div>
+          </footer>
+        </section>
 </body>
 
 </html>
diff --git a/English/Police/pages/report.html b/English/Police/pages/report.html
index 5907bfd..da68227 100644
--- a/English/Police/pages/report.html
+++ b/English/Police/pages/report.html
@@ -8,6 +8,8 @@
         <link rel="stylesheet" href="../css/report.css">
         <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
         <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+        <script src="https://use.fontawesome.com/c287a31143.js"></script>
+        <link rel="stylesheet" href="../css/footer.css">
         <title>Report | RUDRA</title>
 </head>
 
@@ -70,6 +72,62 @@ <h1>REPORT</h1>
         </div>
 
         <script type="text/javascript" src="../js/report.js"></script>
+                <!-- footer -->
+<section class="footer">
+        <footer class="text-white text-center text-lg-start">
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Quick Links</h5></li>
+                    <li><a href="#!" class="text-white">Home</a></li>
+                    <li><a href="#!" class="text-white">About Us</a> </li>
+                    <li><a href="home.html" class="text-white">Instructions</a> </li>
+                    <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                    <li><a href="./report.html" class="text-white">Report</a> </li>
+                    <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                    <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Contact Us</h5></li>
+                    <li>
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                    </li>
+                    <li>
+                      <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                    </li>
+                    <br>
+                    <li>
+                        <h5 class="text-uppercase">Languages</h5>
+                        <ul class="list-unstyled mb-0">
+                          <li><a href="../../home.html" class="text-white">English</a></li>
+                          <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                          <li><a href="#" class="text-white">Others</a></li>
+                        </ul>
+                      </li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                  <div class="container footer-list">
+                    <h5 class="text-uppercase connect">Connect</h5>
+                    <div class="row">
+                        <div class="col-2"></div>
+                      <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> 
+            <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+              © 2020 Copyright:
+              <a class="text-white" href="#">Rudra@xyz.com</a>
+            </div>
+          </footer>
+        </section>
 </body>
 
 </html>
diff --git a/English/Police/pages/sign-up.html b/English/Police/pages/sign-up.html
index 1ccba3e..ce983fa 100644
--- a/English/Police/pages/sign-up.html
+++ b/English/Police/pages/sign-up.html
@@ -13,6 +13,8 @@
     <script src="../js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Sign Up | Police</title>
 </head>
 <body class="bg-light">
@@ -98,4 +100,60 @@ <h2 class="h2 text-center text-dark mb-3">Sign Up</h2>
     <script src="../js/app.js"></script>
 
 </body>
+        <!-- footer -->
+        <section class="footer">
+            <footer class="text-white text-center text-lg-start">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">Quick Links</h5></li>
+                        <li><a href="#!" class="text-white">Home</a></li>
+                        <li><a href="#!" class="text-white">About Us</a> </li>
+                        <li><a href="home.html" class="text-white">Instructions</a> </li>
+                        <li><a href="./identify.html" class="text-white">Identify Theft</a> </li>
+                        <li><a href="./report.html" class="text-white">Report</a> </li>
+                        <li><a href="./notes.html" class="text-white">Notes</a> </li>
+                        <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">Contact Us</h5></li>
+                        <li>
+                          <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                        </li>
+                        <li>
+                          <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                        </li>
+                        <br>
+                        <li>
+                            <h5 class="text-uppercase">Languages</h5>
+                            <ul class="list-unstyled mb-0">
+                              <li><a href="../../home.html" class="text-white">English</a></li>
+                              <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                              <li><a href="#" class="text-white">Others</a></li>
+                            </ul>
+                          </li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                      <div class="container footer-list">
+                        <h5 class="text-uppercase connect">Connect</h5>
+                        <div class="row">
+                            <div class="col-2"></div>
+                          <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div> 
+                <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+                  © 2020 Copyright:
+                  <a class="text-white" href="#">Rudra@xyz.com</a>
+                </div>
+              </footer>
+            </section>
 </html>
diff --git a/English/Public/Assets/facebook.png b/English/Public/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/English/Public/Assets/facebook.png differ
diff --git a/English/Public/Assets/instagram.png b/English/Public/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/English/Public/Assets/instagram.png differ
diff --git a/English/Public/Assets/twitter.png b/English/Public/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/English/Public/Assets/twitter.png differ
diff --git a/English/Public/css/chatbot.css b/English/Public/css/chatbot.css
index 042279e..0f59ace 100644
--- a/English/Public/css/chatbot.css
+++ b/English/Public/css/chatbot.css
@@ -269,7 +269,7 @@ input[type="checkbox"] {
   align-items: center;
   position: fixed;
   left: 80px;
-  z-index: 99999;
+  z-index: -1;
 }
 .chatbot-area {
   float: right;
diff --git a/English/Public/css/footer.css b/English/Public/css/footer.css
new file mode 100644
index 0000000..366cce5
--- /dev/null
+++ b/English/Public/css/footer.css
@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;400&display=swap');
+
+footer{
+    position: relative;
+    top: 800px;
+    width: 100%;
+    font-family: "Source Serif Pro", serif;
+    padding-top: 30px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    line-height: 2rem;
+    overflow-y: scroll;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/English/Public/index.html b/English/Public/index.html
index 994a800..5cf74a5 100644
--- a/English/Public/index.html
+++ b/English/Public/index.html
@@ -13,6 +13,8 @@
     <script src="./js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../footer.css">
     <title>Sign In | Public</title>
 </head>
 <body class="bg-light">
@@ -92,4 +94,53 @@ <h2 class="h2 text-center text-dark mb-3">Sign In</h2>
     <script src="./js/app.js"></script>
 
 </body>
+
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Quick Links</h5></li>
+            <li><a href="#!" class="text-white">Home</a></li>
+            <li><a href="#!" class="text-white">About Us</a> </li>
+            <li>
+              <h6>Languages:</h2>
+              <ul class="list-styled mb-0">
+                <li><a href="../home.html" class="text-white">English</a></li>
+                <li><a href="./../../Kannada/home.html" class="text-white">Kannada</a></li>
+                <li><a href="#" class="text-white">Others</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Contact Us</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">Connect</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
 </html>
diff --git a/English/Public/pages/chatbot.html b/English/Public/pages/chatbot.html
index ada8d8b..863344c 100644
--- a/English/Public/pages/chatbot.html
+++ b/English/Public/pages/chatbot.html
@@ -8,6 +8,8 @@
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
     <link rel="stylesheet" href="../css/chatbot.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
 </head>
 <body>
     <nav>
@@ -46,5 +48,61 @@
         <button id="mic" style="height: 70px; width: 70px;"><i class="flaticon-microphone"></i></button>
     </section>
     <script src="../js/chatbot.js"></script>
+
+        <!-- footer -->
+        <section class="footer">
+            <footer class="text-white text-center text-lg-start">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">Quick Links</h5></li>
+                        <li><a href="#!" class="text-white">Home</a></li>
+                        <li><a href="#!" class="text-white">About Us</a> </li>
+                        <li><a href="home.html" class="text-white">Instructions</a> </li>
+                        <li><a href="./report.html" class="text-white">Report</a> </li>
+                        <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">Contact Us</h5></li>
+                        <li>
+                          <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                        </li>
+                        <li>
+                          <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                        </li>
+                        <br>
+                        <li>
+                            <h5 class="text-uppercase">Languages</h5>
+                            <ul class="list-unstyled mb-0">
+                              <li><a href="../../home.html" class="text-white">English</a></li>
+                              <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                              <li><a href="#" class="text-white">Others</a></li>
+                            </ul>
+                          </li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                      <div class="container footer-list">
+                        <h5 class="text-uppercase connect">Connect</h5>
+                        <div class="row">
+                            <div class="col-2"></div>
+                          <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div> 
+                <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+                  © 2020 Copyright:
+                  <a class="text-white" href="#">Rudra@xyz.com</a>
+                </div>
+              </footer>
+            </section>
+            
 </body>
 </html>
diff --git a/English/Public/pages/home.html b/English/Public/pages/home.html
index 1d8b758..986b6ce 100644
--- a/English/Public/pages/home.html
+++ b/English/Public/pages/home.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/home.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Instructions | RUDRA</title>
 </head>
 
@@ -57,6 +59,62 @@ <h2 style="font-weight: bolder; letter-spacing: 2px;" class="mb-0">INSTRUCTIONS
                     </div>
                 </div>
                 <script type="text/javascript" src="../js/home.js"></script>
+
+                    <!-- footer -->
+    <section class="footer">
+        <footer class="text-white text-center text-lg-start">
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Quick Links</h5></li>
+                    <li><a href="#!" class="text-white">Home</a></li>
+                    <li><a href="#!" class="text-white">About Us</a> </li>
+                    <li><a href="home.html" class="text-white">Instructions</a> </li>
+                    <li><a href="./report.html" class="text-white">Report</a> </li>
+                    <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Contact Us</h5></li>
+                    <li>
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                    </li>
+                    <li>
+                      <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                    </li>
+                    <br>
+                    <li>
+                        <h5 class="text-uppercase">Languages</h5>
+                        <ul class="list-unstyled mb-0">
+                          <li><a href="../../home.html" class="text-white">English</a></li>
+                          <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                          <li><a href="#" class="text-white">Others</a></li>
+                        </ul>
+                      </li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                  <div class="container footer-list">
+                    <h5 class="text-uppercase connect">Connect</h5>
+                    <div class="row">
+                        <div class="col-2"></div>
+                      <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> 
+            <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+              © 2020 Copyright:
+              <a class="text-white" href="#">Rudra@xyz.com</a>
+            </div>
+          </footer>
+        </section>
+        
 </body>
 
 </html>
diff --git a/English/Public/pages/report.html b/English/Public/pages/report.html
index b277ecb..6574207 100644
--- a/English/Public/pages/report.html
+++ b/English/Public/pages/report.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/report.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Report | RUDRA</title>
 </head>
 
@@ -59,6 +61,62 @@ <h1>Report Us</h1>
     </div>
 
       <script type="text/javascript" src="../js/report.js"></script>
+
+          <!-- footer -->
+    <section class="footer">
+      <footer class="text-white text-center text-lg-start">
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                <ul class="list-unstyled mb-0 footer-list">
+                  <li><h5 class="text-uppercase">Quick Links</h5></li>
+                  <li><a href="#!" class="text-white">Home</a></li>
+                  <li><a href="#!" class="text-white">About Us</a> </li>
+                  <li><a href="home.html" class="text-white">Instructions</a> </li>
+                  <li><a href="./report.html" class="text-white">Report</a> </li>
+                  <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                </ul>
+              </div>
+              <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                <ul class="list-unstyled mb-0 footer-list">
+                  <li><h5 class="text-uppercase">Contact Us</h5></li>
+                  <li>
+                    <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                  </li>
+                  <li>
+                    <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                  </li>
+                  <br>
+                  <li>
+                      <h5 class="text-uppercase">Languages</h5>
+                      <ul class="list-unstyled mb-0">
+                        <li><a href="../../home.html" class="text-white">English</a></li>
+                        <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                        <li><a href="#" class="text-white">Others</a></li>
+                      </ul>
+                    </li>
+                </ul>
+              </div>
+              <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                <div class="container footer-list">
+                  <h5 class="text-uppercase connect">Connect</h5>
+                  <div class="row">
+                      <div class="col-2"></div>
+                    <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                    <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                    <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div> 
+          <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+            © 2020 Copyright:
+            <a class="text-white" href="#">Rudra@xyz.com</a>
+          </div>
+        </footer>
+      </section>
+      
 </body>
 
 </html>
diff --git a/English/Public/pages/sign-up.html b/English/Public/pages/sign-up.html
index 3bfc4ca..7117d43 100644
--- a/English/Public/pages/sign-up.html
+++ b/English/Public/pages/sign-up.html
@@ -15,6 +15,8 @@
     <script src="../js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>Sign Up | Public</title>
 </head>
 
@@ -115,7 +117,61 @@ <h2 class="h2 text-center text-dark mb-3">Sign Up</h2>
 
     <!-- Custom JavaScript -->
     <script src="../js/app.js"></script>
-
+    <!-- footer -->
+    <section class="footer">
+        <footer class="text-white text-center text-lg-start">
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Quick Links</h5></li>
+                    <li><a href="#!" class="text-white">Home</a></li>
+                    <li><a href="#!" class="text-white">About Us</a> </li>
+                    <li><a href="home.html" class="text-white">Instructions</a> </li>
+                    <li><a href="./report.html" class="text-white">Report</a> </li>
+                    <li><a href="./chatbot.html" class="text-white">Chatbot</a></li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">Contact Us</h5></li>
+                    <li>
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                    </li>
+                    <li>
+                      <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                    </li>
+                    <br>
+                    <li>
+                        <h5 class="text-uppercase">Languages</h5>
+                        <ul class="list-unstyled mb-0">
+                          <li><a href="../../home.html" class="text-white">English</a></li>
+                          <li><a href="./../../../Kannada/home.html" class="text-white">Kannada</a></li>
+                          <li><a href="#" class="text-white">Others</a></li>
+                        </ul>
+                      </li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                  <div class="container footer-list">
+                    <h5 class="text-uppercase connect">Connect</h5>
+                    <div class="row">
+                        <div class="col-2"></div>
+                      <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> 
+            <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+              © 2020 Copyright:
+              <a class="text-white" href="#">Rudra@xyz.com</a>
+            </div>
+          </footer>
+        </section>
+        
 </body>
 
 </html>
diff --git a/English/footer.css b/English/footer.css
new file mode 100644
index 0000000..59e7c2a
--- /dev/null
+++ b/English/footer.css
@@ -0,0 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;400&display=swap');
+
+footer{
+    font-family: "Source Serif Pro", serif;
+    padding-top: 30px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    line-height: 2rem;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/English/home.css b/English/home.css
index de399ed..1c8eee9 100644
--- a/English/home.css
+++ b/English/home.css
@@ -92,7 +92,7 @@ p + p {
   margin-top: 10px;
 }
 
-.container {
+.container-2 {
   align-items: center;
   font-family: "Source Serif Pro", serif;
   padding-bottom: 95px;
diff --git a/English/home.html b/English/home.html
index 3963a7a..5a3f179 100644
--- a/English/home.html
+++ b/English/home.html
@@ -1,43 +1,93 @@
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <title>RUDRA</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
-    <link rel="stylesheet" href="./home.css">
-    <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
-
-</head>
-<body>
-    <h1 class="title">RUDRA</h1>
-
-    <!-- Typewriter Effect -->
-    <div class="container1">
-        <p><span class="typed-text"></span><span class="cursor">&nbsp;</span></p>
-    </div>
-
-    <!-- Police/Public Section(Parallex Dpth Card) -->
-    <div id="app" class="container">
-        <card data-image="./Assets/public.jpg">
-            <h1 slot="header" style="color: #00cc00;">PUBLIC</h1>
-            <p slot="content" style="color: #00cc00;">Sign in with Public Account
-                <a href="./Public/index.html"><img
-                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
-        </card>
-        <card data-image="./Assets/police.jpg">
-            <h1 slot="header" style="color: rgb(77, 130, 243);">POLICE</h1>
-            <p slot="content" style="color: rgb(77, 130, 243);">Sign in with Police Account
-                <a href="./Police/index.html"><img
-                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
-        </card>
-    </div>
-
-    <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js'></script>
-    <script src="./home.js"></script>
-
-</body>
-
-</html>
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>RUDRA</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="./home.css">
+    <link rel="stylesheet" href="./footer.css">
+    <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
+
+</head>
+<body>
+    <h1 class="title">RUDRA</h1>
+
+    <!-- Typewriter Effect -->
+    <div class="container1">
+        <p><span class="typed-text"></span><span class="cursor">&nbsp;</span></p>
+    </div>
+
+    <!-- Police/Public Section(Parallex Dpth Card) -->
+    <div id="app" class="container-2">
+        <card data-image="./Assets/public.jpg">
+            <h1 slot="header" style="color: #00cc00;">PUBLIC</h1>
+            <p slot="content" style="color: #00cc00;">Sign in with Public Account
+                <a href="./Public/index.html"><img
+                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
+        </card>
+        <card data-image="./Assets/police.jpg">
+            <h1 slot="header" style="color: rgb(77, 130, 243);">POLICE</h1>
+            <p slot="content" style="color: rgb(77, 130, 243);">Sign in with Police Account
+                <a href="./Police/index.html"><img
+                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
+        </card>
+    </div>
+
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js'></script>
+    <script src="./home.js"></script>
+
+</body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Quick Links</h5></li>
+            <li><a href="#!" class="text-white">Home</a></li>
+            <li><a href="#!" class="text-white">About Us</a> </li>
+            <li>
+              <h6>Languages:</h2>
+              <ul class="list-styled mb-0">
+                <li><a href="./English/home.html" class="text-white">English</a></li>
+                <li><a href="./Kannada/home.html" class="text-white">Kannada</a></li>
+                <li><a href="#" class="text-white">Others</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">Contact Us</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">Connect</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
+</html>
diff --git a/Kannada/Assets/facebook.png b/Kannada/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/Kannada/Assets/facebook.png differ
diff --git a/Kannada/Assets/instagram.png b/Kannada/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/Kannada/Assets/instagram.png differ
diff --git a/Kannada/Assets/linkedin.png b/Kannada/Assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/Kannada/Assets/linkedin.png differ
diff --git a/Kannada/Assets/twitter.png b/Kannada/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/Kannada/Assets/twitter.png differ
diff --git a/Kannada/Police/Assets/facebook.png b/Kannada/Police/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/Kannada/Police/Assets/facebook.png differ
diff --git a/Kannada/Police/Assets/instagram.png b/Kannada/Police/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/Kannada/Police/Assets/instagram.png differ
diff --git a/Kannada/Police/Assets/linkedin.png b/Kannada/Police/Assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/Kannada/Police/Assets/linkedin.png differ
diff --git a/Kannada/Police/Assets/twitter.png b/Kannada/Police/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/Kannada/Police/Assets/twitter.png differ
diff --git a/Kannada/Police/css/chatbot.css b/Kannada/Police/css/chatbot.css
index 042279e..0f59ace 100644
--- a/Kannada/Police/css/chatbot.css
+++ b/Kannada/Police/css/chatbot.css
@@ -269,7 +269,7 @@ input[type="checkbox"] {
   align-items: center;
   position: fixed;
   left: 80px;
-  z-index: 99999;
+  z-index: -1;
 }
 .chatbot-area {
   float: right;
diff --git a/Kannada/Police/css/footer.css b/Kannada/Police/css/footer.css
new file mode 100644
index 0000000..366cce5
--- /dev/null
+++ b/Kannada/Police/css/footer.css
@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;400&display=swap');
+
+footer{
+    position: relative;
+    top: 800px;
+    width: 100%;
+    font-family: "Source Serif Pro", serif;
+    padding-top: 30px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    line-height: 2rem;
+    overflow-y: scroll;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/Kannada/Police/index.html b/Kannada/Police/index.html
index 0664917..99879cd 100644
--- a/Kannada/Police/index.html
+++ b/Kannada/Police/index.html
@@ -13,6 +13,8 @@
     <script src="./js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../footer.css">
     <title>ಸೈನ್ ಇನ್ | ಪೊಲೀಸರು</title>
 </head>
 <body class="bg-light">
@@ -105,4 +107,52 @@ <h2 class="h2 text-center text-dark mb-3">ಸೈನ್ ಇನ್ ಮಾಡಿ
     <script src="./js/app.js"></script>
 
 </body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+            <li><a href="#!" class="text-white">ಮನೆ</a></li>
+            <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+            <li>
+              <h6>ಭಾಷೆಗಳು</h2>
+              <ul class="list-styled mb-0">
+                <li><a href="../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                <li><a href="./../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                <li><a href="#" class="text-white">ಇತರರು</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
 </html>
diff --git a/Kannada/Police/pages/chatbot.html b/Kannada/Police/pages/chatbot.html
index 2e86ae4..9714e32 100644
--- a/Kannada/Police/pages/chatbot.html
+++ b/Kannada/Police/pages/chatbot.html
@@ -1,56 +1,116 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ಚಾಟ್‌ಬಾಟ್ | ರುದ್ರ
-    </title>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
-    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
-    <link rel="stylesheet" href="../css/chatbot.css">
-    <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
-</head>
-<body>
-    <nav>
-        <div class="logo"><a href="home.html" style="text-decoration: none; color: white;">
-            ರುದ್ರ</a></div>
-        <input type="checkbox" id="click">
-        <label for="click" class="menu-btn">
-            <i class="fas fa-bars"></i>
-        </label>
-        <ul style="font-family: 'Source Serif Pro', serif;">
-            <li><a href="home.html" class=" text-decoration: none"><img
-                        src="https://img.icons8.com/color/30/000000/brief.png" /> ಸೂಚನೆಗಳು</a></li>
-            <li><a href="./identify.html"><img src="https://img.icons8.com/office/30/000000/find-user-male--v1.png" />
-                ಗುರುತಿಸಲು
-                ಕಳ್ಳತನ</a></li>
-            <li><a href=" "><img src="https://img.icons8.com/plasticine/30/000000/business-report.png" />
-                ವರದಿ</a></li>
-            <li><a href="./notes.html"><img src="https://img.icons8.com/dusk/30/000000/note.png" />
-                ಟಿಪ್ಪಣಿಗಳು</a></li>
-            <li><a class="active" href="./chatbot.html"><img src="https://img.icons8.com/ultraviolet/30/000000/chatbot.png" />
-                ಚಾಟ್‌ಬಾಟ್</a></li>
-                    <li><a href="../index.html"><img src="https://img.icons8.com/dusk/30/000000/logout-rounded-left.png" />
-                ಲಾಗ್ ಔಟ್</a></li>
-            <div id="dark-mode-toggle" title="Dark mode toggle"><img
-                    src="https://img.icons8.com/color/38/000000/moon-satellite.png" /></div>
-        </ul>
-    </nav>
-
-    <section class="main">
-            <div class="user-area">
-                <img src="../Assets/Chatbot/police.png" style="height: 80%; width: 80%;">
-            </div>
-            <div class="chatarea-main">
-                <div class="chatarea-outer">
-
-                </div>
-            </div>
-            <div class="chatbot-area">
-                <img src="../Assets/Chatbot/robot.png" style="height: 80%; width: 80%;">
-            </div>
-        <button id="mic" style="height: 70px; width: 70px;"><i class="flaticon-microphone"></i></button>
-    </section>
-    <script src="../js/chatbot.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ಚಾಟ್‌ಬಾಟ್ | ರುದ್ರ
+    </title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
+    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <link rel="stylesheet" href="../css/chatbot.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
+    <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'
+</head>
+<body>
+    <nav>
+        <div class="logo"><a href="home.html" style="text-decoration: none; color: white;">
+            ರುದ್ರ</a></div>
+        <input type="checkbox" id="click">
+        <label for="click" class="menu-btn">
+            <i class="fas fa-bars"></i>
+        </label>
+        <ul style="font-family: 'Source Serif Pro', serif;">
+            <li><a href="home.html" class=" text-decoration: none"><img
+                        src="https://img.icons8.com/color/30/000000/brief.png" /> ಸೂಚನೆಗಳು</a></li>
+            <li><a href="./identify.html"><img src="https://img.icons8.com/office/30/000000/find-user-male--v1.png" />
+                ಗುರುತಿಸಲು
+                ಕಳ್ಳತನ</a></li>
+            <li><a href=" "><img src="https://img.icons8.com/plasticine/30/000000/business-report.png" />
+                ವರದಿ</a></li>
+            <li><a href="./notes.html"><img src="https://img.icons8.com/dusk/30/000000/note.png" />
+                ಟಿಪ್ಪಣಿಗಳು</a></li>
+            <li><a class="active" href="./chatbot.html"><img src="https://img.icons8.com/ultraviolet/30/000000/chatbot.png" />
+                ಚಾಟ್‌ಬಾಟ್</a></li>
+                    <li><a href="../index.html"><img src="https://img.icons8.com/dusk/30/000000/logout-rounded-left.png" />
+                ಲಾಗ್ ಔಟ್</a></li>
+            <div id="dark-mode-toggle" title="Dark mode toggle"><img
+                    src="https://img.icons8.com/color/38/000000/moon-satellite.png" /></div>
+        </ul>
+    </nav>
+
+    <section class="main">
+            <div class="user-area">
+                <img src="../Assets/Chatbot/police.png" style="height: 80%; width: 80%;">
+            </div>
+            <div class="chatarea-main">
+                <div class="chatarea-outer">
+
+                </div>
+            </div>
+            <div class="chatbot-area">
+                <img src="../Assets/Chatbot/robot.png" style="height: 80%; width: 80%;">
+            </div>
+        <button id="mic" style="height: 70px; width: 70px;"><i class="flaticon-microphone"></i></button>
+    </section>
+    <script src="../js/chatbot.js"></script>
+
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+    
+</body>
+</html>
diff --git a/Kannada/Police/pages/home.html b/Kannada/Police/pages/home.html
index b3d0c6e..f3620ee 100644
--- a/Kannada/Police/pages/home.html
+++ b/Kannada/Police/pages/home.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/home.css">
     <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಸೂಚನೆಗಳು | ರುದ್ರ
     </title>
 </head>
@@ -67,6 +69,64 @@ <h2 style="font-weight: bolder; letter-spacing: 2px;" class="mb-0">ಸೂಚನ
         </section>
     </section>
     <script type="text/javascript" src="../js/home.js"></script>
+
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+    
 </body>
 
 </html>
diff --git a/Kannada/Police/pages/identify.html b/Kannada/Police/pages/identify.html
index 5f2854a..a391b7d 100644
--- a/Kannada/Police/pages/identify.html
+++ b/Kannada/Police/pages/identify.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/identify.css">
     <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಕಳ್ಳತನವನ್ನು ಗುರುತಿಸಿ | ರುದ್ರ</title>
 </head>
 
@@ -77,6 +79,64 @@
 
     <script type="text/javascript" src="../js/identify.js"></script>
 
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+    
+
 </body>
 
 </html>
diff --git a/Kannada/Police/pages/notes.html b/Kannada/Police/pages/notes.html
index 696266e..eb37cde 100644
--- a/Kannada/Police/pages/notes.html
+++ b/Kannada/Police/pages/notes.html
@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="../css/notes.css">
     <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಟಿಪ್ಪಣಿಗಳು | ರುದ್ರ
 </title>
 </head>
@@ -44,6 +46,64 @@
         <button class="add-button" onmousedown="addNote()">+</button>
 
     <script type="text/javascript" src="../js/notes.js"></script>
+
+            <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+    
 </body>
 
 </html>
diff --git a/Kannada/Police/pages/report.html b/Kannada/Police/pages/report.html
index abce3f5..353e3eb 100644
--- a/Kannada/Police/pages/report.html
+++ b/Kannada/Police/pages/report.html
@@ -8,6 +8,8 @@
         <link rel="stylesheet" href="../css/report.css">
         <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
         <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+        <script src="https://use.fontawesome.com/c287a31143.js"></script>
+        <link rel="stylesheet" href="../css/footer.css">
         <title>ವರದಿ | ರುದ್ರ</title>
 </head>
 
@@ -71,6 +73,63 @@ <h1>ವರದಿ</h1>
         </div>
 
         <script type="text/javascript" src="../js/report.js"></script>
+                <!-- footer -->
+<section class="footer">
+        <footer class="text-white text-center text-lg-start">
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                    <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                    <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                    <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                    <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                    <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                    <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                    <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                  <ul class="list-unstyled mb-0 footer-list">
+                    <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                    <li>
+                      <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                    </li>
+                    <li>
+                      <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                    </li>
+                    <br>
+                    <li>
+                        <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                        <ul class="list-unstyled mb-0">
+                          <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                          <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                          <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                        </ul>
+                      </li>
+                  </ul>
+                </div>
+                <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                  <div class="container footer-list">
+                    <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                    <div class="row">
+                        <div class="col-2"></div>
+                      <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                      <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> 
+            <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+              © 2020 Copyright:
+              <a class="text-white" href="#">Rudra@xyz.com</a>
+            </div>
+          </footer>
+        </section>
+        
 </body>
 
 </html>
diff --git a/Kannada/Police/pages/sign-up.html b/Kannada/Police/pages/sign-up.html
index e116408..10d56d9 100644
--- a/Kannada/Police/pages/sign-up.html
+++ b/Kannada/Police/pages/sign-up.html
@@ -13,6 +13,8 @@
     <script src="../js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಸೈನ್ ಅಪ್ | ಪೊಲೀಸರು</title>
 </head>
 <body class="bg-light">
@@ -98,6 +100,62 @@ <h2 class="h2 text-center text-dark mb-3">ಸೈನ್ ಅಪ್ ಮಾಡಿ</h
 
     <!-- Custom JavaScript -->
     <script src="../js/app.js"></script>
-
+        <!-- footer -->
+        <section class="footer">
+            <footer class="text-white text-center text-lg-start">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                        <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                        <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                        <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                        <li><a href="./identify.html" class="text-white">ಗುರುತಿನ ಕಳ್ಳತನ</a> </li>
+                        <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                        <li><a href="./notes.html" class="text-white">ಟಿಪ್ಪಣಿಗಳು</a> </li>
+                        <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                      <ul class="list-unstyled mb-0 footer-list">
+                        <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                        <li>
+                          <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                        </li>
+                        <li>
+                          <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                        </li>
+                        <br>
+                        <li>
+                            <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                            <ul class="list-unstyled mb-0">
+                              <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                              <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                              <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                            </ul>
+                          </li>
+                      </ul>
+                    </div>
+                    <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                      <div class="container footer-list">
+                        <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                        <div class="row">
+                            <div class="col-2"></div>
+                          <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                          <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div> 
+                <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+                  © 2020 Copyright:
+                  <a class="text-white" href="#">Rudra@xyz.com</a>
+                </div>
+              </footer>
+            </section>
+            
 </body>
 </html>
diff --git a/Kannada/Public/Assets/facebook.png b/Kannada/Public/Assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/Kannada/Public/Assets/facebook.png differ
diff --git a/Kannada/Public/Assets/instagram.png b/Kannada/Public/Assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/Kannada/Public/Assets/instagram.png differ
diff --git a/Kannada/Public/Assets/linkedin.png b/Kannada/Public/Assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/Kannada/Public/Assets/linkedin.png differ
diff --git a/Kannada/Public/Assets/twitter.png b/Kannada/Public/Assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/Kannada/Public/Assets/twitter.png differ
diff --git a/Kannada/Public/css/chatbot.css b/Kannada/Public/css/chatbot.css
index 042279e..0f59ace 100644
--- a/Kannada/Public/css/chatbot.css
+++ b/Kannada/Public/css/chatbot.css
@@ -269,7 +269,7 @@ input[type="checkbox"] {
   align-items: center;
   position: fixed;
   left: 80px;
-  z-index: 99999;
+  z-index: -1;
 }
 .chatbot-area {
   float: right;
diff --git a/Kannada/Public/css/footer.css b/Kannada/Public/css/footer.css
new file mode 100644
index 0000000..366cce5
--- /dev/null
+++ b/Kannada/Public/css/footer.css
@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;400&display=swap');
+
+footer{
+    position: relative;
+    top: 800px;
+    width: 100%;
+    font-family: "Source Serif Pro", serif;
+    padding-top: 30px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    line-height: 2rem;
+    overflow-y: scroll;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/Kannada/Public/index.html b/Kannada/Public/index.html
index e9b0491..83b76c8 100644
--- a/Kannada/Public/index.html
+++ b/Kannada/Public/index.html
@@ -12,6 +12,8 @@
     <script src="./js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../footer.css">
     <title>ಸೈನ್ ಇನ್ | ಸಾರ್ವಜನಿಕ
     </title>
 </head>
@@ -96,5 +98,53 @@ <h2 class="h2 text-center text-dark mb-3">ಸೈನ್ ಇನ್ ಮಾಡಿ</h
     <script src="./js/app.js"></script>
 
 </body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+            <li><a href="#!" class="text-white">ಮನೆ</a></li>
+            <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+            <li>
+              <h6>ಭಾಷೆಗಳು</h2>
+              <ul class="list-styled mb-0">
+                <li><a href="../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                <li><a href="./../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                <li><a href="#" class="text-white">ಇತರರು</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
 </html>
 
diff --git a/Kannada/Public/pages/chatbot.html b/Kannada/Public/pages/chatbot.html
index b99e409..0ca77d3 100644
--- a/Kannada/Public/pages/chatbot.html
+++ b/Kannada/Public/pages/chatbot.html
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
     <link rel="stylesheet" href="../css/chatbot.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
 </head>
 <body>
     <nav>
@@ -45,5 +47,61 @@
         <button id="mic" style="height: 70px; width: 70px;"><i class="flaticon-microphone"></i></button>
     </section>
     <script src="../js/chatbot.js"></script>
+
+                <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+</body>
 </body>
 </html>
diff --git a/Kannada/Public/pages/home.html b/Kannada/Public/pages/home.html
index 4046859..631fa75 100644
--- a/Kannada/Public/pages/home.html
+++ b/Kannada/Public/pages/home.html
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
     <link rel="stylesheet" href="../css/home.css">
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಸೂಚನೆಗಳು | ರುದ್ರ</title>
 </head>
 
@@ -56,6 +58,62 @@ <h2 style="font-weight: bolder; letter-spacing: 2px;" class="mb-0">ಸೂಚನ
                     </div>
                 </div>
                 <script type="text/javascript" src="../js/home.js"></script>
+
+                <!-- footer -->
+<section class="footer">
+    <footer class="text-white text-center text-lg-start">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+              <ul class="list-unstyled mb-0 footer-list">
+                <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                <li>
+                  <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                </li>
+                <li>
+                  <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                </li>
+                <br>
+                <li>
+                    <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                    <ul class="list-unstyled mb-0">
+                      <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                      <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                      <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                    </ul>
+                  </li>
+              </ul>
+            </div>
+            <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+              <div class="container footer-list">
+                <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                <div class="row">
+                    <div class="col-2"></div>
+                  <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                  <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div> 
+        <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+          © 2020 Copyright:
+          <a class="text-white" href="#">Rudra@xyz.com</a>
+        </div>
+      </footer>
+    </section>
+</body>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Kannada/Public/pages/report.html b/Kannada/Public/pages/report.html
index 5821002..dff6689 100644
--- a/Kannada/Public/pages/report.html
+++ b/Kannada/Public/pages/report.html
@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
     <link rel="stylesheet" href="../css/report.css">
     <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ವರದಿ | ರುದ್ರ
     </title>
 </head>
@@ -54,6 +56,62 @@ <h1>ನಮ್ಮನ್ನು ವರದಿ ಮಾಡಿ</h1>
       </div>
 
       <script type="text/javascript" src="../js/report.js"></script>
+
+                  <!-- footer -->
+<section class="footer">
+  <footer class="text-white text-center text-lg-start">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+            <ul class="list-unstyled mb-0 footer-list">
+              <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+              <li><a href="#!" class="text-white">ಮನೆ</a></li>
+              <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+              <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+              <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+              <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+            </ul>
+          </div>
+          <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+            <ul class="list-unstyled mb-0 footer-list">
+              <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+              <li>
+                <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+              </li>
+              <li>
+                <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+              </li>
+              <br>
+              <li>
+                  <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                  <ul class="list-unstyled mb-0">
+                    <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                    <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                    <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                  </ul>
+                </li>
+            </ul>
+          </div>
+          <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+            <div class="container footer-list">
+              <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+              <div class="row">
+                  <div class="col-2"></div>
+                <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> 
+      <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+        © 2020 Copyright:
+        <a class="text-white" href="#">Rudra@xyz.com</a>
+      </div>
+    </footer>
+  </section>
+</body>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Kannada/Public/pages/sign-up.html b/Kannada/Public/pages/sign-up.html
index d717bb6..8b9979b 100644
--- a/Kannada/Public/pages/sign-up.html
+++ b/Kannada/Public/pages/sign-up.html
@@ -14,6 +14,8 @@
     <script src="../js/sweetalert2.js"></script>
     <!-- Nunito Google Font -->
     <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="../css/footer.css">
     <title>ಸೈನ್ ಅಪ್ | ಸಾರ್ವಜನಿಕ
     </title>
 </head>
@@ -117,5 +119,59 @@ <h2 class="h2 text-center text-dark mb-3">ಸೈನ್ ಅಪ್ ಮಾಡಿ</h
     <script src="../js/app.js"></script>
 
 </body>
-
+            <!-- footer -->
+            <section class="footer">
+                <footer class="text-white text-center text-lg-start">
+                    <div class="container">
+                      <div class="row">
+                        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                          <ul class="list-unstyled mb-0 footer-list">
+                            <li><h5 class="text-uppercase">ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+                            <li><a href="#!" class="text-white">ಮನೆ</a></li>
+                            <li><a href="#!" class="text-white">ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+                            <li><a href="home.html" class="text-white">ಸೂಚನೆಗಳು</a> </li>
+                            <li><a href="./report.html" class="text-white">ವರದಿ</a> </li>
+                            <li><a href="./chatbot.html" class="text-white">ಚಾಟ್‌ಬಾಟ್</a></li>
+                          </ul>
+                        </div>
+                        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+                          <ul class="list-unstyled mb-0 footer-list">
+                            <li><h5 class="text-uppercase">ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+                            <li>
+                              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+                            </li>
+                            <li>
+                              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+                            </li>
+                            <br>
+                            <li>
+                                <h5 class="text-uppercase">ಭಾಷೆಗಳು</h5>
+                                <ul class="list-unstyled mb-0">
+                                  <li><a href="../../home.html" class="text-white">ಆಂಗ್ಲ</a></li>
+                                  <li><a href="./../../../Kannada/home.html" class="text-white">ಕನ್ನಡ</a></li>
+                                  <li><a href="#" class="text-white">ಇತರೆ</a></li>
+                                </ul>
+                              </li>
+                          </ul>
+                        </div>
+                        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+                          <div class="container footer-list">
+                            <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+                            <div class="row">
+                                <div class="col-2"></div>
+                              <div class="col-2"><a href=""><img src="../Assets/facebook.png" alt=""></a></div>
+                              <div class="col-2"><a href=""><img src="../Assets/twitter.png" alt=""></a></div>
+                              <div class="col-2"><a href=""><img src="../Assets/instagram.png" alt=""></a></div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div> 
+                    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+                      © 2020 Copyright:
+                      <a class="text-white" href="#">Rudra@xyz.com</a>
+                    </div>
+                  </footer>
+                </section>
+            </body>
 </html>
\ No newline at end of file
diff --git a/Kannada/footer.css b/Kannada/footer.css
new file mode 100644
index 0000000..36d2243
--- /dev/null
+++ b/Kannada/footer.css
@@ -0,0 +1,19 @@
+footer{
+    padding-top: 20px;
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    align-items: left;
+    line-height: 2rem;
+}
+footer>.container{
+    font-size:18px ;
+}
+.footer-list>li, .connect{
+    width: 100%;
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/Kannada/home.css b/Kannada/home.css
index 4f15259..73a4115 100644
--- a/Kannada/home.css
+++ b/Kannada/home.css
@@ -92,7 +92,7 @@ p + p {
   margin-top: 10px;
 }
 
-.container {
+.container-2 {
   align-items: center;
   font-family: "Source Serif Pro", serif;
   padding-bottom: 95px;
diff --git a/Kannada/home.html b/Kannada/home.html
index 071f6e5..ddc8513 100644
--- a/Kannada/home.html
+++ b/Kannada/home.html
@@ -1,43 +1,95 @@
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <title>ರುದ್ರ</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
-    <link rel="stylesheet" href="./home.css">
-    <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
-
-</head>
-<body>
-    <h1 class="title">ರುದ್ರ</h1>
-
-    <!-- Typewriter Effect -->
-    <div class="container1">
-        <p><span class="typed-text"></span><span class="cursor">&nbsp;</span></p>
-    </div>
-
-    <!-- Police/Public Section(Parallex Dpth Card) -->
-    <div id="app" class="container">
-        <card data-image="./Assets/public.jpg">
-            <h1 slot="header" style="color: #00cc00;">ಸಾರ್ವಜನಿಕ</h1>
-            <p slot="content" style="color: #00cc00;">ಸಾರ್ವಜನಿಕ ಖಾತೆಯೊಂದಿಗೆ ಸೈನ್ ಇನ್ ಮಾಡಿ<br>
-                <a href="./Public/index.html"><img
-                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
-        </card>
-        <card data-image="./Assets/police.jpg">
-            <h1 slot="header" style="color: rgb(77, 130, 243);">ಪೊಲೀಸ್</h1>
-            <p slot="content" style="color: rgb(77, 130, 243);">ಪೊಲೀಸ್ ಖಾತೆಯೊಂದಿಗೆ ಸೈನ್ ಇನ್ ಮಾಡಿ<br>
-                <a href="./Police/index.html"><img
-                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
-        </card>
-    </div>
-
-    <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js'></script>
-    <script src="./home.js"></script>
-
-</body>
-
-</html>
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>ರುದ್ರ</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="./home.css">
+    <link rel="stylesheet" href="./footer.css">
+    <link rel='icon' href='Kannada/Assets/favicon.ico' type='image/x-icon'/ >
+
+</head>
+<body>
+    <h1 class="title">ರುದ್ರ</h1>
+
+    <!-- Typewriter Effect -->
+    <div class="container1">
+        <p><span class="typed-text"></span><span class="cursor">&nbsp;</span></p>
+    </div>
+
+    <!-- Police/Public Section(Parallex Dpth Card) -->
+    <div id="app" class="container-2">
+        <card data-image="./Assets/public.jpg">
+            <h1 slot="header" style="color: #00cc00;">ಸಾರ್ವಜನಿಕ</h1>
+            <p slot="content" style="color: #00cc00;">ಸಾರ್ವಜನಿಕ ಖಾತೆಯೊಂದಿಗೆ ಸೈನ್ ಇನ್ ಮಾಡಿ<br>
+                <a href="./Public/index.html"><img
+                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
+        </card>
+        <card data-image="./Assets/police.jpg">
+            <h1 slot="header" style="color: rgb(77, 130, 243);">ಪೊಲೀಸ್</h1>
+            <p slot="content" style="color: rgb(77, 130, 243);">ಪೊಲೀಸ್ ಖಾತೆಯೊಂದಿಗೆ ಸೈನ್ ಇನ್ ಮಾಡಿ<br>
+                <a href="./Police/index.html"><img
+                        src="https://img.icons8.com/plasticine/60/4a90e2/domain.png" /></a></p>
+        </card>
+    </div>
+
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js'></script>
+    <script src="./home.js"></script>
+
+</body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase">
+              ತ್ವರಿತ ಲಿಂಕ್‌ಗಳು</h5></li>
+            <li><a href="#!" class="text-white">ಮನೆ</a></li>
+            <li><a href="#!" class="text-white">
+              ನಮ್ಮ ಬಗ್ಗೆ</a> </li>
+            <li>
+              <h6> ಭಾಷೆ</h6>
+              <ul class="list-styled mb-0">
+                <li><a href="./English/home.html" class="text-white"> ಆಂಗ್ಲ</a></li>
+                <li><a href="./Kannada/home.html" class="text-white"> ಕನ್ನಡ</a></li>
+                <li><a href="#" class="text-white">ಇತರರು</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+          <ul class="list-unstyled mb-0 footer-list">
+            <li><h5 class="text-uppercase"> ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ</h5></li>
+            <li>
+              <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+            </li>
+            <li>
+              <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+            </li>
+          </ul>
+        </div>
+        <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+          <div class="container footer-list">
+            <h5 class="text-uppercase connect">ಸಂಪರ್ಕಿಸಿ</h5>
+            <div class="row">
+                <div class="col-2"></div>
+              <div class="col-2"><a href=""><img src="assets/facebook.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="assets/twitter.png" alt=""></a></div>
+              <div class="col-2"><a href=""><img src="assets/instagram.png" alt=""></a></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> 
+    <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+      © 2020 Copyright:
+      <a class="text-white" href="#">Rudra@xyz.com</a>
+    </div>
+  </footer>
+</html>
\ No newline at end of file
diff --git a/assets/facebook.png b/assets/facebook.png
new file mode 100644
index 0000000..8613640
Binary files /dev/null and b/assets/facebook.png differ
diff --git a/assets/instagram.png b/assets/instagram.png
new file mode 100644
index 0000000..7a50ff7
Binary files /dev/null and b/assets/instagram.png differ
diff --git a/assets/linkedin.png b/assets/linkedin.png
new file mode 100644
index 0000000..fd5f07f
Binary files /dev/null and b/assets/linkedin.png differ
diff --git a/assets/twitter.png b/assets/twitter.png
new file mode 100644
index 0000000..1bf99bd
Binary files /dev/null and b/assets/twitter.png differ
diff --git a/footer.css b/footer.css
new file mode 100644
index 0000000..97353d7
--- /dev/null
+++ b/footer.css
@@ -0,0 +1,16 @@
+footer{
+    padding-top: 20px;
+    /* position:fixed; */
+    background: rgb(6, 82, 92);
+    background-size: 100%;
+    clip-path: polygon(26% 0, 100% 4%, 100% 100%, 0 100%, 0 5%);
+    align-items: left;
+    line-height: 2rem;
+}
+.footer-list>li, .connect{
+    margin-left: 20%;
+    text-align: left;
+}
+.copyrights{
+    background: rgb(0, 27, 31);
+}
\ No newline at end of file
diff --git a/home.html b/home.html
index 8f58203..af562e3 100644
--- a/home.html
+++ b/home.html
@@ -1,35 +1,86 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Rudra</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
-    <link rel="stylesheet" href="./home.css">
-    <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
-</head>
-<body>
-<article data-icon="Aa" style="--hsl0: 82, 81%, 52%; --hsl1: 104, 56%, 51%;
---idx: 0">
-<h3>English</h3>
-<h4>RUDRA</h4>
-<p>To open Rudra Web Application in Englich language <a href="./English/home.html">Click here</a></p>
-</article>
-
-<!-- Kannadn translated page could have some spelling mistake -->
-<article data-icon="ಎ" style="--hsl0: 49, 100%, 54%; --hsl1: 33, 96%, 50%;
---idx: 1">
-<h3>ಕನ್ನಡ</h3>
-<h4>ರುದ್ರ</h4>
-<p>
-  ರುದ್ರ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಇಂಗ್ಲಿಷ್ ಭಾಷೆಯಲ್ಲಿ ತೆರೆಯಲು <a href="./Kannada/home.html">ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ</a></p>
-</article>
-<article data-icon="Aअ" style="--hsl0: 169, 50%, 44%; --hsl1: 191, 99%, 27%;
---idx: 2">
-<h3></h3>
-<h4>Other languages</h4>
-<p>Other languages comming soon...</p>
-</article>
-</div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Rudra</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+    <script src="https://use.fontawesome.com/c287a31143.js"></script>
+    <link rel="stylesheet" href="./home.css">
+    <link rel="stylesheet" href="./footer.css">
+    <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
+</head>
+<body>
+<article data-icon="Aa" style="--hsl0: 82, 81%, 52%; --hsl1: 104, 56%, 51%;
+--idx: 0">
+<h3>English</h3>
+<h4>RUDRA</h4>
+<p>To open Rudra Web Application in Englich language <a href="./English/home.html">Click here</a></p>
+</article>
+
+<!-- Kannadn translated page could have some spelling mistake -->
+<article data-icon="ಎ" style="--hsl0: 49, 100%, 54%; --hsl1: 33, 96%, 50%;
+--idx: 1">
+<h3>ಕನ್ನಡ</h3>
+<h4>ರುದ್ರ</h4>
+<p>
+  ರುದ್ರ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಇಂಗ್ಲಿಷ್ ಭಾಷೆಯಲ್ಲಿ ತೆರೆಯಲು <a href="./Kannada/home.html">ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ</a></p>
+</article>
+<article data-icon="Aअ" style="--hsl0: 169, 50%, 44%; --hsl1: 191, 99%, 27%;
+--idx: 2">
+<h3></h3>
+<h4>Other languages</h4>
+<p>Other languages comming soon...</p>
+</article>
+</div>
+</body>
+<!-- footer -->
+<footer class="text-white text-center text-lg-start">
+  <div class="container p-4">
+    <div class="row">
+      <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+        <ul class="list-unstyled mb-0 footer-list">
+          <li><h5 class="text-uppercase">Quick Links</h5></li>
+          <li><a href="#!" class="text-white">Home</a></li>
+          <li><a href="#!" class="text-white">About Us</a> </li>
+          <li>
+            <h6>Languages:</h2>
+            <ul class="list-styled mb-0">
+              <li><a href="./English/home.html" class="text-white">English</a></li>
+              <li><a href="./Kannada/home.html" class="text-white">Kannada</a></li>
+              <li><a href="#" class="text-white">Others</a></li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+      <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
+        <ul class="list-unstyled mb-0 footer-list">
+          <li><h5 class="text-uppercase">Contact Us</h5></li>
+          <li>
+            <i class="fa fa-envelope-o" aria-hidden="true"></i><a href="#" class="text-white">&nbsp rudra@xyz.com</a>
+          </li>
+          <li>
+            <i class="fa fa-phone" aria-hidden="true"></i><a href="#" class="text-white">&nbsp 9004950430</a>
+          </li>
+        </ul>
+      </div>
+      <div class="col-lg-4 col-md-4 mb-4 mb-md-0">   
+        <div class="container footer-list">
+          <h5 class="text-uppercase connect">Connect</h5>
+          <div class="row">
+            <div class="col-2"></div>
+            <div class="col-2"><img src="assets/facebook.png" alt=""></div>
+            <div class="col-2"><img src="assets/twitter.png" alt=""></div>
+            <div class="col-2"><img src="assets/instagram.png" alt=""></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="text-center p-3 copyright" style="background-color: rgba(0, 0, 0, 0.2)">
+    © 2020 Copyright:
+    <a class="text-white" href="#">Rudra@xyz.com</a>
+  </div>
+</footer>
+</html>
