diff --git a/src/index.html b/src/index.html
index c226e86..6e62a11 100644
--- a/src/index.html
+++ b/src/index.html
@@ -54,8 +54,8 @@
         <!-- nav links -->
         <ul class="nav-links gap-4">
           <li><a href="#projects">Projects</a></li>
-          <li><a href="#blog">Blog</a></li>
-          <li><a href="#about">About</a></li>
+          <li><a href="#articles">Blog</a></li>
+          <li><a href="#footer">About</a></li>
         </ul>
 
         <!-- cta contact -->
@@ -146,17 +146,14 @@ <h3 class="project-title section-sub-heading">
                 <a href="https://sul-devs.github.io/pimoky">
                   <img
                     class="project-img"
-                    src="assets/img/prioritasker-screenshot.png"
-                    alt="Prioritasker homepage."
+                    src="assets/img/ecommerce-web-developer-frontend-full-stack-software-engineer.png"
+                    alt="Ecommerce website developed in Html Css Javascript."
                   />
                 </a>
                 <!-- text -->
                 <div class="project-text vm-2">
                   <h3 class="project-title section-sub-heading">
-                    <a
-                      class="link"
-                      href="https://sul-devs.github.io/prioritasker"
-                    >
+                    <a class="link" href="https://sul-devs.github.io/pimoky">
                       Pimoky
                     </a>
                   </h3>
@@ -169,16 +166,16 @@ <h3 class="project-title section-sub-heading">
                 <div class="project-buttons">
                   <a
                     class="card-btn btn block p-1"
-                    href="https://sul-devs.github.io/prioritasker"
+                    href="https://sul-devs.github.io/pimoky"
                     >Live Site</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/pimoky"
                     class="card-btn btn block p-1"
                     >Source Code</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/pimoky"
                     class="card-btn btn block p-1"
                     >Documentation</a
                   >
@@ -193,20 +190,17 @@ <h3 class="project-title section-sub-heading">
             <li class="project-card card">
               <article>
                 <!-- image -->
-                <a href="https://sul-devs.github.io/prioritasker">
+                <a href="https://sul-devs.github.io/tnn">
                   <img
                     class="project-img"
-                    src="assets/img/prioritasker-screenshot.png"
-                    alt="Prioritasker homepage."
+                    src="assets/img/software-engineer-web-developer-frontend-full-stack.png"
+                    alt="Tech news website."
                   />
                 </a>
                 <!-- text -->
                 <div class="project-text vm-2">
                   <h3 class="project-title section-sub-heading">
-                    <a
-                      class="link"
-                      href="https://sul-devs.github.io/prioritasker"
-                    >
+                    <a class="link" href="https://sul-devs.github.io/tnn">
                       TNN
                     </a>
                   </h3>
@@ -219,16 +213,16 @@ <h3 class="project-title section-sub-heading">
                 <div class="project-buttons">
                   <a
                     class="card-btn btn block p-1"
-                    href="https://sul-devs.github.io/prioritasker"
+                    href="https://sul-devs.github.io/tnn"
                     >Live Site</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/tnn"
                     class="card-btn btn block p-1"
                     >Source Code</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/tnn"
                     class="card-btn btn block p-1"
                     >Documentation</a
                   >
@@ -243,20 +237,17 @@ <h3 class="project-title section-sub-heading">
             <li class="project-card card">
               <article>
                 <!-- image -->
-                <a href="https://sul-devs.github.io/prioritasker">
+                <a href="https://sul-devs.github.io/opidur">
                   <img
                     class="project-img"
-                    src="assets/img/prioritasker-screenshot.png"
-                    alt="Prioritasker homepage."
+                    src="assets/img/software-engineer-web-developer-frontend.png"
+                    alt="Digital marketing agency landing page website - SEO, Web Development, Web Design, UX, Ads, Content, Social Media."
                   />
                 </a>
                 <!-- text -->
                 <div class="project-text vm-2">
                   <h3 class="project-title section-sub-heading">
-                    <a
-                      class="link"
-                      href="https://sul-devs.github.io/prioritasker"
-                    >
+                    <a class="link" href="https://sul-devs.github.io/opidur">
                       Opidur
                     </a>
                   </h3>
@@ -269,16 +260,16 @@ <h3 class="project-title section-sub-heading">
                 <div class="project-buttons">
                   <a
                     class="card-btn btn block p-1"
-                    href="https://sul-devs.github.io/prioritasker"
+                    href="https://sul-devs.github.io/opidur"
                     >Live Site</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/opidur"
                     class="card-btn btn block p-1"
                     >Source Code</a
                   ><br />
                   <a
-                    href="https://github.com/sul-devs/prioritasker"
+                    href="https://github.com/sul-devs/opidur"
                     class="card-btn btn block p-1"
                     >Documentation</a
                   >
@@ -352,7 +343,8 @@ <h3 class="post-title">Day 5 - Building a full stack blog</h3>
     <footer id="footer" class="section-padding bt-2">
       <div class="container">
         <h2 class="section-heading invisible-but-accessible">Footer</h2>
-        <article class="about-me">
+        <!-- About me -->
+        <article class="about-me mb-5">
           <h3 class="section-sub-heading">About me</h3>
           <p class="about-me-text">
             My name is Sul, I am a self taught software engineer with a keen
@@ -364,16 +356,24 @@ <h3 class="section-sub-heading">About me</h3>
           </p>
           <ul class="socials flex gap-2 vm-2">
             <li>
-              <a href=""><i class="fab fa-github fa-2x"></i> GitHub</a>
+              <a href="https://github.com/sul-devs"
+                ><i class="fab fa-github fa-2x"></i> GitHub</a
+              >
             </li>
             <li>
-              <a href=""><i class="fab fa-linkedin fa-2x"></i> LinkedIn</a>
+              <a href="https://www.linkedin.com/in/sul-dev"
+                ><i class="fab fa-linkedin fa-2x"></i> LinkedIn</a
+              >
             </li>
             <li>
-              <a href=""><i class="fab fa-google fa-2x"></i> Email</a>
+              <a href="mailto:sulaimankamara110@gmail.com"
+                ><i class="fab fa-google fa-2x"></i> Email</a
+              >
             </li>
           </ul>
         </article>
+
+        <!-- Contact form -->
         <form action="" id="contact-form">
           <h3 class="section-sub-heading">Contact me</h3>
           <p class="email-field">
@@ -396,6 +396,8 @@ <h3 class="section-sub-heading">Contact me</h3>
           </div>
           <input type="submit" value="Send your message" />
         </form>
+        <!-- copyright message -->
+        <p class="mt-3">&copy; 2024 Sul-devs.github.io, All rights reserved.</p>
       </div>
     </footer>
   </body>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 318b0e8..2ed8e73 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -163,6 +163,14 @@ textarea {
   margin-bottom: 3em;
 }
 
+.mb-4 {
+  margin-bottom: 4em;
+}
+
+.mb-5 {
+  margin-bottom: 5em;
+}
+
 .vm-05 {
   margin-block: 0.5em;
 }