Update index.html

index.html

@@ -507,7 +507,7 @@ body {
              /* Iframe Popup */    
            
     #popupButton1,
-    #popupButton2, #popupButton3, #popupButton4 {
+    #popupButton2, #popupButton3, #popupButton4, #shadebut {
       padding: 10px 10px;
       font-size: 16px;
       width: 200px;
@@ -2953,7 +2953,8 @@ body {
    
 
 <center> <button id="popupButton1" onclick="togglePopup('iframe1')">Image To Prompt</button>
-<button id="popupButton2" onclick="togglePopup('iframe2')">Try Your Prompt</button> 
+<button id="popupButton2" onclick="togglePopup('iframe2')">Try Your Prompt</button>
+   <button class="butn" id="shadebut" onclick="window.open('https://gpts.gumroad.com/l/Super-Prompts-For-Building-Bots-AI-Tools-GPTs-And-ChatGPT-AI-Agents', '_blank')">Super Prompts For Building Your Own AI Tools</button>
    <!-- <button id="popupButton3" onclick="togglePopup('iframe3')">Image To Prompt</button> 
     <button id="popupButton4" onclick="togglePopup('iframe4')">Image Upscaler</button> -->
     </center>
@@ -2978,23 +2979,23 @@ body {
       ></iframe>
     </div>
     
-     <div id="iframeContainer3" class="iframe-container" >
+     <!--<div id="iframeContainer3" class="iframe-container" >
       <iframe
         id="popupIframe3"
         src="https://demositeai.blogspot.com"
         frameborder="0"
         allowfullscreen
       ></iframe>
-    </div>
+    </div> -->
     
-     <div id="iframeContainer4" class="iframe-container" >
+     <!--<div id="iframeContainer4" class="iframe-container" >
       <iframe
         id="popupIframe4"
         src="https://imageupscaler6x.blogspot.com"
         frameborder="0"
         allowfullscreen
       ></iframe>
-    </div>
+    </div>-->
     
   </div>
 </div>