From 4aaba02ef4ee3a1713adf7df95d2ee082b31245e Mon Sep 17 00:00:00 2001
From: abdullahmorrison <abdullahmorrison@gmail.com>
Date: Tue, 29 Aug 2023 11:12:16 -0400
Subject: [PATCH] added footer (#11)

---
 src/app/page.module.scss | 37 +++++++++++++++++++++++++++++++++++++
 src/app/page.tsx         | 10 ++++++++++
 2 files changed, 47 insertions(+)

diff --git a/src/app/page.module.scss b/src/app/page.module.scss
index 0837ec5..280edc2 100644
--- a/src/app/page.module.scss
+++ b/src/app/page.module.scss
@@ -78,6 +78,43 @@
     }
 }
 
+.footer{
+    color: black;
+    background-color: white;
+    padding: 100px;
+
+    .logo{
+        margin-bottom: 50px;
+        &::after{
+            content: '';
+            display: inline-block;
+            width: 8px;
+            height: 8px;
+            background-color: red;
+            border-radius: 50%;
+            margin-left: 5px;
+        }
+    }
+    ul {
+        display: flex;
+        gap: 20px;
+        margin-bottom: 20px;
+
+        li{
+            list-style-type: none;
+            margin-bottom: 10px;
+
+            a{
+                text-decoration: underline;
+                color: $title-accent
+            }
+        }
+    }
+    p{
+        color: $text-secondary;
+    }
+}
+
 @keyframes slideUp {
     0% { transform: translateY(100%); }
     50% { transform: translateY(100%); }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 61e8897..3173097 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -57,6 +57,16 @@ export default function Home() {
           </ul>
         </div>
       </section>
+
+      <footer className={styles.footer}>
+        <h4 className={styles.logo}>My Portfolio</h4>
+        <ul>
+          <li><a href="https://linkedin.com/in/abdullah-morrison" target="_blank">LinkedIn</a></li>
+          <li><a href="https://github.com/abdullahmorrion" target="_blank">GitHub</a></li>
+          <li><a href="https://1drv.ms/w/s!AqCqUgZCz_SygvU10zYLa_qjeCIFJw?e=ZGIhZ1" target='_blank'>My Resume</a></li>
+        </ul>
+        <p>This website was made with NextJS.</p>
+      </footer>
     </div>
   )
 }