From 3ca64a31743b4b1fa14278f8d68155cb7fc2c426 Mon Sep 17 00:00:00 2001
From: reiyua <rei@reiyua.lol>
Date: Sun, 24 Nov 2024 12:22:00 +1100
Subject: [PATCH] Link SEO companies button on homepage

---
 index.html |  5 +++++
 styles.css | 21 +++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/index.html b/index.html
index bc4fe39..b0c4536 100644
--- a/index.html
+++ b/index.html
@@ -63,6 +63,11 @@
             </a>
 
         </div>
+
+         <div class="seo-button-container">
+            <a href="for_seo_companies.html" class="seo-button">For Website SEO Companies</a>
+        </div>
+    </div>
     </div>
     <div class="credit">
         Video by <a href="https://www.pexels.com/video/an-orange-liquid-paint-in-motion-5649211/" target="_blank" rel="noopener noreferrer">Dan Cristian Pădureț</a> from Pexels
diff --git a/styles.css b/styles.css
index c1031f9..097204f 100644
--- a/styles.css
+++ b/styles.css
@@ -121,3 +121,24 @@ h1 {
     background-color: #388E3C; /* Even darker when active */
     transform: translateY(0); /* Return to original position */
 }
+
+.seo-button-container {
+    margin-top: 20px;
+    text-align: center;
+}
+
+.seo-button {
+    display: inline-block;
+    padding: 10px 20px;
+    background-color: #ff9900; /* Change to your preferred color */
+    color: #fff;
+    text-decoration: none;
+    font-size: 1rem;
+    border-radius: 5px;
+    transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+.seo-button:hover {
+    background-color: #0056b3;
+    transform: scale(1.05);
+}
\ No newline at end of file