diff --git a/public/js/add_content.js b/public/js/add_content.js
index 66fcb5bcbd37e7f4464753c36cc0f3ba2e245afa..b3a25863645c0280779ccc790582787f52132a82 100644
--- a/public/js/add_content.js
+++ b/public/js/add_content.js
@@ -77,8 +77,14 @@ function addcontent(item) {
 
     var sdgProjectHTML = ''
     if ('sdgImage' in item.links) {
-      var sdgProjectLink = item.links.sdgImage 
-      sdgProjectHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${sdgProjectLink}" target="_blank"><img src="imgs/thumbnails/sdg.png" alt="SDG" width="20" height="20"> Sustainable Development Goals</a> &nbsp;`;
+      var sdgProjectLink = item.links.sdgImage;
+      var titleLink=item.project;
+      sdgProjectHTML = `<a class="btn btn-sm btn-outline-info mt-1" 
+                         href="${sdgProjectLink}" 
+                         target="_blank"
+                         onclick="var popupWindow=window.open('', '_blank'); popupWindow.document.body.innerHTML='<div style=\'text-align: center;\'><h2>SDG</h2><img src=\'${sdgProjectLink}\' alt=\'SDG Project Image\' style=\'width: 100%; max-width: 400px; background-color: white;\'><p>${titleLink}</p></div>'; popupWindow.document.title='${titleLink}';">
+                         <img src="imgs/thumbnails/sdg.png" alt="SDG" width="20" height="20"> Sustainable Development Goals
+                     </a> &nbsp;`;
     }
    /* var sdgProjectHTML = '';
     if ('sdgImage' in item) {