From 710143c55d6b9f9f85b3bde82d3d6a51bfe6a5b6 Mon Sep 17 00:00:00 2001
From: Alkaison <505ganeshmourya@gmail.com>
Date: Thu, 11 May 2023 21:07:56 +0530
Subject: [PATCH] Added: website footer section

---
 index.html | 10 ++++++++++
 style.css  | 41 ++++++++++++++++++++++++++++++++++++++---
 2 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e74ffad..aa1678b 100644
--- a/index.html
+++ b/index.html
@@ -30,5 +30,15 @@ <h1 id="nameTitle">Alkaison</h1>
     </nav>
 
     <hr class="hrLine">
+    <div class="body">
+        This will be updated soon...
+    </div>
+
+    <hr class="hrLine">
+
+    <footer class="ft-container">
+        <p class="ft-text">Powered by <span class="ft-title">Pages</span></p>
+    </footer>
+
 </body>
 </html>
diff --git a/style.css b/style.css
index 1a1b872..b80ed74 100644
--- a/style.css
+++ b/style.css
@@ -95,9 +95,9 @@ html {
 }
 .hrLine {
     border: none;
-    height: 2px;
-    background-color: #fff;
-    background-image: linear-gradient(to right, #fff, #ccc, #fff);
+    height: 1px;
+    background-color: #000;
+    /* background-image: linear-gradient(to right, #fff, #ccc, #fff); */
 }
 
 /* NavBar CSS Responsive */
@@ -117,3 +117,38 @@ html {
         width: 75%;
     }
 }
+
+/* Body CSS */
+.body {
+    height: 100vh;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: gray;
+}
+
+/* Footer CSS */
+.ft-container {
+    padding: 0 256px;
+    height: 64px;
+    display: flex;
+    align-items: center;
+}
+.ft-text {
+    font-size: 14px;
+}
+.ft-title {
+    font-size: 18px;
+    font-weight: bolder;
+}
+
+/* Footer Responsive CSS */
+@media screen and (max-width: 1000px) {
+    .ft-container {
+        display: block;
+        text-align: center;
+        height: auto;
+        padding: 0;
+    }
+}