demos

index.html

@@ -18,8 +18,25 @@ <h1 class="text-4xl font-bold mb-4">Github Event Issue Creator | Bookmarklet</h1
         </a>
         <p class="mt-4 text-gray-600">Drag the button to your bookmarks bar to install</p>
 
-        <img class="mx-auto mb-8" src="./images/bmklt-demo1.gif" alt="Centered Image">
+        <div class="flex justify-center space-x-4">
+            <img class="mx-auto" src="./images/bmklt-demo1.gif" alt="First Image">
+            <img class="mx-auto" src="p./images/bmklt-demo2.gif" alt="Second Image">
+        </div>
 
+        <div class="flex justify-center space-x-4 mt-8">
+            <div class="max-w-sm rounded overflow-hidden shadow-lg p-4 bg-white">
+                <img class="w-full" src="./images/bmklt-demo1.gif" alt="First Image">
+                <div class="px-6 py-4">
+                    <div class="font-bold text-xl mb-2">Drag the bookmarklet button to install</div>
+                </div>
+            </div>
+            <div class="max-w-sm rounded overflow-hidden shadow-lg p-4 bg-white">
+                <img class="w-full" src="./images/bmklt-demo2.gif" alt="Second Image">
+                <div class="px-6 py-4">
+                    <div class="font-bold text-xl mb-2">Clcik to use on any Central Tracker Edit Page</div>
+                </div>
+            </div>
+        </div>
 
     </div>
 </body>