Update index.html

index.html

@@ -23,7 +23,35 @@
             min-width: 100%;
             min-height: 100%;
         }
-        
+
+      .floating-button {
+            position: fixed;
+            bottom: 30px;
+            left: 20px;
+            background-color: #dbdad7;
+            color: black;
+            padding: 15px 25px;
+            border: none;
+            border-radius: 10px;
+            font-size: 13px;
+            font-weight: bold;
+            cursor: pointer;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+            transition: background-color 0.3s, box-shadow 0.3s;
+            text-decoration: none;
+            font-family: 'Poppins', sans-serif;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .floating-button:hover {
+            background-color: #dbdad7;
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+        }
+        .floating-button i {
+            margin-right: 10px;
+        }
+      
     </style>
 </head>
 
@@ -32,7 +60,9 @@
         <iframe class="iframe-element" allowfullscreen="true" frameborder="0" src="https://markmagic-stable-diffusion-3.hf.space">
         </iframe>
     </div>
-    
+    <a href="https://discord.com/invite/qq27GRjZ" class="floating-button">
+        <i class="fab fa-discord"></i>Discord
+    </a>
 </body>
 
 </html>