Expertise page created

live web page linked and pop-up added

Signed-off-by: vimal-tech-starter <varnam2311@gmail.com>

Author: vimaltech-starter

css/common.css

@@ -165,6 +165,7 @@ footer {
     color: #fff;
     margin-top: 2rem;
     font-size: 0.9rem;
+    letter-spacing: 1px;
 }
 
 /* ===================================================
@@ -202,7 +203,7 @@ body.dark #contact {
 =================================================== */
 #darkModeToggle {
     position: fixed;
-    bottom: 65px;
+    bottom: 110px;
     right: 20px;
     width: 55px;
     height: 55px;
@@ -225,7 +226,7 @@ body.dark #contact {
 /* ===== Scroll to Top Button ===== */
 #scrollTopBtn {
     position: fixed;
-    bottom: 65px;
+    bottom: 110px;
     left: 20px;
     z-index: 2000;
     width: 50px;

css/live-projects.css

@@ -0,0 +1,36 @@
+/* ===================================================
+   ===== Live Projects Section =====
+=================================================== */
+#live-projects {
+    text-align: center;
+}
+
+.live-projects .btn {
+    display: inline-block;
+    padding: 12px 25px;
+    border-radius: 30px;
+    background: #ff9800;
+    color: #fff;
+    text-decoration: none;
+    font-weight: bold;
+    transition: background 0.3s, transform 0.3s;
+}
+
+.live-projects .btn:hover {
+    background: #e68900;
+    transform: translateY(-3px);
+}
+
+.live-projects-card {
+    background: rgba(179, 105, 105, 0.3);
+    backdrop-filter: blur(10px);
+    border-radius: 20px;
+    padding: 60px;
+    margin: 20px 0;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+}
+
+body.dark .live-projects-card {
+    background-color: #467db4;
+    color: #000;
+}

css/main.css

@@ -328,4 +328,25 @@ body.dark #darkModeToggle:hover {
 body.dark .visitor-count-card {
   background-color: #467db4;
   color: #000;
-}
+}
+
+/* CTA Section */
+.cta-section {
+  text-align: center;
+  margin-top: 50px;
+}
+
+.cta-section a.btn {
+  background: #ff9800;
+  color: #fff;
+  padding: 14px 30px;
+  border-radius: 30px;
+  font-weight: bold;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+.cta-section a.btn:hover {
+  background: #ff5722;
+  transform: scale(1.05);
+}

css/services.css

@@ -261,43 +261,6 @@ body.dark #services-offer {
     color: #000;
 }
 
-/* ===================================================
-   ===== Live Projects Section =====
-=================================================== */
-#live-projects {
-    text-align: center;
-}
-
-.live-projects .btn {
-    display: inline-block;
-    padding: 12px 25px;
-    border-radius: 30px;
-    background: #ff9800;
-    color: #fff;
-    text-decoration: none;
-    font-weight: bold;
-    transition: background 0.3s, transform 0.3s;
-}
-
-.live-projects .btn:hover {
-    background: #e68900;
-    transform: translateY(-3px);
-}
-
-.live-projects-card {
-    background: rgba(179, 105, 105, 0.3);
-    backdrop-filter: blur(10px);
-    border-radius: 20px;
-    padding: 60px;
-    margin: 20px 0;
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-}
-
-body.dark .live-projects-card {
-    background-color: #467db4;
-    color: #000;
-}
-
 /* Wrapper for centering counter horizontally */
 .counter-container {
     display: flex;

css/whatsapp-floating.css

@@ -1,7 +1,7 @@
 /* ===== WhatsApp Button ===== */
 .whatsapp-float {
     position: fixed;
-    bottom: 130px;
+    bottom: 171px;
     right: 20px;
     z-index: 1000;
     background-color: #25d366;