Update index.html

index.html

@@ -49,6 +49,16 @@
         .card .btn:hover {
             box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
             background-color: #0056b3;
+        }
+                .tab-pane {
+            height: 315px;
+            overflow: auto;
+        }
+
+        .tab-pane iframe {
+            width: 100%;
+            height: 100%;
+            max-height: 315px;
         }
     </style>
 </head>
@@ -62,7 +72,7 @@
     <div class="container">
         <ul class="nav nav-tabs" id="myTab" role="tablist">
             <li class="nav-item">
-                <a class="nav-link active" id="ai-chat-tab" data-toggle="tab" href="#ai-chat" role="tab" aria-controls="ai-chat" aria-selected="true">AI Chat (Preview)</a>
+                <a class="nav-link active" id="ai-chat-tab" data-toggle="tab" href="#ai-chat" role="tab" aria-controls="ai-chat" aria-selected="true">Trang Web Nhúng (Preview)</a>
             </li>
             <li class="nav-item">
                 <a class="nav-link" id="ai-drawing-tab" data-toggle="tab" href="#ai-drawing" role="tab" aria-controls="ai-drawing" aria-selected="false">AI Drawing (Coming Soon)</a>
@@ -70,36 +80,10 @@
         </ul>
         <div class="tab-content" id="myTabContent">
             <div class="tab-pane fade show active" id="ai-chat" role="tabpanel" aria-labelledby="ai-chat-tab">
-                <div class="row">
-                    <div class="col-sm-6">
-                        <div class="card">
-                            <div class="card-body">
-                                <h5 class="card-title">1)🌟ChatGPT Free</h5>
-                                <a href="https://github.com/chokiproai/ChatGPT-Plugins" class="custom-link" target="_blank">Source code: ChatGPT Plugins</a></p>
-                                <a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-6">
-                        <div class="card">
-                            <div class="card-body">
-                                <h5 class="card-title">2)🌟</h5>
-                                <p class="card-text">.</p>
-                                <a href="#" class="btn" target="_blank">Start</a>
-                            </div>
-                        </div>
-                    </div>
-                      <div class="col-sm-6">
-                        <div class="card">
-                            <div class="card-body">
-                                <h5 class="card-title">3)🌟Copilot (VN)</h5>
-                                <a href="https://github.com/chokiproai/AI-Copilot" class="custom-link" target="_blank">Source code: Copilot</a></p>
-                                <a href="https://jpxt29-7860.csb.app" class="btn" target="_blank">Start</a>
-                            </div>
-          
-
-                <div class="tab-pane fade" id="ai-drawing" role="tabpanel" aria-labelledby="ai-drawing-tab">
-                Coming Soon!
+                <iframe width="560" height="315" src="https://ngoctuanai2-project.static.hf.space/ai-chat.html" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            </div>
+            <div class="tab-pane fade" id="ai-drawing" role="tabpanel" aria-labelledby="ai-drawing-tab">
+                <!-- Nội dung cho tab AI Drawing -->
             </div>
         </div>
     </div>