Update live.html

Tejas-Sawant-iffort · Oct 10, 2024 · 13ddeeb · 13ddeeb
1 parent e4984b5
commit 13ddeeb
Showing 1 changed file with 10 additions and 41 deletions.
diff --git a/live.html b/live.html
@@ -7,7 +7,7 @@
     <title>Services and Solutions</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
     <style>
-        /* General Page Styling */
+
         body {
             font-family: 'Arial', sans-serif;
             color:black;            
@@ -16,44 +16,13 @@
             padding: 20px; /* Updated for padding */
         }
 
-        .text {
-            font-family: 'Orbitron', sans-serif; /* Futuristic font */
-            font-size: 20px; /* Adjust size as needed */
-            text-transform: uppercase; /* Makes text uppercase */
-            text-align: center; /* Center-aligns the text */
-            color: #fff; /* Neon color for the text */
-            text-shadow: 0 0 10px rgba(0, 255, 204, 0.8), 0 0 20px rgba(0, 255, 204, 0.6); /* Neon glow effect */
-            letter-spacing: 2px; /* Space between letters for a robotic feel */
-            transition: transform 0.3s; /* Smooth transform transition */
-        }
-
-        /* Container Styling with Glassmorphism */
-        .glass-container {
-            background: rgba(255, 255, 255, 0.2);
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-            backdrop-filter: blur(10px);
-            border-radius: 15px;
-            padding: 30px;
-            max-width: 1200px;
-            margin: auto; /* Centering the container */
-            border: 1px solid rgba(255, 255, 255, 0.6);
-            margin-top: 20px;
-        }
+
 
-        .robotic-title {
-            font-family: 'Roboto', sans-serif; /* Modern font */
-            font-size: 28px; /* Adjust size as needed */
-            text-transform: uppercase; /* Makes text uppercase */
-            letter-spacing: 3px; /* Space between letters for a robotic feel */
-            -webkit-background-clip: text;
-            /* Makes text color transparent to show gradient */
-            animation: pulse 2s; /* Optional pulse animation */
-        }
+
         .ts{
                text-align: center;
                margin: 10px 0;
                font-size: 16px;
-               font-family: 'Inconsolata';
                padding:90px;
                color:white;
                margin-top: -60px;
@@ -70,7 +39,7 @@
         /* Card Styling */
         .card {
             background: rgba(255, 255, 255, 0);
-            color: white;
+            color: Black;
             border-radius: 10px;
             border: 2px solid pink;
             box-shadow: 0 0 10px rgba(237, 92, 242, 0.5);
@@ -99,7 +68,7 @@
         .card-content {
             position: relative;
             z-index: 2;
-            color: white;
+            color: Black;
             display: flex;
             flex-direction: column;
             justify-content: center;
@@ -118,15 +87,15 @@
 
         .card-content h3 {
 
-            font-family: 'Montserrat', sans-serif;
+             
             font-size: 1.5rem; /* Increased font size for better readability */
             font-weight: bold; /* Bold font for emphasis */
             margin-bottom: 100px; /* Space below the title */
         }
 
         .card-content p {
             font-size: 1rem; /* Font size for description */
-            font-family: 'Inconsolata', monospace;
+             
             margin: auto; /* Remove default margin */
         }
 
@@ -136,12 +105,12 @@
             left: 50%;
             transform: translateX(-50%);
             font-size: 18px;
-            color: white;
+
             opacity: 0; /* Hidden by default */
             transition: opacity 0.3s;
             display: flex;
             align-items: center;
-            font-family: 'Montserrat', sans-serif; /* Modern, clean font */
+
         }
 
         .demo-text::after {
@@ -163,7 +132,7 @@
         /* Button Styling */
         .view-service {
             background-color: #007BFF;
-            color: white;
+
             padding: 10px 20px;
             border: none;
             border-radius: 5px;