From fe8678c07edd1653be5734215ea0b38bed0410ef Mon Sep 17 00:00:00 2001
From: Ishikasaraf20 <ishikasaraf2@gmail.com>
Date: Sun, 23 Oct 2022 12:10:59 +0530
Subject: [PATCH 1/2] Solved the footer issue

---
 about.css  | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.css  |  3 +++
 index.html | 25 +++++++++++++----------
 3 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/about.css b/about.css
index 0427239..5a2a1fb 100644
--- a/about.css
+++ b/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;
diff --git a/index.css b/index.css
index ecb5023..368aaaa 100644
--- a/index.css
+++ b/index.css
@@ -364,6 +364,9 @@ title {
   flex-direction: column !important;
   margin-bottom: 4rem;
 }
+.footer-basic {
+  text-align: center;
+}
 
 #search-result {
   font-style: italic;
diff --git a/index.html b/index.html
index 953e94b..226311e 100644
--- a/index.html
+++ b/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">
@@ -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"

From 93508f722095e06faf654bde001e8a85fb892722 Mon Sep 17 00:00:00 2001
From: Ishikasaraf20 <ishikasaraf2@gmail.com>
Date: Sun, 23 Oct 2022 12:27:39 +0530
Subject: [PATCH 2/2] changed the  img src

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 226311e..5f087fd 100644
--- a/index.html
+++ b/index.html
@@ -1092,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