diff --git a/src/_includes/footer-details.njk b/src/_includes/footer-details.njk
index e7567f8..54d7066 100644
--- a/src/_includes/footer-details.njk
+++ b/src/_includes/footer-details.njk
@@ -13,8 +13,13 @@
         </p>
 
       <div class="flex items-center justify-center md:justify-start gap-3 mt-4">
-        <a href="https://www.11ty.dev/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🎈 11ty</a>
-        <a href="https://tailwindcss.com/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🌊 Tailwind</a>
+        {% for item in [
+          { url: "https://www.11ty.dev/", text: "🎈 11ty", label: "11ty (opens in a new tab)" },
+          { url: "https://mozilla.github.io/nunjucks/", text: "🔧 Nunjucks", label: "Nunjucks (opens in a new tab)" },
+          { url: "https://tailwindcss.com/", text: "🌊 Tailwind", label: "Tailwind CSS (opens in a new tab)" }
+        ] %}
+          <a href="{{ item.url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ item.label }}" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">{{ item.text }}</a>
+        {% endfor %}
       </div>
     </div>