Update Services.html

Tejas-Sawant-iffort · Oct 8, 2024 · 1eb872e · 1eb872e
1 parent adcca56
commit 1eb872e
Showing 1 changed file with 98 additions and 18 deletions.
diff --git a/Services.html b/Services.html
@@ -1,4 +1,3 @@
-<!-- second-page.html -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -20,27 +19,42 @@
       margin-bottom: 20px;
     }
 
-    .services-list {
+    .services-table {
+      width: 100%;
+      border-collapse: collapse;
       margin-bottom: 20px;
     }
 
-    .services-list ul {
-      list-style: none;
-      padding: 0;
+    .services-table th, .services-table td {
+      padding: 12px;
+      text-align: left;
+      border: 1px solid #ddd;
+    }
+
+    .services-table th {
+      background-color: #007BFF;
+      color: white;
     }
 
-    .services-list li {
-      margin: 10px 0;
-      padding: 10px;
+    .services-table td {
       background-color: #fff;
-      border: 1px solid #ddd;
+    }
+
+    .services-table tr:hover td {
+      background-color: #e0e0e0;
+    }
+
+    .demo-button {
+      padding: 8px 16px;
+      background-color: #007BFF;
+      color: white;
+      text-decoration: none;
       border-radius: 5px;
-      cursor: pointer;
       transition: background-color 0.3s ease;
     }
 
-    .services-list li:hover {
-      background-color: #e0e0e0;
+    .demo-button:hover {
+      background-color: #0056b3;
     }
 
     .buttons {
@@ -85,13 +99,79 @@ <h2>Use Case</h2>
     <p>This is a brief description of the use case you're working on. It explains the problem and how our solution can help solve it.</p>
   </div>
 
-  <div class="services-list">
+  <div class="services-table-wrapper">
     <h2>Services / Solutions We Provide</h2>
-    <ul>
-      <li onclick="alert('Service 1 Details')">Service 1</li>
-      <li onclick="alert('Service 2 Details')">Service 2</li>
-      <li onclick="alert('Service 3 Details')">Service 3</li>
-    </ul>
+    <table class="services-table">
+      <thead>
+        <tr>
+          <th>Name of AI Service</th>
+          <th>Use Case</th>
+          <th>Demo</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Betta Portugese</td>
+          <td>AI for Portuguese language tasks</td>
+          <td><a href="https://talktobetta.webflow.io/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>FitZe</td>
+          <td>Fitness and wellness assistant</td>
+          <td><a href="https://fitzebyiffort.webflow.io/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>Plants Eatry</td>
+          <td>Plant-based food recommendations</td>
+          <td><a href="https://plantseatery.webflow.io/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>Harman Interviewer</td>
+          <td>AI interviewer tool</td>
+          <td><a href="https://aiinterviewer.webflow.io/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>Sunway MirAI</td>
+          <td>AI assistant for Sunway Group</td>
+          <td><a href="http://samples.iffort.ai:62" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>USA MirAI</td>
+          <td>AI assistant for USA market</td>
+          <td><a href="http://samples.iffort.ai:64" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>Harman Interviewer</td>
+          <td>AI interviewer for HR</td>
+          <td><a href="https://interviewerchatbot.onrender.com/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>HR Iffort (Demo)</td>
+          <td>Human Resources Assistant (Demo)</td>
+          <td><a href="https://huggingface.co/spaces/IffortOrg/IffortGuru" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>HR Iffort (Live)</td>
+          <td>Human Resources Assistant (Live)</td>
+          <td><a href="http://samples.iffort.ai:66/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>One Channel</td>
+          <td>Unified communication platform</td>
+          <td><a href="https://demo-hxz7.onrender.com" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>FitZe VoiceGlow (Demo)</td>
+          <td>Voice assistant for FitZe</td>
+          <td><a href="https://tejas-sawant-iffort.github.io/Fitze-AI/" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+        <tr>
+          <td>Agency</td>
+          <td>Digital agency solutions</td>
+          <td><a href="https://agents.iffort.ai" class="demo-button" target="_blank">Demo</a></td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 
   <div class="buttons">