diff --git a/PORTFOLIO_REDESIGN_NOTES.md b/PORTFOLIO_REDESIGN_NOTES.md
new file mode 100644
index 0000000..33a1db0
--- /dev/null
+++ b/PORTFOLIO_REDESIGN_NOTES.md
@@ -0,0 +1,179 @@
+# Portfolio Redesign Notes
+
+This document provides an overview of the changes made to `longblog.html` as part of the portfolio redesign project.
+
+## Summary of Changes
+
+### 1. Name Updates
+- Updated all instances of "Adamu Danjuma" to "Adamu Danjuma Abubakar" throughout the page
+- Total of 6 instances updated in:
+  - Page title
+  - Meta description
+  - Header
+  - Hero section
+  - About Me section
+  - Footer copyright
+
+### 2. UX/UI Enhancements
+
+#### Visual Design
+- Implemented modern color scheme using CSS custom properties (CSS variables)
+- Added smooth scrolling behavior for better navigation experience
+- Enhanced shadows and borders for depth and visual hierarchy
+- Added gradient backgrounds for hero section and footer
+
+#### Navigation
+- Sticky header that remains visible while scrolling
+- Enhanced navigation with animated underline hover effects
+- Added new navigation links: About, Portfolio, Blog, My CV, Contact
+- Fully responsive navigation for mobile devices
+
+#### Interactive Elements
+- **Portfolio items**: Lift up on hover with scale transform
+- **Blog posts**: Slide right on hover for visual feedback
+- **Social media icons**: Scale up on hover with opacity changes
+- **Buttons**: Smooth color transitions and transform effects
+- **Form inputs**: Focus states with colored borders and subtle shadows
+
+#### Responsive Design
+- Tested and optimized for desktop (1920x1080)
+- Tested and optimized for mobile (375x812)
+- Flexible layouts that adapt to different screen sizes
+
+### 3. New Sections
+
+#### About Me Section
+Comprehensive personal and professional background including:
+- Introduction paragraph
+- Professional Background subsection with bulleted expertise areas
+- Education & Expertise subsection
+- What I Offer subsection
+
+#### My CV Section
+- Downloadable CV functionality using HTML5 download attribute
+- Gradient download button with hover effects
+- File reference: `cv.pdf` (needs to be added to repository)
+- Clear instructions provided in note text
+
+#### Enhanced Contact Form
+- Modern form handling approach using Formspree
+- Enhanced form styling with focus states
+- Full-width submit button
+- Clear instructions for setup and implementation
+
+#### Social Media Footer
+- SVG icons for GitHub, LinkedIn, and Twitter
+- Smooth hover animations (scale and opacity)
+- Gradient background from primary to secondary color
+- Links open in new tab with security attributes
+
+### 4. Code Quality Improvements
+
+#### CSS Organization
+- Comprehensive comments for each major section
+- Clear section separators for easy navigation
+- Organized styles by component/section
+- Utility classes section for reusable styles
+
+#### Best Practices
+- Fixed rgba syntax consistency throughout
+- Removed inline event handlers
+- Replaced inline styles with CSS utility classes
+- Created reusable `.note-text` class for instruction text
+- Used semantic HTML5 elements
+- Added proper ARIA labels for accessibility
+
+#### Browser Compatibility
+- Standard CSS that works across all major browsers
+- No experimental features requiring vendor prefixes
+- Graceful degradation for older browsers
+
+### 5. Accessibility Features
+- Proper ARIA labels on sections and navigation
+- Semantic HTML structure
+- Sufficient color contrast ratios
+- Keyboard-friendly navigation
+- Screen reader friendly content
+
+## Implementation Notes
+
+### To Complete the Setup
+
+1. **Add CV PDF File**
+   - Create or obtain your CV as a PDF file
+   - Name it `cv.pdf`
+   - Place it in the repository root directory
+   - The download button will then work automatically
+
+2. **Configure Contact Form**
+   - Sign up for a free account at [Formspree.io](https://formspree.io)
+   - Create a new form and get your form ID
+   - Replace `YOUR_FORM_ID` in the form action URL with your actual Formspree form ID
+   - Alternatively, implement your own server-side form handling
+
+3. **Update Social Media Links**
+   - Update the GitHub link to point to your actual GitHub profile
+   - Update the LinkedIn link with your LinkedIn profile URL
+   - Update the Twitter link with your Twitter handle
+   - All links are in the footer section
+
+### File Structure
+```
+├── longblog.html          # Main portfolio page (updated)
+├── cv.pdf                 # CV file to be added
+└── PORTFOLIO_REDESIGN_NOTES.md  # This file
+```
+
+## Screenshots
+
+Screenshots of the redesigned portfolio have been created to showcase the improvements:
+- Desktop view (1920x1080)
+- Mobile view (375x812)
+
+## Technical Details
+
+### CSS Custom Properties Used
+- `--primary-color`: #0B3D91
+- `--secondary-color`: #004080
+- `--accent-color`: #007ACC
+- `--background-color`: #F5F7FA
+- `--text-color`: #222
+- `--muted-text`: #555
+- `--border-color`: #E1E4E8
+- `--font-family`: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
+
+### Key CSS Features
+- CSS Grid for portfolio items
+- Flexbox for navigation and footer
+- CSS transitions for smooth animations
+- Media queries for responsive design
+- Box shadows for depth
+- Border radius for modern look
+
+## Maintenance
+
+To maintain and update the portfolio:
+
+1. **Updating Colors**: Modify the CSS custom properties in the `:root` selector
+2. **Adding Portfolio Items**: Add new `.portfolio-item` elements in the portfolio grid
+3. **Adding Blog Posts**: Add new `.blog-post` elements in the blog posts container
+4. **Updating Content**: All content is in semantic HTML and easy to locate by section ID
+
+## Browser Support
+
+The portfolio has been designed to work on:
+- Chrome/Edge (latest)
+- Firefox (latest)
+- Safari (latest)
+- Mobile browsers (iOS Safari, Chrome Mobile)
+
+## Future Enhancements
+
+Potential improvements for future iterations:
+- Add a theme switcher (dark/light mode)
+- Implement blog post pages with individual URLs
+- Add image galleries for portfolio items
+- Include testimonials section
+- Add animation on scroll effects
+- Integrate analytics tracking
+- Add SEO meta tags and structured data
diff --git a/longblog.html b/longblog.html
index f661bef..2c138d3 100644
--- a/longblog.html
+++ b/longblog.html
@@ -3,9 +3,13 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Adamu Danjuma — Portfolio & Blog</title>
-  <meta name="description" content="Portfolio and blog of Adamu Danjuma, expert in literature, AI, and tech writing. Connect, collaborate, and explore insights." />
+  <title>Adamu Danjuma Abubakar — Portfolio & Blog</title>
+  <meta name="description" content="Portfolio and blog of Adamu Danjuma Abubakar, expert in literature, AI, and tech writing. Connect, collaborate, and explore insights." />
   <style>
+    /* ========================================
+       CSS CUSTOM PROPERTIES (VARIABLES)
+       Define color scheme and typography
+       ======================================== */
     :root {
       --primary-color: #0B3D91;
       --secondary-color: #004080;
@@ -16,9 +20,16 @@
       --border-color: #E1E4E8;
       --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     }
+    /* ========================================
+       GLOBAL RESET & BASE STYLES
+       Ensure consistent box-sizing, smooth scrolling
+       ======================================== */
     * {
       box-sizing: border-box;
     }
+    html {
+      scroll-behavior: smooth;
+    }
     body {
       margin: 0;
       font-family: var(--font-family);
@@ -28,6 +39,9 @@
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
     }
+    /* ========================================
+       TYPOGRAPHY & LINKS
+       ======================================== */
     a {
       color: var(--accent-color);
       text-decoration: none;
@@ -38,6 +52,10 @@
       color: var(--primary-color);
       outline: none;
     }
+    /* ========================================
+       HEADER & NAVIGATION
+       Sticky header with smooth navigation
+       ======================================== */
     header {
       background-color: var(--primary-color);
       color: white;
@@ -49,7 +67,7 @@
       position: sticky;
       top: 0;
       z-index: 100;
-      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
     }
     header h1 {
       margin: 0;
@@ -65,11 +83,31 @@
       font-weight: 600;
       font-size: 1rem;
       padding: 0.3rem 0.5rem;
+      color: white;
+      position: relative;
+      transition: all 0.3s ease;
+    }
+    nav a::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      width: 0;
+      height: 2px;
+      background-color: white;
+      transition: all 0.3s ease;
+      transform: translateX(-50%);
     }
     nav a:hover {
-      background-color: rgba(255 255 255 / 0.2);
+      background-color: rgba(255, 255, 255, 0.2);
       border-radius: 4px;
     }
+    nav a:hover::after {
+      width: 80%;
+    }
+    /* ========================================
+       MAIN CONTENT CONTAINER
+       ======================================== */
     main {
       max-width: 1000px;
       margin: 2.5rem auto;
@@ -78,13 +116,26 @@
     section {
       margin-bottom: 3rem;
     }
+    section > h2 {
+      font-size: 2rem;
+      color: var(--primary-color);
+      margin-bottom: 1.5rem;
+      padding-bottom: 0.5rem;
+      border-bottom: 3px solid var(--accent-color);
+      display: inline-block;
+    }
+    /* ========================================
+       HERO SECTION
+       Eye-catching introduction with gradient
+       ======================================== */
     /* Hero Section */
     .hero {
       text-align: center;
       padding: 3rem 1rem;
-      background: white;
+      background: linear-gradient(135deg, rgba(11, 61, 145, 0.05) 0%, rgba(0, 122, 204, 0.05) 100%);
       border-radius: 10px;
       box-shadow: 0 3px 15px rgba(11, 61, 145, 0.1);
+      border: 1px solid rgba(11, 61, 145, 0.1);
     }
     .hero h2 {
       font-size: 2.2rem;
@@ -115,6 +166,10 @@
       outline: none;
     }
 
+    /* ========================================
+       PORTFOLIO SECTION
+       Grid layout with hover effects
+       ======================================== */
     /* Portfolio */
     .portfolio-grid {
       display: grid;
@@ -126,10 +181,12 @@
       border-radius: 10px;
       box-shadow: 0 2px 10px rgba(11, 61, 145, 0.1);
       padding: 1.5rem;
-      transition: box-shadow 0.3s ease;
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+      border: 1px solid var(--border-color);
     }
     .portfolio-item:hover {
       box-shadow: 0 6px 20px rgba(11, 61, 145, 0.18);
+      transform: translateY(-5px);
     }
     .portfolio-item h3 {
       margin-top: 0;
@@ -140,6 +197,74 @@
       font-size: 0.95rem;
     }
 
+    /* About Me Section */
+    .about-content {
+      background: white;
+      padding: 2.5rem;
+      border-radius: 10px;
+      box-shadow: 0 3px 15px rgba(11, 61, 145, 0.1);
+      border: 1px solid var(--border-color);
+    }
+    .about-content h3 {
+      color: var(--primary-color);
+      margin-top: 1.5rem;
+      margin-bottom: 1rem;
+      font-size: 1.3rem;
+    }
+    .about-content p {
+      color: var(--muted-text);
+      line-height: 1.8;
+      margin-bottom: 1rem;
+    }
+    .about-content ul {
+      color: var(--muted-text);
+      line-height: 1.8;
+      margin-left: 1.5rem;
+    }
+    .about-content ul li {
+      margin-bottom: 0.5rem;
+    }
+
+    /* ========================================
+       CV SECTION
+       Download section with gradient button
+       ======================================== */
+    /* CV Section */
+    .cv-section {
+      background: white;
+      padding: 2.5rem;
+      border-radius: 10px;
+      box-shadow: 0 3px 15px rgba(11, 61, 145, 0.1);
+      text-align: center;
+      border: 1px solid var(--border-color);
+    }
+    .cv-section p {
+      color: var(--muted-text);
+      font-size: 1.1rem;
+      margin-bottom: 1.5rem;
+    }
+    .btn-download {
+      background: linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%);
+      color: white;
+      font-weight: 700;
+      padding: 1rem 2.5rem;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      text-decoration: none;
+      display: inline-block;
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+      box-shadow: 0 4px 12px rgba(11, 61, 145, 0.3);
+    }
+    .btn-download:hover {
+      transform: translateY(-3px);
+      box-shadow: 0 6px 20px rgba(11, 61, 145, 0.4);
+    }
+
+    /* ========================================
+       BLOG SECTION
+       Article listing with smooth hover effects
+       ======================================== */
     /* Blog */
     .blog-posts {
       display: flex;
@@ -151,10 +276,12 @@
       padding: 1.5rem 2rem;
       border-radius: 10px;
       box-shadow: 0 2px 10px rgba(11, 61, 145, 0.1);
-      transition: box-shadow 0.3s ease;
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+      border: 1px solid var(--border-color);
     }
     .blog-post:hover {
       box-shadow: 0 6px 20px rgba(11, 61, 145, 0.18);
+      transform: translateX(5px);
     }
     .blog-post h4 {
       margin-top: 0;
@@ -168,11 +295,17 @@
       font-weight: 700;
       color: var(--accent-color);
       text-decoration: none;
+      transition: color 0.3s ease;
     }
     .blog-post a.read-more:hover {
+      color: var(--primary-color);
       text-decoration: underline;
     }
 
+    /* ========================================
+       CONTACT FORM
+       User-friendly form with focus states
+       ======================================== */
     /* Contact */
     .contact-form {
       background: white;
@@ -181,21 +314,30 @@
       box-shadow: 0 3px 15px rgba(11, 61, 145, 0.1);
       max-width: 600px;
       margin: 0 auto;
+      border: 1px solid var(--border-color);
     }
     .contact-form label {
       display: block;
       font-weight: 600;
       margin-bottom: 0.5rem;
+      color: var(--text-color);
     }
     .contact-form input,
     .contact-form textarea {
       width: 100%;
-      padding: 0.6rem;
+      padding: 0.8rem;
       margin-bottom: 1.25rem;
       border-radius: 6px;
-      border: 1px solid #ccc;
+      border: 2px solid #ddd;
       font-size: 1rem;
       font-family: var(--font-family);
+      transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    }
+    .contact-form input:focus,
+    .contact-form textarea:focus {
+      border-color: var(--accent-color);
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(0, 122, 204, 0.1);
     }
     .contact-form button {
       background-color: var(--accent-color);
@@ -205,22 +347,54 @@
       border: none;
       border-radius: 6px;
       cursor: pointer;
-      transition: background-color 0.3s ease;
+      transition: background-color 0.3s ease, transform 0.3s ease;
+      width: 100%;
     }
     .contact-form button:hover,
     .contact-form button:focus {
       background-color: var(--primary-color);
       outline: none;
+      transform: translateY(-2px);
     }
 
+    /* ========================================
+       FOOTER & SOCIAL MEDIA LINKS
+       Professional footer with social icons
+       ======================================== */
+    /* Footer */
     footer {
       text-align: center;
-      padding: 2rem 1rem;
-      background-color: var(--primary-color);
+      padding: 2.5rem 1rem;
+      background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
       color: white;
       user-select: none;
     }
+    .social-links {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      margin-bottom: 1.5rem;
+      flex-wrap: wrap;
+    }
+    .social-links a {
+      color: white;
+      font-size: 1.8rem;
+      transition: transform 0.3s ease, opacity 0.3s ease;
+      opacity: 0.9;
+    }
+    .social-links a:hover {
+      transform: scale(1.2);
+      opacity: 1;
+    }
+    footer p {
+      margin: 0;
+      font-size: 0.95rem;
+    }
 
+    /* ========================================
+       RESPONSIVE DESIGN
+       Mobile-friendly navigation adjustments
+       ======================================== */
     /* Responsive nav for small screens */
     @media (max-width: 700px) {
       header {
@@ -232,25 +406,82 @@
         justify-content: center;
       }
     }
+
+    /* ========================================
+       UTILITY CLASSES
+       Reusable helper classes
+       ======================================== */
+    .note-text {
+      text-align: center;
+      margin-top: 1rem;
+      color: var(--muted-text);
+      font-size: 0.9rem;
+    }
+    .note-text.contact-note {
+      margin-top: 1.5rem;
+    }
+    .note-text a {
+      color: var(--accent-color);
+      text-decoration: underline;
+    }
   </style>
 </head>
 <body>
   <header>
-    <h1>Adamu Danjuma</h1>
+    <h1>Adamu Danjuma Abubakar</h1>
     <nav aria-label="Primary Navigation">
+      <a href="#about">About</a>
       <a href="#portfolio">Portfolio</a>
       <a href="#blog">Blog</a>
+      <a href="#cv">My CV</a>
       <a href="#contact">Contact</a>
     </nav>
   </header>
 
   <main>
     <section class="hero" aria-label="Introduction">
-      <h2>Welcome! I'm Adamu Danjuma</h2>
+      <h2>Welcome! I'm Adamu Danjuma Abubakar</h2>
       <p>PhD candidate, multilingual AI trainer, writer, and tech enthusiast. I help clients and collaborators with research, writing, AI data annotation, and digital storytelling.</p>
       <a href="#contact" class="btn-primary">Get in Touch</a>
     </section>
 
+    <!-- About Me Section -->
+    <section id="about" aria-label="About Me">
+      <h2>About Me</h2>
+      <div class="about-content">
+        <p>
+          Hello! I'm <strong>Adamu Danjuma Abubakar</strong>, a dedicated PhD candidate, multilingual AI trainer, writer, and technology enthusiast. 
+          My passion lies at the intersection of literature, artificial intelligence, and digital innovation, where I continuously explore how technology 
+          can enhance human understanding and communication.
+        </p>
+        
+        <h3>Professional Background</h3>
+        <p>
+          With extensive experience in academic research and practical AI applications, I specialize in:
+        </p>
+        <ul>
+          <li><strong>Academic Research:</strong> Focus on Francophone African Literature, postcolonial theory, and cultural memory studies</li>
+          <li><strong>AI & Machine Learning:</strong> Multilingual data annotation, NLP training data preparation, and language model evaluation</li>
+          <li><strong>Technical Writing:</strong> Creating clear, precise documentation, translations, and editorial services across multiple languages</li>
+          <li><strong>Digital Storytelling:</strong> Blending traditional narratives with modern technology to create engaging content</li>
+        </ul>
+
+        <h3>Education & Expertise</h3>
+        <p>
+          Currently pursuing a PhD with a focus on postcolonial literature and cultural analysis, I bring both theoretical depth and practical skills 
+          to every project. My multilingual capabilities enable me to work across diverse linguistic and cultural contexts, making me uniquely 
+          positioned to bridge gaps between technology and humanities.
+        </p>
+
+        <h3>What I Offer</h3>
+        <p>
+          Whether you need assistance with research projects, AI data annotation, technical documentation, or creative writing, I am committed to 
+          delivering high-quality results. I collaborate with clients and partners worldwide, bringing expertise, reliability, and a passion for 
+          excellence to every engagement.
+        </p>
+      </div>
+    </section>
+
     <section id="portfolio" aria-label="Portfolio">
       <h2>Portfolio</h2>
       <div class="portfolio-grid">
@@ -285,9 +516,26 @@ <h4><a href="#">The Role of Postcolonial Theory Today</a></h4>
       </div>
     </section>
 
+    <!-- My CV Section -->
+    <section id="cv" aria-label="My CV">
+      <h2>My CV</h2>
+      <div class="cv-section">
+        <p>
+          Download my comprehensive curriculum vitae to learn more about my educational background, professional experience, 
+          publications, and skills.
+        </p>
+        <a href="cv.pdf" class="btn-download" download>
+          📄 Download My CV (PDF)
+        </a>
+        <p class="note-text">
+          <em>Note: Add your CV PDF file as "cv.pdf" in the repository root.</em>
+        </p>
+      </div>
+    </section>
+
     <section id="contact" aria-label="Contact">
       <h2>Contact Me</h2>
-      <form class="contact-form" action="mailto:your-email@example.com" method="POST" enctype="text/plain">
+      <form class="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
         <label for="name">Name</label>
         <input id="name" name="name" type="text" placeholder="Your full name" required />
 
@@ -299,11 +547,31 @@ <h2>Contact Me</h2>
 
         <button type="submit">Send Message</button>
       </form>
+      <p class="note-text contact-note">
+        <em>Note: To enable contact form functionality, sign up at <a href="https://formspree.io" target="_blank" rel="noopener noreferrer">Formspree</a> or similar service and update the form action URL. Alternatively, implement server-side form handling.</em>
+      </p>
     </section>
   </main>
 
   <footer>
-    <p>© 2025 Adamu Danjuma. All rights reserved.</p>
+    <div class="social-links">
+      <a href="https://github.com/adab-tech" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="Visit my GitHub profile">
+        <svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+          <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/>
+        </svg>
+      </a>
+      <a href="https://linkedin.com/in/adamu-danjuma-abubakar" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" title="Connect on LinkedIn">
+        <svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+          <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+        </svg>
+      </a>
+      <a href="https://twitter.com/adamuabubakar" target="_blank" rel="noopener noreferrer" aria-label="Twitter" title="Follow on Twitter">
+        <svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+          <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
+        </svg>
+      </a>
+    </div>
+    <p>© 2025 Adamu Danjuma Abubakar. All rights reserved.</p>
   </footer>
 </body>
 </html>