Merge pull request #62 from anushree0809/homepage-footer

Added footer to home page
AdityaSinha2305 · Oct 16, 2024 · d12c3cd · d12c3cd
2 parents bf7b7ed + 74cf68c
commit d12c3cd
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -52,6 +52,9 @@
                 </div>
             </div>
         </div>
+        <footer>
+            <p>&copy; 2024 ForkTheCaptcha. All rights reserved.</p>
+        </footer>
 
 
 

diff --git a/styles/style.css b/styles/style.css
@@ -26,8 +26,6 @@ body
     object-fit: cover; /* Ensures the image covers the entire viewport */
     z-index: -1; /* Places the image behind all other content */
 }
-
-
 .captcha-container
 {
     /* min-width: 50%; */
@@ -275,9 +273,23 @@ body
 
 /* Padding for body to avoid overlap with fixed navbar */
 body {
-    padding-top: 60px; /* Adjust based on navbar height */
+    padding-top: 100px; /* Adjust based on navbar height */
+    padding-bottom:100px;
+}
+footer {
+    text-align: center;
+    padding: 25px 20px;
+    background-color: #333;
+    color: white;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+    margin-top: 100px;
 }
 
+
 /* Responsive Behaviour */
 @media (max-width: 768px) {
     .navbar {
@@ -303,6 +315,10 @@ body {
     .menu-icon {
         display: block; /* Show menu icon for smaller screens */
     }
+
+    footer {
+        font-size: 14px;
+    }
 }
 
 @media (max-width: 480px) {