Footer html

2026-04-03 16:39:20 +00:00
parent e58dc876eb
commit 13dad0cdc0
1 changed files with 17 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -29,6 +29,20 @@
      nav a:hover {
        text-decoration: underline;
      }
+      footer {
+        background-color: #222;
+        color: #ddd;
+        padding: 1rem 2rem;
+        text-align: center;
+        font-size: 0.9rem;
+      }
+      footer a {
+        color: #66caff;
+        text-decoration: none;
+      }
+      footer a:hover {
+        text-decoration: underline;
+      }
    </style>
  </head>
  <body>
@@ -47,5 +61,8 @@
        <p>This is a sample header section with navigation.</p>
      </section>
    </main>
+    <footer>
+      <p>&copy; 2026 My Site. All rights reserved. <a href="#contact">Contact us</a>.</p>
+    </footer>
  </body>
 </html>