Update index.html

index.html

@@ -23,7 +23,33 @@
             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,6 +58,9 @@
         <iframe class="iframe-element" allowfullscreen="true" frameborder="0" src="https://artificialguybr-realvisxl-free-demo.hf.space">
         </iframe>
     </div>
+  <a href="https://discord.com/invite/qq27GRjZ" class="floating-button" target="_blank">
+    <i class="fab fa-discord"></i> Discord
+  </a>
 </body>
 
 </html>