From 1eb872e5356704a0c1b61c0aa95ed5cb7d436572 Mon Sep 17 00:00:00 2001
From: Tejas Sawant <tejas.sawant@iffort.com>
Date: Tue, 8 Oct 2024 16:57:02 +0530
Subject: [PATCH] Update Services.html

---
 Services.html | 116 ++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 98 insertions(+), 18 deletions(-)
diff --git a/Services.html b/Services.html
index 706f6a7..5f15674 100644
--- 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">

Name of AI Service	Use Case	Demo
Betta Portugese	AI for Portuguese language tasks	Demo
FitZe	Fitness and wellness assistant	Demo
Plants Eatry	Plant-based food recommendations	Demo
Harman Interviewer	AI interviewer tool	Demo
Sunway MirAI	AI assistant for Sunway Group	Demo
USA MirAI	AI assistant for USA market	Demo
Harman Interviewer	AI interviewer for HR	Demo
HR Iffort (Demo)	Human Resources Assistant (Demo)	Demo
HR Iffort (Live)	Human Resources Assistant (Live)	Demo
One Channel	Unified communication platform	Demo
FitZe VoiceGlow (Demo)	Voice assistant for FitZe	Demo
Agency	Digital agency solutions	Demo