added footer (#11)

abdullahmorrison · Aug 29, 2023 · 4aaba02 · 4aaba02
1 parent 1a4a187
commit 4aaba02
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git 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
@@ -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>
   )
 }