.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 */ }
Flexible, secure, open-source hosting.
Enterprise-ready, smooth Windows hosting.
Developer-friendly, lightweight Linux option.
Scalable, powerful cloud infrastructure.
Ultra-fast, next-gen SSD storage.
Remote desktop access made simple.
Budget-friendly VPS hosting plans.
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’); } }); });
Quick Search Our Blogs
Type in keywords and get instant access to related blog posts.