feat: added footer

thepurplebubble · Dec 30, 2023 · 953cd66 · 953cd66
1 parent 0429d99
commit 953cd66
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -0,0 +1,25 @@
+<div class="footer">
+    <p>&copy; Purple Bubble - 2023</p>
+    <p>
+        Powered by <a href="https://www.netlify.com/">Netlify</a>
+    </p>
+    <p>
+        For any inquiries, or simply to say hi, please email us <a href="mailto:%68%65%6c%6c%6f%40%70%75%72%70%6c%65%62%75%62%62%6c%65%2e%6f%72%67">here</a>!
+    </p>
+</div>
+
+<style>
+    .footer {
+        display: flex;
+        text-align: center;
+        margin-top: 50px;
+        padding: 20px;
+        border-top: 1px solid #ddd;
+        flex: 0 0 auto;
+    }
+
+    .footer p {
+        margin: 0;
+        flex: 1;
+    }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -2,6 +2,7 @@
 import EmailForm from "../components/Email-Form.astro";
 import Layout from "../layouts/Layout.astro";
 import Notification from "../components/Notification.astro";
+import Footer from "../components/Footer.astro";
 import "../styles/index.css";
 ---
 
@@ -142,6 +143,7 @@ import "../styles/index.css";
   </main>
   <EmailForm />
   <Notification />
+  <Footer />
 </Layout>
 
 <script>