diff --git a/shlok_page/motivation.css b/shlok_page/motivation.css
index 78446f38..50bed52e 100644
--- a/shlok_page/motivation.css
+++ b/shlok_page/motivation.css
@@ -9,6 +9,7 @@ html,
 body {
   overflow: auto;
   height: 120vh;
+  background-color: #2980b9;
 }
 
 body::-webkit-scrollbar {
@@ -17,7 +18,7 @@ body::-webkit-scrollbar {
 
 #display {
   color: black;
-  font-size: 1.5em; 
+  font-size: 1.5em;
   top: 30px;
   opacity: 0.8;
   filter: alpha(opacity=80);
@@ -41,6 +42,48 @@ body::-webkit-scrollbar {
   position: absolute;
 }
 
+footer {
+  background-color: #2980b9;
+  color: #fff;
+  font-size: 14px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+footer .logo-title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+footer .quick-links ul {
+  display: flex;
+  flex-direction: column;
+  font-size: 18px;
+  margin-top: 15px;
+}
+
+/* 
+footer ul li {
+  margin-top: 5px;
+}  */
+
+footer ul li a {
+  color: #fff;
+  text-decoration: none;
+}
+
+footer .quick-links ul li a:hover {
+  text-decoration: none;
+  padding: 5px;
+  background-color: #b1bce0;
+  color: #666;
+}
+
 #line {
   width: 100%;
   border-bottom: solid rgb(0, 0, 0);
@@ -109,6 +152,12 @@ p:hover {
   margin-top: 12px;
 }
 
+.tagline > p {
+  font-size: 18px;
+  text-align: center;
+  color: #fff;
+}
+
 #quote2 {
   text-align: center;
 }
@@ -201,7 +250,6 @@ p:hover {
   transform: scale(1.1);
   border: none;
 }
-
 .author {
   margin-top: 20px;
   margin-bottom: 20px;
@@ -258,340 +306,6 @@ p:hover {
   object-fit: cover;
 }
 
-
-.nav {
-  height: 70px;
-  background-color: #2980b9 !important;
-  box-shadow: 0 3px 15px rgba(51, 49, 49, 0.4);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-right: 20px;
-  position: sticky;
-  z-index: 99;
-  top: 0;
-  font-family: sans-serif;
-  user-select: none;
-}
-
-.navbar-logo {
-  display: flex;
-  align-items: center;
-  text-transform: uppercase;
-  font-size: 20px;
-  letter-spacing: 1px;
-  padding-left: 18px;
-}
-
-/* .navbar-logo img {
-  width: 60px;
-  background-color: antiquewhite;
-  border-radius: 10%;
-} */
-
-.navbar-logo span {
-  font-weight: bold;
-  color: white;
-  margin-left: 10px;
-}
-.navbar-logo a:hover {
-  text-decoration: none;
-}
-.nav ul li {
-  display: inline-block;
-  padding: auto 20px;
-}
-.nav-menu {
-  margin-bottom: 0;
-  padding-left: 0;
-}
-
-.about {
-  margin-left: 80px;
-  margin-right: 80px;
-}
-
-.nav ul li a {
-  color: white !important;
-  display: block;
-  padding: 0 15px;
-  line-height: 70px;
-  font-size: 17px;
-  background-color: #2980b9 !important;
-  transition: 0.3s;
-  letter-spacing: 1px;
-  margin: 0;
-}
-
-.nav ul li a.active:hover {
-  color: black ;
-  text-decoration: underline;
-  text-decoration-color: black;
-}
-
-.dropdown:hover > a {
-  color: black;
-  text-decoration: underline;
-  text-decoration-color: black;
-}
-
-.nav ul ul {
-  position: absolute !important;
-  top: 85px;
-  border-top: 3.5px solid #8ad0ff;
-  background-color: none;
-  opacity: 0;
-  visibility: hidden;
-  padding-left: 0;
-}
-
-.nav ul li:hover > ul {
-  top: 70px;
-  opacity: 1;
-  visibility: visible;
-  transition: 0.3s linear;
-  list-style: none;
-}
-
-.nav ul ul li {
-  width: 310px;
-  display: list-item; 
-   position: relative;
-  border: 1px solid #8ad0ff;
-  border-top: none;
-}
-
-a.dropdown-item{
-  margin: 0 !important;
-}
-/* ul.dropdown-menu.show{
-  margin: 0;
-  padding: 0;
-} */
-.nav ul ul li a {
-  line-height: 25px;
-  padding: 10px 15px;
-  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
-}
-
-/* Google Translate */
-#google_translate_element select {
-  /* background-color: #2980b9 !important; */
-
-  background-color: #f6edfd;
-  color: black;
-  border: none;
-  border-radius: 3px;
-  padding: 6px 8px;
-  cursor: pointer;
-}
-
-.first_letter{
-  font-size: 8.6rem;
-  font-weight: 400;
-}
-
-.first_para{
-  font-size: 5rem;
-  font-weight: 350;
-  color: black;
-}
-
-.head{
-  margin-left: 1rem;
-}
-
-.quote-box{
-  background-color: #fefae0;
-  border-radius: 0.5cm;
-}
-
-.card-container {
-  display: flex;
-  justify-content: space-around;
-  margin: 5rem;
-  gap: 3rem;
-}
-
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border: 2px solid black;
-  border-radius: 0.3cm;
-  max-height: 815px; 
-  overflow: hidden;
-  transition: transform 0.3s ease-in-out;
-}
-
-.card:hover{
-  transform: scale(0.95);
-  cursor:pointer;
-}
-
-
-.card h3 {
-  text-align: center;
-  font-size: 3rem;
-  opacity: 1;
-  transition: opacity 0.3s ease;
-  background-color: #fefae0;
-}
-
-.card .para {
-  font-size: 2rem;
-  margin: 1rem;
-  transition: opacity 0.3s ease;
-}
-
-.card p {
-  text-align: left;
-}
-
-.card a{
-  text-decoration: none;
-}
-
-.card button {
-  padding: 1rem;
-  width: 35rem;
-  border-radius: 0.2cm;
-  font-size: 2rem;
-  display: flex;
-  border: 2px solid #14213d;
-  color: rgb(0, 0, 0);
-  font-family: 'Times New Roman', Times, serif;
-  position: relative;
-  overflow: hidden;
-  border: 2px solid purple;
-  z-index: 1; 
-}
-
-.card button::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background-color: #240066;
-  transition: left 0.5s ease;
-  z-index: -1; 
-}
-
-.card button:hover::before {
-  left: 0;
-}
-
-.card button:hover {
-  color: white;
-}
-
-
- .but{
-  display: flex;
-  justify-content: center;
- }
-
- footer .logo {
-  border-radius: 50%;
-  display: flex;
-  justify-content: left;
-  margin-left: 5rem;
-  height: 12rem;
-  width:12rem
-}
-
-footer {
-  background-color: #2980b9;
-  color: #fff;
-  padding: 20px 0;
-  font-size: 14px;
-  height:40rem
-}
-
-footer .quick-links ul {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 18px;
-  margin-top: 15px;
-}
-footer ul li {
-  margin-top: 5px;
-}
-footer ul li a {
-  color: #fff;
-  text-decoration: none;
-}
-footer .quick-links ul li a:hover {
-  text-decoration: none;
-  padding: 5px;
-  background-color: #b1bce0;
-  color: #666;
-}
-
-.footer-top{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  margin: 2rem;
-}
-
-.intro{
-  font-size: 1.8rem;
-  margin: 2rem;
-}
-
-/* 
-.copyright{
-  display:flex;
-  justify-content: center;
-  flex-direction: column;
-  font-size: 1.8rem;
-} */
-
-.two-links {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 20px;
-  font-size: 2.8rem;
-}
-
-.two-links a {
-  color: #fff;
-  text-decoration: none;
-  margin: 0 10px;
-}
-
-.footer-top {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.footer-socials {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.footer-socials ul {
-  margin: -12rem;
-}
-
-.footer-socials a {
-  color: rgb(0, 0, 0);
-  text-decoration: none;
-}
-
-.copyright{
-  position: relative;
-  top:8rem;
-}
-
 .footer-logo{
   max-width: 100%;
   height: auto;
@@ -600,5 +314,4 @@ footer .quick-links ul li a:hover {
 .footer-divide{
   margin-left: 10rem;
   margin-right: 10rem;
-}
-
+}
\ No newline at end of file
diff --git a/shlok_page/motivation.html b/shlok_page/motivation.html
index 04c9f0be..b89ae38f 100644
--- a/shlok_page/motivation.html
+++ b/shlok_page/motivation.html
@@ -4,22 +4,12 @@
 <head>
   <title>Random Gita Shlok Generator</title>
   <!-- Loading The Bootstrap Library -->
-
-  <link
-  rel="stylesheet"
-  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
-  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
-  crossorigin="anonymous"
-/>
-  <!-- <link href="../style.css" rel="stylesheet" type="text/css" /> -->
-
   <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
   <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
 
   <link href="../style.css" rel="stylesheet" type="text/css" />
-
   <link href="motivation.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" href="../commonStyles.css" type="text/css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
@@ -28,8 +18,8 @@
   <link rel="icon" type="image/x-icon" href="../Images/moksh.jpeg">
 </head>
 
-<body onload="startTime(); startDate()">
-  <script src="../script.js"></script> 
+<body>
+  <script src="../script.js"></script>
   <!-- Navbar Start-->
 
   <div class="nav">
@@ -45,7 +35,7 @@
         <a href="../index.html">Home</a>
       </li>
       <li>
-        <a href="../Blogs/Blog.html">Power of knowledge Blogs</a>
+        <a href="../Blogs/Blog.html">Blog</a>
       </li>
       <li class="active about nav-item">
         <a class="nav-link" href="../Importance of Sloks/Great People.html">Power of Sloks</a>
@@ -80,165 +70,6 @@
   <link rel="stylesheet" type="text/css"
     href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
-
-        <div id="myDiv"></div>
-        
-        
-        
-        <!-- <div id="date"></div>
-          <div id="display"></div> -->
-          
-          <h1 class="head" >
-            <span class="first_letter" >
-              S
-            </span>
-            <span class="first_para" >
-              hloks have changed lives of Great People
-            </span>
-          </h1>
-          
-          <!-- Quote Box -->
-          <div class="block text-center">
-            <!-- Front part of the Quote Box -->
-            <div class="quote-box block__main block__front">
-              <!-- Quote to be Displayed Here -->
-              <span class="quote">
-                <!-- Hyphen is Displayed -->
-                <i class="fas fa-2x fa-quote-left"></i>
-                
-                <!-- Quote Text -->
-                <span class="text"
-                >Abandon all varieties of religion and just surrender unto Me. I
-                shall deliver you from all sinful reactions. Do not fear.
-              </span>
-              <i class="fas fa-2x fa-quote-right"></i>
-            </span>
-            
-            <!-- Author to be Displayed Here -->
-            <div class="author">- Lord Sri Krishna - Bhagvad-gita 18.66</div>
-            
-            <div class="buttons">
-              <button class="new-quote" onclick="newQuote()">New Quote</button>
-              <button class="tweet-btn" onclick="tweetQuote()">
-                Tweet<i class="fa fa-twitter fa-xs" aria-hidden="true"></i>
-              </button>
-            </div>
-          </div>
-          <!-- Back Part of the Quote Box -->
-          <div class="quote-box block__main block__back">
-            <!-- Quote to be Displayed Here -->
-            <span class="quote">
-              <!-- Hyphen is Displayed -->
-              <i class="fas fa-2x fa-quote-left"></i>
-              
-              <!-- Quote Text -->
-              <span class="text"> Quote To be Displayed Here </span>
-              <i class="fas fa-2x fa-quote-right"></i>
-            </span>
-            
-            <!-- Author to be Displayed Here -->
-            <div class="author">Author to be Displayed Here</div>
-            
-            <div class="buttons">
-              <button class="new-quote" onclick="newQuote()">New Quote</button>
-              <button class="tweet-btn" onclick="tweetQuote()">
-                Tweet<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
-              </button>
-            </div>
-          </div>
-        </div>
-        
-        
-        <br>
-        
-        <div id="content" class="content">
-          <br>
-          <div class="card-container">
-            
-            <div class="card">
-              <img src="../Images/MG.jpg" height="205" alt="Image 4" />
-              <h3>Mahatma Gandhi</h3>
-              <div class="para">
-                <p>
-                  Mahatma Gandhi, the revered leader of India's independence movement, was deeply influenced by the teachings of the Bhagavad Gita, a sacred Hindu scripture. The Bhagavad Gita contains numerous slokas that emphasize the importance of selflessness, non-violence, and the pursuit of truth. 
-                </p>
-              </div>
-              <div class="but">
-                <a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
-              </div>
-            </div>
-            
-            <div class="card">
-              <img src="../Images/rnt.jpeg" height="205" alt="Image 4" />
-              <h3>Rabindranath Tagore</h3>
-              <div class="para">
-                <p>
-                  Rabindranath Tagore, the Nobel laureate poet and philosopher from India, had a deep appreciation for the 
-                  spiritual and philosophical aspects of life. He frequently drew inspiration from the Upanishads, a collection of ancient Hindu scriptures, and incorporated their slokas into his literary works.
-                </p>
-              </div>
-              <div class="but">
-                <a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
-              </div>
-            </div>
-            
-            <div class="card">
-              <img src="../Images/sv.jpeg" height="205" alt="Image 4" />
-              <h3>Swami Vivekananda</h3>
-              <div class="para">
-                <p>
-                  Swami Vivekananda, a prominent spiritual leader and disciple of Sri Ramakrishna, played a crucial role in introducing Hindu philosophy to the West. He often quoted slokas from ancient texts like the Upanishads and the Bhagavad Gita during his speeches and lectures. 
-                </p>
-              </div>
-              <div class="but">
-                <a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      
-      <div id="b-nav">
-        
-        
-      </div>
-      <footer>
-        <div class="footer-top">
-          <div class="logo-title">
-            <img class='logo' src="../Images/New_Logo.svg" alt="Moksh Logo"/>
-          </div>
-          <div class="intro">
-            <p>Moksh is a spiritual productivity tool designed for individuals who want to unlock
-              their potential and achie true balance in life. Join us on our journey to <br> empower the world with spiritual knowledge </p>
-            </div>
-        </div>
-        
-        <div class="two-links">
-          <a href="">About</a>
-          <a href="">Blog</a>
-        </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="currentColor" 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>
-              <div class="copyright">
-                <p style=" font-size: 1.4rem; text-align: center; margin-top: 10px;">Made with ❤️ by Akshita during XPRESSION'23</p>
-                <p style=" font-size: 1.4rem; text-align: center; margin-top: 10px;">&copy; 2023 Moksh. All rights reserved.</p>
-              </div>
-              <ul><a href="https://twitter.com/ExperienceMoksh">
-                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" 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>
-
-      </footer>
-      <script src="motivation.js"></script>
-      <body>
-      </html>
-
   <body onload="startTime(); startDate()">
 
 
@@ -416,5 +247,4 @@ <h3>Swami Vivekananda</h3>
     <script src="motivation.js"></script>
 
 
-</html>
-
+</html>
\ No newline at end of file