Skip to content

Home
About
VPS
.services-menu { max-width: 500px; padding: 20px; border-radius: 10px; background: linear-gradient(to bottom right, #ffffff, #ebebff); display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .service-item { display: flex; align-items: center; gap: 10px; transition: color 0.3s ease; } .service-item:hover { color: #666; } .service-item img { width: 25px; height: 25px; margin-top: -40px; } .service-text h3 { font-size: 16px; margin: 0; transition: letter-spacing 0.3s ease; position: relative; display: inline-block; } .service-text h3::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0%; height: 2px; background: currentColor; transition: width 0.3s ease; } .service-item:hover .service-text h3 { letter-spacing: 1.2px; color:#7680f6; } .service-item:hover .service-text h3::after { width: 100%; } .service-text p { font-size: 14px; margin: 3px 0 0; color: #555; } .service-link { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 10px; } /* Active page styling */ .active-page .service-text h3 { color: red; /* Change to red for active link */ }

Linux

Flexible, secure, open-source hosting.

Windows Server

Enterprise-ready, smooth Windows hosting.

Ubuntu

Developer-friendly, lightweight Linux option.

Cloud Server

Scalable, powerful cloud infrastructure.

NvME SSD

Ultra-fast, next-gen SSD storage.

RDP Server

Remote desktop access made simple.

Affordable Options

Budget-friendly VPS hosting plans.

Managed WordPress Hosting

Optimized, secure WordPress experience.

$(document).ready(function() { // Get the current page's path (without domain) var currentPath = window.location.pathname; // Compare each service link with the current page URL $('.service-link').each(function() { var linkHref = $(this).attr('href'); // Get the href value of the link // Strip the trailing slash from both currentPath and linkHref for consistent comparison var currentSlug = currentPath.endsWith('/') ? currentPath.slice(0, -1) : currentPath; var linkSlug = linkHref.endsWith('/') ? linkHref.slice(0, -1) : linkHref; // Check if the link's slug matches the current URL's path if (currentSlug === linkSlug) { // If it matches, add 'active-page' class and change the color of the title (h3) to red $(this).find('.service-text h3').css('color', '#7680f6'); } }); });
Pricing
Blog
Contact
Login

Register

Home
About
VPS
.services-menu { max-width: 500px; padding: 20px; border-radius: 10px; background: linear-gradient(to bottom right, #ffffff, #ebebff); display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .service-item { display: flex; align-items: center; gap: 10px; transition: color 0.3s ease; } .service-item:hover { color: #666; } .service-item img { width: 25px; height: 25px; margin-top: -40px; } .service-text h3 { font-size: 16px; margin: 0; transition: letter-spacing 0.3s ease; position: relative; display: inline-block; } .service-text h3::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0%; height: 2px; background: currentColor; transition: width 0.3s ease; } .service-item:hover .service-text h3 { letter-spacing: 1.2px; color:#7680f6; } .service-item:hover .service-text h3::after { width: 100%; } .service-text p { font-size: 14px; margin: 3px 0 0; color: #555; } .service-link { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 10px; } /* Active page styling */ .active-page .service-text h3 { color: red; /* Change to red for active link */ }

Linux

Flexible, secure, open-source hosting.

Windows Server

Enterprise-ready, smooth Windows hosting.

Ubuntu

Developer-friendly, lightweight Linux option.

Cloud Server

Scalable, powerful cloud infrastructure.

NvME SSD

Ultra-fast, next-gen SSD storage.

RDP Server

Remote desktop access made simple.

Affordable Options

Budget-friendly VPS hosting plans.

Managed WordPress Hosting

Optimized, secure WordPress experience.

$(document).ready(function() { // Get the current page's path (without domain) var currentPath = window.location.pathname; // Compare each service link with the current page URL $('.service-link').each(function() { var linkHref = $(this).attr('href'); // Get the href value of the link // Strip the trailing slash from both currentPath and linkHref for consistent comparison var currentSlug = currentPath.endsWith('/') ? currentPath.slice(0, -1) : currentPath; var linkSlug = linkHref.endsWith('/') ? linkHref.slice(0, -1) : linkHref; // Check if the link's slug matches the current URL's path if (currentSlug === linkSlug) { // If it matches, add 'active-page' class and change the color of the title (h3) to red $(this).find('.service-text h3').css('color', '#7680f6'); } }); });
Pricing
Blog
Contact
Login

News

0 items

Cloud Education, News, Updates

Why OptraCloud is the Future of Cloud Hosting
Continue reading

Built for creators, startups, and tech founders, our VPS and cloud hosting gives you full control, lightning-fast performance, and the freedom to scale on your terms.

Overview

About
Blog
Pricing
Terms & Conditions
Privacy Policy

Solutions

Linux
Windows Server
Ubuntu
Cloud Server
NvME SSD
RDP Server
Affordable Options
Managed WordPress Hosting

Pay Your Way

[email protected]
+91 82873 31331

© OptraCloud 2026 – All rights reserved.