diff --git a/AR_Meditate/meditation.html b/AR_Meditate/meditation.html
index 68de2582..68b80e44 100644
--- a/AR_Meditate/meditation.html
+++ b/AR_Meditate/meditation.html
@@ -41,12 +41,12 @@
         <li>
           <a href="../Blogs/Blog.html">Blog</a>
         </li>
-        <li class="dropdown">
+        <li class="dropdown ">
           <a href="#">Features
             <i class="fas fa-caret-down"></i>
           </a>
           <!-- Dropdown -->
-          <ul>
+          <ul class="right-0">
             <li><a href="../AR_Meditate/meditation.html">Augmented Reality Meditation</a></li>
             <li><a href="../Iskcon/event.html">Iskcon Events</a></li>
             <li>
diff --git a/Blogs/Blog.html b/Blogs/Blog.html
index 3559b62e..d1eec7ea 100644
--- a/Blogs/Blog.html
+++ b/Blogs/Blog.html
@@ -261,7 +261,7 @@
 
       <!-- Footer  -->
       <footer class="">
-        <div class="footer-divide">
+        <div class="footer-divide flex-col">
           <div class="flex justify-center items-center">
             <div class="w-32 h-32 my-2 rounded-full overflow-hidden">
               <img src="../Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />
diff --git a/Blogs/Words.html b/Blogs/Words.html
index fc22d402..651d5d72 100644
--- a/Blogs/Words.html
+++ b/Blogs/Words.html
@@ -9,6 +9,9 @@
   <link rel="icon" type="image/x-icon" href="Images/moksh.jpeg" />
   <link rel="stylesheet" href="newBlogStyle.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
+
+
+
 </head>
 
 <body>
@@ -25,12 +28,17 @@
         <!-- Navbar   -->
         <div
           class="fixed navbar text-indigo-700 top-0 px-4 sm:px-8 py-4 ease-in-out duration-300 flex z-30 items-center justify-between w-full left-0">
+
           <div class="leftSection">
-            <a class="flex items-center" href="../index.html">
-              <img src="../Images/moksh.png" alt="Moksh Logo" class="w-16 h-16" />
-              <span
-                class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>
+               
+            <a href="./Blog.html" class="blogPageArrow fs-3 text-decoration-none" style="position: fixed;
+            top: 20px;
+            left: 20px; 
+            z-index: 30;">
+              <img width="50" height="50" src="https://img.icons8.com/external-solid-adri-ansyah/64/228BE6/external-ui-basic-ui-solid-adri-ansyah-26.png" alt="external-ui-basic-ui-solid-adri-ansyah-26" />
             </a>
+                 
+              
           </div>
           <div class="rightSection">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -395,6 +403,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
     }
 
   </script>
+  
 
   <script src="./blogs.js"></script>
   <script src="../script.js"></script>
@@ -403,4 +412,4 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/Blogs/depression.html b/Blogs/depression.html
index 8a381314..aa910a58 100644
--- a/Blogs/depression.html
+++ b/Blogs/depression.html
@@ -36,15 +36,7 @@
                                   class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>
                         </a>
                     </div>
-                    <div class="rightSection">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                             stroke="currentColor"
-                             class="openDropDown h-10 w-10 text-indigo-600 cursor-pointer ease-in-out duration-300 p-2 hover:text-slate-900">
-                            <path stroke-linecap="round" stroke-linejoin="round"
-                                  d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" />
-                        </svg>
 
-                    </div>
                 </div>
 
             </div>
diff --git a/Iskcon/event.html b/Iskcon/event.html
index b05fb2df..ad8e8ac2 100644
--- a/Iskcon/event.html
+++ b/Iskcon/event.html
@@ -230,9 +230,8 @@ <h2 class="w3-wide">
 
     <div class="footer">
       <div class='footer-list'>
-        <ul><a href="#" class="footer-items">About</a></ul>
-        <ul><a href="#" class="footer-items">Contact Us</a></ul>
-        <ul><a href="#" class="footer-items">Blogs</a></li>
+        <ul><a href="../index.html" class="footer-items">About</a></ul>
+        <ul><a href="../Blogs/Blog.html" class="footer-items">Blogs</a></li>
       </div>
       <div class="footer-socials">
         <ul>
diff --git a/Pomodro_page/reward.css b/Pomodro_page/reward.css
index 8d748176..fc4f5813 100644
--- a/Pomodro_page/reward.css
+++ b/Pomodro_page/reward.css
@@ -125,3 +125,9 @@ button:active {
   object-fit: cover;
 }
 
+
+
+footer img {
+  width: 128px;
+  border-radius: 50%;
+}
\ No newline at end of file
diff --git a/Pomodro_page/reward.html b/Pomodro_page/reward.html
index 7ca91e20..40298d50 100644
--- a/Pomodro_page/reward.html
+++ b/Pomodro_page/reward.html
@@ -7,7 +7,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pomodoro Rule</title>
 
-  <link href="../style.css" rel="stylesheet" type="text/css" />
+  <script src="../script.js"></script>
+
+  
+
   <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
   <link rel="stylesheet" href="fontawesome.min.css">
@@ -22,10 +25,16 @@
   <link
         rel="stylesheet"
         href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
+
+  <link href="../style.css" rel="stylesheet" type="text/css" />
+  <link rel="stylesheet" href="../commonStyles.css" />
+
+  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
+
 </head>
 
 <body>
-  <script src="script.js"></script>
+  
   <!-- Navbar Start-->
 
   <div class="nav">
@@ -111,7 +120,6 @@ <h2>Good Luck!</h2>
 
 
 
-  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
 
   <div id="about" class="container py-3">
     <div class="row">
@@ -141,59 +149,49 @@ <h1>Pomodoro Spiritual Break</h1>
   </div>
 
 
-
-  <!-- Footer  -->
-  <footer class="indexFooter md:w-full flex flex-col h-fit items-center justify-center py-12 bg-white">
-    <div class="footerWrapper w-full px-12 lg:px-0 sm:w-2/3">
-
-      <!-- Row - 1  -->
-      <div class="row-1 flex w-full items-center justify-center sm:justify-between flex-col">
-
-        <div class="flex flex-col w-full sm:flex-row items-center justify-between ">
-          <img src="./Images/New_Logo.svg" alt="Moksh Logo" class='w-32 h-32 my-2' />
-
-          <div class="flex flex-col px-4 items-center sm:px-0 w-full sm:w-2/3">
-            <span
-                  class="text-center italic font-bold text-indigo-600 mb-1 sm:border-double sm:border-b-4 sm:border-indigo-600">
-              A Spiritual Productivity Tool for Mental Wellness
-            </span>
-
-            <div class=" mt-1  w-full font-semibold flex items-center justify-center flex-col">
-              <span class="sm:text-xs text-md text-justify">
-                Moksh is a spiritual productivity tool designed for individuals who
-                want to unlock their potential and achieve true balance in life.
-
-              </span>
-              <!-- Footer Socials  -->
-              <div
-                   class="socials mt-4 row-2 w-full flex justify-evenly capitalize font-semibold text-md  sm:text-[11px]">
-                <a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Twitter</a>
-                <a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Facebook</a>
-                <a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Instagram</a>
-                <a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Github</a>
-              </div>
-            </div>
-
-
-
-            <!-- Copyright  -->
-            <div class="row-3 copyright text-center font-semibold text-md sm:text-xs mt-4">
-              <p>
-                Made with ❤️ by Akshita during XPRESSION'23
-              </p>
-              <p class='text-rose-600 text-xs font-bold'>
-                &copy; 2023 Moksh. All rights reserved.
-              </p>
-            </div>
-
+    <!-- Footer  -->
+    <footer class="">
+      <div class="footer-divide">
+        <div class="flex justify-center items-center">
+          <div class="w-32 h-32 my-2 rounded-full overflow-hidden">
+            <img src="../Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />
           </div>
-
         </div>
+        <div class="footer-divide-text">
+          Moksh is a spiritual productivity tool designed for
+          individuals who want to unlock their potential and
+          achieve true balance in life. Join us on our journey to empower the world with spiritual knowledge</div>
+      </div>
 
+      <div class="footer">
+        <div class='footer-list'>
+          <ul><a href="#" class="footer-items">About</a></ul>
+          
+          <ul><a href="Blogs/Blog.html" class="footer-items">Blogs</a></li>
+        </div>
+        
+        <div class="footer-socials">
+          <ul>
+          <a href="https://github.com/akshitagupta15june/Moksh">
+            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="black" class="bi bi-github" viewBox="0 0 16 16">
+              <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+            </svg></a></ul>
+          <ul><a href="https://twitter.com/ExperienceMoksh">
+            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="black" class="bi bi-twitter" viewBox="0 0 16 16">
+              <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+            </svg></a></ul>
       </div>
+      
 
+        <div class="made-by"> Made with ❤️ by Akshita during XPRESSION'23</div>
+      <div class="copyright">&copy; Copyright 2023 by Moksh. All rights reserved.</div>
     </div>
-  </footer>
+    </footer>
+
+  
+  
+  
+  <!-- <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script> -->
 
 
 
diff --git a/commonStyles.css b/commonStyles.css
index 21f67b06..23c8de83 100644
--- a/commonStyles.css
+++ b/commonStyles.css
@@ -11,9 +11,11 @@
 }
 
 /* Footer  */
-.footer{
+footer{
   background-color: rgb(243 244 246 / 1);
   color: black;
+
+  padding: 0;
 }
 
 .footer-items{
@@ -32,6 +34,10 @@
   gap: 30px;
 }
 
+.footer-list ul, .footer-socials ul {
+  margin: 0;
+  padding: 0;
+}
 
 .copyright{
   color: black;
@@ -39,6 +45,7 @@
   text-align: center;
   padding-bottom: 30px;
   font-weight: 700;
+  font-size: 13px;
 }
 
 .footer-items:hover::after{
@@ -59,16 +66,19 @@
 
 .footer-divide {
   display: flex;
+  flex-direction: column;
   justify-self: center;
   text-align: center;
   gap: 4rem;
   margin-left: 10rem;
   margin-right: 10rem;
+  font-size: 16px;
 }
 
 .footer-divide-text{
   text-align: left;
   padding-top: 30px;
+  font-size: 16px !important;
 }
 
 .footer-socials{
@@ -102,4 +112,4 @@
     width: 120px;
     left: 40vw;
   }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index bd367d56..a87c5fe6 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,17 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
           <span class="text-md p-3 group-hover:text-indigo-600">Home</span>
         </a>
 
+        <a class="flex group items-center relative font-semibold ease-in-out duration-300 pb relative after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 "
+           href="#mental">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
+               class="h-3 w-3 group-hover:text-indigo-600">
+            <path fill-rule="evenodd"
+                  d="M4.72 3.97a.75.75 0 011.06 0l7.5 7.5a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L11.69 12 4.72 5.03a.75.75 0 010-1.06zm6 0a.75.75 0 011.06 0l7.5 7.5a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 11-1.06-1.06L17.69 12l-6.97-6.97a.75.75 0 010-1.06z"
+                  clip-rule="evenodd" />
+          </svg>
+          <span class="text-md p-3 group-hover:text-indigo-600">Mental Health Problems</span>
+        </a>
+
         <a class="flex group items-center relative font-semibold ease-in-out duration-300 pb relative after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 "
            href="./Blogs/Blog.html">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
@@ -160,6 +171,11 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
                   <a href="./index.html"
                      class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Home</a>
                 </li>
+                <li>
+                  <a href="#mental"
+                     class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">
+                    Mental Health Problems </a>
+                </li>
                 <li>
                   <a href="./Blogs/Blog.html"
                      class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Power
@@ -240,17 +256,18 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
         </div>
       </div>
 
-      <div class="contentSection flex flex-col items-center pt-12 md:py-0 bg-gray-100">
+      <div class="contentSection flex flex-col items-center pt-12 md:py-0 bg-gray-100" id="mentalHealthComponent">
 
         <!-- Mental Health Problems  -->
         <div class="mentalHealthVideo my-8 lg:w-3/4" id="mentalhealth">
           <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
-            <span class="pb-2 border-double border-b-4 border-indigo-600">Mental Health Problems</span>
+            <span class="pb-2 border-double border-b-4 border-indigo-600" id="mental">Mental Health Problems</span>
           </h1>
           <iframe src="https://www.youtube.com/embed/BEsKgEGRjYU" title="YouTube video player" frameborder="0"
                   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                   allowfullscreen="" class="h-[400px] w-full my-12 lg:mx-auto"></iframe>
-          <p class="text-justify px-8 font-medium">
+          <!-- <p class="text-justify px-1 font-base text-lg font-serif mb-6"> -->
+            <p class="text-base leading-8 text-center font-semibold mb-10">
             There are numerous mental problems affecting the people in modern
             society, including fear, false egos, anxiety, comparisons,
             competitions, peer pressure and stressful work environment. Mental
@@ -462,7 +479,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
 
         <!-- Footer  -->
         <footer class="">
-          <div class="footer-divide">
+          <div class="footer-divide ">
             <div class="flex justify-center items-center">
               <div class="w-32 h-32 my-2 rounded-full overflow-hidden">
                 <img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />
@@ -476,7 +493,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
 
           <div class="footer">
             <div class='footer-list'>
-              <ul><a href="#" class="footer-items">About</a></ul>
+              <ul><a href="#mentalHealthComponent" class="footer-items">About</a></ul>
               
               <ul><a href="Blogs/Blog.html" class="footer-items">Blogs</a></li>
             </div>
