diff --git a/web/css/dogstats.css b/web/css/dogstats.css
new file mode 100644
index 0000000..e69de29
diff --git a/web/templates/mainpage.html b/web/templates/mainpage.html
index 0973672..c501f03 100644
--- a/web/templates/mainpage.html
+++ b/web/templates/mainpage.html
@@ -8,20 +8,30 @@
     <link href="/css/animate.min.css" rel="stylesheet">
     <link href="/css/fontawesome.min.css" rel="stylesheet">
     <link href="/css/bootstrap.min.css" rel="stylesheet">
-    <link href="/css/style.css" rel="stylesheet">
+    <link href="/css/dogstats.css" rel="stylesheet">
     
 </head>
 
-<body>
+<body class="">
     <?php include(ROOT."/templates/menu.html") ?>
 
     <main id="main" class="container" hx-get="/" hx-trigger="load">
         
     </main>
 
+    <footer class="footer mt-auto py-3 bg-body-tertiary ">
+        <ul class="nav justify-content-center border-bottom pb-3 mb-3">
+            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li>
+            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
+            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
+            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li>
+            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li>
+        </ul>
+        <p class="text-center text-muted">© 2022 Company, Inc</p>
+    </footer>
+
     <script src="/js/htmx.min.js"></script>
     <script src="/js/bootstrap.bundle.min.js"></script>
-        
 </body>
 
 </html>
\ No newline at end of file
