From 0ab9e030366e68fd5f41a40f4549b99e5c9a07d4 Mon Sep 17 00:00:00 2001
From: Abhinav Gupta <abhinavgupta2003.512@gmial.com>
Date: Mon, 14 Oct 2024 19:49:19 +0530
Subject: [PATCH] <your_commit_message>

---
 css/style.css | 34 ++++++++++++++++++++++++++++++++++
 index.html    | 45 +++++++++++++++++++++++++++++++--------------
 2 files changed, 65 insertions(+), 14 deletions(-)

diff --git a/css/style.css b/css/style.css
index 2d91fc846..fd86efbe1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -928,4 +928,38 @@ input::placeholder {
 }
 input:focus {
     border-color: var(--btn-color);
+}
+
+footer{
+  background-color: #141d2b;
+  height: 20vh;
+  width: 100vw;
+}
+
+.gridbox{
+  display: grid;
+  grid-template-columns: repeat(4,1fr);
+  list-style-type: none;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  margin: 0px 0px 0px 0px;
+}
+.gridbox li{
+  justify-self: center;
+  padding: 3%;
+  align-self: center;
+  text-align: center;
+  height: 50px;
+}
+.gridbox li a{
+  color: #06cfaa;
+  font-size: 1rem;
+}
+.container{
+  text-align: center;
+  color: rgb(215, 209, 196);
+}
+.container a{
+  color: rgb(213, 108, 108);
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 12bd22c4e..3b2fab555 100644
--- a/index.html
+++ b/index.html
@@ -1756,7 +1756,20 @@ <h3 class="card-heading">Recipe Book</h3>
         </div>
     </a>
 <!-- =========================== ================================= -->
+
+    <a href="projects/Othello/index.html" class="card" target="_blank">
+        <div class="card-cover counter-cover-colour">
+            <img src="./assets/image/Othello.png" alt="Othello Game">
+        </div>
+        <div class="card-content">
+            <h3 class="card-heading">Othello Game</h3>
+            <p class="card-description">
+                Othello is a strategic board game where players aim to flip their opponent's discs to their color.
+            </p>
+        </div>
+    </a>
     </section>
+    <!--============================== End =========================================== -->
  
     <button id="scrollToTopBtn" title="Go to top"><i class="ri-arrow-up-double-fill"></i></button>
 
@@ -1769,26 +1782,30 @@ <h3 class="card-heading">Recipe Book</h3>
 
 
             <!-- =========================== Othello Game ================================= -->
-            <a href="projects/Othello/index.html" class="card" target="_blank">
-                <div class="card-cover counter-cover-colour">
-                    <img src="./assets/image/Othello.png" alt="Othello Game" style="width: 10rem; height: auto;">
-                </div>
-                <div class="card-content">
-                    <h3 class="card-heading">Othello Game</h3>
-                    <p class="card-description">
-                        Othello is a strategic board game where players aim to flip their opponent's discs to their color.
-                    </p>
-                </div>
-            </a>
-            <!--============================== End =========================================== -->
 
    
 
-    <section>
+    <!-- <footer>
+        style="width: 10rem; height: auto;"
         <div class="container">
             <h2> Have a Feedback? &nbsp;&nbsp; <a href="feedback.html" target="_blank">Click here to provide feedback</a></h2>
         </div>
-    </section>           
+    </footer>   -->
+    <footer>
+        <ul class="gridbox">
+            <li><a href="">FAQ</a></li>
+            <li><a href="">Help Centre</a></li>
+            <li><a href="">Account</a></li>
+            <li><a href="">Media Centre</a></li>
+            <li><a href="">Terms of use</a></li>
+            <li><a href="">Privacy</a></li>
+            <li><a href="">Cookie Preferences</a></li>
+            <li><a href="">Contact Us</a></li>
+        </ul>
+        <div class="container">
+            <h2> Have a Feedback? &nbsp;&nbsp; <a href="feedback.html" target="_blank">Click here to share your thoughts with us ;)</a></h2>
+        </div>
+    </footer>         
 
 
     </section>