Merge pull request #474 from swaraj-das/footer

Updated footer-Bottom
swaraj-das · Oct 16, 2024 · a32bf80 · a32bf80
2 parents 9bc5750 + bfaea8e
commit a32bf80
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 29 deletions.
diff --git a/index.html b/index.html
@@ -659,8 +659,8 @@ <h2>Feedback Form</h2>
         </div>
         <div class="footer-bottom">
             <p><a href="PrivacyPolicy/PrivacyPolicy.html">© 2024 GamingTools | All Rights Reserved</a></p>
-            <p>Developed by <span><a href="https://my-portfolio-git-main-swaraj-das-projects.vercel.app/">Swaraj</a></span></p>
-        </div>
+            <p>Developed by <span><a href="https://my-portfolio-git-main-swaraj-das-projects.vercel.app/" target="_blank">Swaraj</a></span></p>
+        </div>        
 
     </footer>
 

diff --git a/style.css b/style.css
@@ -866,37 +866,32 @@ button {
 }
 
 .footer-bottom {
-    background-color: #111;
-    color: #fff;
-    text-align: center;
-    padding: 20px 0;
-
-    /* Add a subtle brand color */
-    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
-    /* Shadow for depth */
+    background-color: #1c1917; /* Dark background color */
+    padding: 12px 0; /* Spacing at the top and bottom */
+    text-align: center; /* Center the text */
+    color: #ffffff; /* White text color */
+    font-family: 'Arial', sans-serif; /* Font family */
+    font-size: 14px; /* Font size */
+    border-top: 1px solid #ff71aa; /* Dull pink border on top */
 }
 
-.footer-bottom p {
-    font-size: 1rem;
-    margin: 5px 0;
-    color: white;
-    letter-spacing: 1.02px;
+.footer-bottom a {
+    color: #ff71aa; /* Dull pink for links */
+    text-decoration: none; /* Remove underline */
+    font-weight: bold; /* Make links bold */
+    transition: color 0.3s ease; /* Smooth color change on hover */
 }
 
-.footer-bottom p span {
-    color: #f0c040;
-    /* Highlight designer name */
-    font-weight: bold;
+.footer-bottom a:hover {
+    color: #ffd700; /* Change link color to gold on hover */
 }
-
-.footer-bottom p:hover {
-    color: #f0c040;
-    /* Hover effect for the footer text */
-    transition: color 0.3s ease-in-out;
+
+.footer-bottom p {
+    margin: 5px 0; /* Space between paragraphs */
 }
 
-.footer-bottom span:hover {
-    color: white;
+.footer-bottom span {
+    font-style: italic; /* Italicize the developer name */
 }
 
 @media screen and (max-width: 768px) {
@@ -1874,9 +1869,6 @@ button {
 
 }
 
-
-
-=======
 @media only screen and (max-width: 700px)  {
     .footer-bottom{
         width: 1000vw !important;