Solved the footer issue

about.css

@@ -43,6 +43,66 @@ nav {
   .about-title {
     padding-top: 6%;
   }
+  .footer-basic {
+  padding:40px 0;
+  background-color:#ffffff;
+  color:#4b4c4d;
+}
+
+.footer-basic ul {
+  padding:0;
+  list-style:none;
+  text-align:center;
+  font-size:18px;
+  line-height:1.6;
+  margin-bottom:0;
+}
+
+.footer-basic li {
+  padding:0 10px;
+}
+
+.footer-basic ul a {
+  color:inherit;
+  text-decoration:none;
+  opacity:0.8;
+}
+
+.footer-basic ul a:hover {
+  opacity:1;
+}
+
+.footer-basic .social {
+  text-align:center;
+  padding-bottom:25px;
+}
+
+.footer-basic .social > a {
+  font-size:24px;
+  width:40px;
+  height:40px;
+  line-height:40px;
+  display:inline-block;
+  text-align:center;
+  border-radius:50%;
+  border:1px solid #ccc;
+  margin:0 8px;
+  color:inherit;
+  opacity:0.75;
+}
+
+.footer-basic .social > a:hover {
+  opacity:0.9;
+}
+
+.footer-basic .copyright {
+  margin-top:15px;
+  text-align:center;
+  font-size:13px;
+  color:#aaa;
+  margin-bottom:0;
+}
+
 
   #loading {
     position: fixed;

index.css

@@ -364,6 +364,9 @@ title {
   flex-direction: column !important;
   margin-bottom: 4rem;
 }
+.footer-basic {
+  text-align: center;
+}
 
 #search-result {
   font-style: italic;

index.html

@@ -851,7 +851,10 @@ <h5 class="card-title">Think And Grow Rich</h5>
           <div class="card-body">
             <div>
               <h5 class="card-title">Think And Grow Rich</h5>
-              <p class="card-text">Think and Grow Rich was written in 1937 by Napoleon Hill, promoted as a personal development and self-improvement book. Hill writes that he was inspired by a suggestion from business magnate and later-philanthropist Andrew Carnegie. Think and Grow Rich.</p>
+              <p class="card-text">Think and Grow Rich was written in 1937 by Napoleon Hill, 
+                promoted as a personal development and self-improvement book.
+                 Hill writes that he was inspired by a suggestion from business magnate 
+                 and later-philanthropist Andrew Carnegie. Think and Grow Rich.</p>
             </div>
             <a href="https://github.com/Parth4git" class="btn btn-outline-danger btn-sm">Contributed by -
               Parth Dwivedi</a>
@@ -873,9 +876,6 @@ <h5 class="card-title">God's War</h5>
                 Mediterranean also led to the invasion and conversion of Central and Baltic Europe, Spain, Portugal, the
                 destruction of the Cathars in Provence and the settlement of America.</p>
               <div>
-                <h5 class="card-title">God's War</h5>
-                <p class="card-text">The story of how a group of warriors, driven by faith, greed and wanderlust, carved out new Christian-ruled states in the Middle East is one of the most extraordinary of all epics. The crusaders' stunning initial success started a sequence of great Crusades, each with its own story, that fundamentally shaped the Christian and Muslim worlds for two centuries, until the last Crusader castles were finally expunged. The energy and commitment that sent army after army into the eastern Mediterranean also led to the invasion and conversion of Central and Baltic Europe, Spain, Portugal, the destruction of the Cathars in Provence and the settlement of America.</p>
-              </div>
               <a href="https://github.com/AnkushRC2001" class="btn btn-outline-danger btn-sm">Contributed by -
                 Ankush Roy Chowdhury</a>
             </div>
@@ -901,9 +901,6 @@ <h5 class="card-title">21 lessons for the 21st century</h5>
           </div>
         </div>
 
-
-
-
         <div class="col-lg-4 mb-4">
           <div class="card">
             <img alt="The Code Book" class="card-img-top" src="https://m.media-amazon.com/images/I/51kQWMG+ZzL.jpg">
@@ -1095,7 +1092,7 @@ <h5 class="card-title">काश ये बातें 20 की उम्र 
         <div class="col-lg-4 mb-4">
           <div class="card">
             <img class="card-img-top"
-              src="http://writeeditions.com/wp-content/uploads/2016/08/Cover-MentalHealthMatters.jpg" alt="" />
+              src="https://writeeditions.com/wp-content/uploads/2016/08/Cover-MentalHealthMatters.jpg" alt="" />
             <div class="card-body">
               <h5 class="card-title">MENTAL HEALTH MATTERS</h5>
               <p class="card-text">This ia an awesome book in order to develop the positive mental health,what we
@@ -1290,10 +1287,16 @@ <h1></h1>
   </footer>
   <foot>
 
-    <p class="footer"> <a href="https://www.linkedin.com/in/vishaaal/"><i class="fa fa-linkedin-square"
-          style="color:white" aria-hidden="true"></a></i></i><a href="https://github.com/vishaaal"><i
-          class="fa fa-github" style="color:white"></i></a> made with &#128147; by Vishal
-      <strong class="copy">BOOK CASE &copy; 2022</strong>
+    <div class="footer-basic">
+        <footer>
+            <div class="social"><a href="#"><i class="icon ion-social-instagram"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-facebook"></i></a></div>
+            <ul class="list-inline">
+                <li class="list-inline-item"><a href="https://bookcasein.netlify.app/">Home</a></li>
+                <li class="list-inline-item"><a href="https://github.com/vishaaal/BookCase">Github</a></li>
+                <li class="list-inline-item"><a href="https://bookcasein.netlify.app/">About</a></li>
+            </ul>
+            <p class="copyright">Book Case © 2022</p>
+        </footer>
     </p>
   </foot>
   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"