1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 5 <!-- ZTM STARTS --> 6
6<script type="text/javascript">(function(w,s){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://zohotagmanager.cdn.pagesense.io/ztmjs/0a792777671e4c4fbd61acf546ea9c77.js";var x=document.getElementsByTagName("script")[0];x.parentNode.insertBefore(e,x);})(window,"script");</script>
6 7 <!-- ZTM ENDS --> 8 9 <!-- Pagesense STARTS --> 10
10<script id="pagesenseCode">!function(){var e="1.0",t=document,a=window,n="zps-page-screen",r=t.head||t.getElementsByTagName("head")[0],i=t.getElementById("pagesenseCode");if(!t.getElementById(n)){var o=t.createElement("style");o.type="text/css",o.id=n;var s="body { background: transparent !important; opacity: 0 !important; visibility: hidden !important; } html { opacity: 0 !important; visibility: hidden !important; }";o.styleSheet?o.styleSheet.cssText=s:o.appendChild(t.createTextNode(s)),r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),a._ps_conf={};var c={addScript:function(e){try{var n=t.createElement("script");if(n.type="text/javascript",n.async=!0,e.src?n.src=e.src:e.text&&(void 0!==n.text?n.text=e.text:n.appendChild(t.createTextNode(e.text))),i&&i.getAttribute){var o=i.getAttribute("nonce");o&&n.setAttribute("nonce",o)}n.onload=n.onreadystatechange=function(){this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(n.onload=n.onreadystatechange=null,a._ps_conf&&a._ps_conf.pauseRenderForManualActivation?clearTimeout(d):c.revealPage())},n.onerror=function(){c.revealPage()},r.appendChild(n)}catch(e){throw c.revealPage(),e}},revealPage:function(){var e=t.getElementById(n);e&&e.parentNode&&e.parentNode.removeChild(e)}},d=setTimeout((function(){c.revealPage()}),1e4),p=c.revealPage;c.revealPage=function(){clearTimeout(d),p()};try{a._ps_conf&&a._ps_conf.pauseRenderForManualActivation&&(a.pagesense=a.pagesense||[],a.pagesense.push=function(e){e&&"activate"==e[0]&&c&&c.revealPage()}),a._ps_conf?a._ps_conf.version=e:a._ps_conf={version:e},c.addScript({src:"https://cdn-in.pagesense.io/js/0wk4aq5x/bd574a79138443698cff78980e7c478b.js"})}catch(e){c.revealPage()}}}();</script>
10 11 <!-- Pagesense ENDS --> 12 13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 14 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 15 <meta name="viewport" content="width=device-width, initial-scale=1"/> 16 17 <link rel="canonical" href="https://www.site24x7.com/product-announcement.html" /> 18 19 <link rel="SHORTCUT ICON" href="//static.site24x7.net.au/images/site24x7-fav.ico?p=Oct_06_2026"> 20 <link rel="preload" as="font" href="https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2" type="font/woff2" crossorigin="anonymous"> 21 <link rel="preload" as="font" href="https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2" type="font/woff2" crossorigin="anonymous"> 22 <link rel="preload" as="font" href="https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2" type="font/woff2" crossorigin="anonymous"> 23 <link rel="preload" as="font" href="https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2" type="font/woff2" crossorigin="anonymous"> 24 25 26 <link rel="stylesheet" href="//static.site24x7.net.au/css/bootstrap4.min.css?p=Oct_06_2026" type="text/css"/> 27 <link rel="stylesheet" href="//static.site24x7.net.au/css/new-style.min.css?p=Oct_06_2026" type="text/css"/> 28 29 30 31 32 33 34
34<script type="text/javascript"> 35 var rumMOKey = '68167b0b369af4d2424acc60f0f3fc81'; 36 (function () { 37 if (window.performance && window.performance.timing && window.performance.navigation) { 38 var site24x7_rum_beacon = document.createElement('script'); 39 site24x7_rum_beacon.async = true; 40 site24x7_rum_beacon.setAttribute('src', '//static.site24x7rum.eu/beacon/site24x7rum-min.js?appKey=' + rumMOKey); 41 document 42 .getElementsByTagName('head')[0] 43 .appendChild(site24x7_rum_beacon); 44 } 45 })(window) 46 47 const accountsDomain = "accounts.zoho.com"; 48 const i18n = { 49 "requestDemo": "Request Demo", 50 "getQuote": "Get Quote" 51 } 52 </script>
52 53 54
54<script type="text/javascript" src="//static.site24x7.net.au/js/jquery.min.js?p=Oct_06_2026"></script>
54 55 56 <title>Site24x7 Observability is now OpManager Nexus | Site24x7</title> 57 58 <meta name="keywords" content="cloud observability, multi-cloud observability"/> 59 60 61 <meta name="description" content="Achieve unified observability across AWS, Azure, GCP, OCI, Huawei, Alibaba, Tencent, Akamai, and DigitalOcean. Correlate metrics, logs, and traces across every cloud from a single console."/> 62 63 64 <meta name="robots" content="noindex"/> 65 66 67 68 <!-- Twitter card start --> 69 <meta name="twitter:card" content="summary_large_image"> 70 <meta name="twitter:site" content="@Site24x7"> 71 <meta name="twitter:title" content="Site24x7 Observability is now OpManager Nexus | Site24x7"> 72 <meta name="twitter:description" content="Achieve unified observability across AWS, Azure, GCP, OCI, Huawei, Alibaba, Tencent, Akamai, and DigitalOcean. Correlate metrics, logs, and traces across every cloud from a single console."> 73 74 <meta name="twitter:image" content="https://img.site24x7static.com///static.site24x7.net.au/images/site24x7-og.png"> 75 76 <!-- Twitter card end --> 77 <!-- OG-markup-start --> 78 <meta property="og:site_name" content="Site24x7" /> 79 <meta property="og:type" content="website" /> 80 <meta property="og:url" content="https://www.site24x7.com/product-announcement.html" /> 81 <meta property="og:title" content="Site24x7 Observability is now OpManager Nexus | Site24x7" /> 82 <meta property="og:description" content="Achieve unified observability across AWS, Azure, GCP, OCI, Huawei, Alibaba, Tencent, Akamai, and DigitalOcean. Correlate metrics, logs, and traces across every cloud from a single console."> 83 84 <meta property="og:image:url" content="https://img.site24x7static.com///static.site24x7.net.au/images/site24x7-og.png" /> 85 <meta property="og:image:secure_url" content="https://img.site24x7static.com///static.site24x7.net.au/images/site24x7-og.png" /> 86 <meta property="og:image" content="https://img.site24x7static.com///static.site24x7.net.au/images/site24x7-og.png" /> 87 88 <meta property="og:image:type" content="image/png" /> 89 <!-- OG-markup-end --> 90 91 92 93 <style> 94 95/* New Hero banner */ @media (min-width: 1280px) { .content-wrap { max-width: 1140px; } } 96@media (min-width: 1366px) { .content-wrap { max-width: 1280px; } } 97@media (min-width: 1440px) { .content-wrap { max-width: 1440px; } } 98.new-hero-wrap { position: relative; width: 100%; overflow: hidden; background: #060d1f; padding: 40px 0 70px; background-color: hsla(210, 78%, 2%, 1); background-image: radial-gradient(at 39% 27%, hsla(159, 69%, 2%, 1) 0px, transparent 50%), radial-gradient(at 62% 74%, hsla(271, 0%, 0%, 1) 0px, transparent 50%), radial-gradient(at 96% 6%, hsla(214, 96%, 10%, 1) 0px, transparent 50%), radial-gradient(at 17% 87%, hsla(157, 83%, 8%, 1) 0px, transparent 50%), radial-gradient(at 3% 4%, hsla(170, 83%, 6%, 1) 0px, transparent 50%), radial-gradient(at 98% 96%, hsla(224, 75%, 8%, 1) 0px, transparent 50%); border-radius: 0px 0px 50px 50px; } 99/* Single moving border line */ @property --border-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; } 100.new-hero-wrap .border-line { position: absolute; inset: 0; border-radius: 0px 0px 50px 50px; padding: 5px; background: conic-gradient(from var(--border-angle), transparent 0%, transparent 85%, #17f743 90%, #00afff 97%, transparent 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: rotateBorder 5s linear infinite; pointer-events: none; z-index: 1; } 101@keyframes rotateBorder { to { --border-angle: 360deg; } } 102.hero-section { padding: 0px 30px; overflow: hidden; } 103 104 105@keyframes orbFloat1 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(40px, 30px) scale(1.05); } } 106@keyframes orbFloat2 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-30px, -20px) scale(1.08); } } 107/* Grid overlay */ .hero-grid-overlay { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; } 108/* Horizontal glow line across the hero */ .hero-glow-line { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(26,111,212,0.3), rgba(8,153,73,0.2), transparent); pointer-events: none; } 109.new-hero-wrap .content-wrap { margin-top: 0; padding: 0 2rem; } 110.new-hero-wrap.no-image .content-wrap { margin: 0 auto; } 111.new-hero-wrap .label { display: inline-block; font-size: 12px; font-weight: 600; color: #7eb8ff; background: rgba(26,111,212,0.15); border: 1px solid rgba(26,111,212,0.35); padding: 7px 22px; text-transform: uppercase; letter-spacing: 0.14em; max-width: max-content; border-radius: 50px; position: relative; overflow: hidden; backdrop-filter: blur(8px); } 112.new-hero-wrap .label::after { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100% ); animation: shine 3s ease-in-out infinite; pointer-events: none; }
113@keyframes shine { 0% { left: -75%; opacity: 0; } 10% { opacity: 1; } 40% { left: 125%; opacity: 1; } 50% { opacity: 0; left: 125%; } 100% { left: 125%; opacity: 0; } } 114.new-hero-wrap h1 { font-size: 3.8rem; font-weight: 300; letter-spacing: -0.12rem; line-height: 1.12em; color: #e0e8f5; } 115.new-hero-wrap h1 strong { font-weight: 800; letter-spacing: -0.15rem; background: linear-gradient(135deg, #4d9fff, #00d4aa, #7ed222); background-size: 200% 200%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 3s ease infinite; padding-right: 2px; } 116@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } 117.wave-container { position: relative; /* margin: 40px 0; */ padding-bottom: 30px; overflow: hidden; margin-top: -30px; } 118/* Product transition cards */ .hero-product-flow { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 40px auto 32px; flex-wrap: nowrap; } 119.hero-product-card { background: #ffffff; border: 1.5px solid #dde4f0; border-radius: 20px; padding: 28px 32px 22px; display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 180px; box-shadow: 0 2px 12px rgba(26, 58, 107, 0.07); transition: box-shadow 0.2s ease; } 120.hero-product-card.nexus { border-color: #1a6fd4; box-shadow: 0 4px 24px rgba(26, 111, 212, 0.13); } 121.hero-product-card .card-icon { width: 70px; height: 70px; border-radius: 16px; background: rgb(241 246 255); display: flex; align-items: center; justify-content: center; overflow: hidden; } 122.hero-product-card.nexus .card-icon { background: #e0ecff; } 123.hero-product-card .card-icon img { width: 45px; height: 45px; object-fit: contain; } 124.hero-product-card .card-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #7a8faa; } 125.hero-product-card .card-name { font-size: 15px; font-weight: 700; color: #0a1628; margin: 0; text-align: center; } 126.hero-product-card.nexus .card-name { color: #1a6fd4; } 127.hero-product-card .card-subtitle { font-size: 13px; color: #5a6f88; margin: 0; text-align: center; font-weight: 500; } 128.hero-flow-connector { font-size: 26px; color: #a0b4cc; font-weight: 300; line-height: 1; flex-shrink: 0; } 129.hero-flow-connector.arrow { font-size: 28px; color: #1a6fd4; } 130/* Product transition cards end */ 131.wave-wrapper { display: block; width: 130vw; height: 30px; max-height: 60px; margin: 0; z-index: 5; bottom: 0; position: absolute; left: -30vw; } 132.parallax1>use { animation: move-forever1 10s linear infinite; 133&:nth-child(1) { animation-delay: -2s; } } 134.parallax2>use { animation: move-forever2 8s linear infinite; 135&:nth-child(1) { animation-delay: -2s; } } 136.parallax3>use { animation: move-forever3 6s linear infinite; 137&:nth-child(1) { animation-delay: -2s; } } 138.parallax4>use { animation: move-forever4 4s linear infinite; 139&:nth-child(1) { animation-delay: -2s; } } 140@keyframes move-forever1 { 0% { transform: translate(85px, 0%); } 141100% { transform: translate(-90px, 0%); } } 142@keyframes move-forever2 { 0% { transform: translate(-90px, 0%); } 143100% { transform: translate(85px, 0%); } } 144@keyframes move-forever3 { 0% { transform: translate(85px, 0%); } 145100% { transform: translate(-90px, 0%); } } 146@keyframes move-forever4 { 0% { transform: translate(-90px, 0%); } 147100% { transform: translate(85px, 0%); } } 148 149/* Bottom note */ .hero-security-note { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #4a5f78; background: #ffffff; border: 1px solid #196fd4; border-radius: 50px; padding: 10px 22px; margin-top: 8px; } 150.hero-security-note svg { flex-shrink: 0; color: #1a6fd4; } 151.new-hero-wrap p { font-size: 1.3rem; line-height: 1.4em; color: #bbbbbb; } 152.new-hero-wrap.no-image .cta-wrapper { margin-bottom: 4rem; } 153.new-hero-wrap .cta-wrapper .pricing-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: max-content; text-transform: uppercase; letter-spacing: -.3px; font-weight: 500; padding: 16px 32px; font-size: 17px; border-radius: 50px; border: 1px solid transparent; transition: 0.1s all ease-in-out; } 154.new-hero-wrap .cta-wrapper .pricing-btn.green { border-color: #089949; background: #089949; color: #fff; } 155.new-hero-wrap .cta-wrapper .pricing-btn.green:hover { border-color: #076938; background: #076938; } 156.new-hero-wrap .cta-wrapper .pricing-btn.outline { border-color: #B5BBBD; color: #666d70; } 157.new-hero-wrap .cta-wrapper .pricing-btn.outline:hover { border-color: #000000; color: #060606; } 158.new-hero-wrap .related-breadcrumb-nav { position: inherit; top: unset; padding: 0 2rem; margin: 0 auto; } 159.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb { margin: 0; gap: unset; } 160.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light { display: block; line-height: 1.2em; box-sizing: border-box; background-color: #F0F0F0; } 161.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:hover { background-color: #d2dadd; } 162.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:hover a { color: #000; } 163.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:hover a::before { background-color: #d2dadd; } 164.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:last-of-type { background-color: #E6FFEC; } 165.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light a::after { display: none; } 166.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light a, .new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light span { display: block; position: relative; color: #515151; text-decoration: none; padding: 5px 17px 5px 15px; font-size: 13px; letter-spacing: -0.36px; clip-path: polygon(0% 0%, 100% 0, 200% 100%, 0% 99.5%); } 167.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:not(:first-of-type) a { padding: 5px 17px 5px 30px; } 168.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light:first-of-type { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } 169.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light a::before, .new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light span::before { content: ''; position: absolute; display: block; top: 4.5px; right: -10px; height: 20.5px; width: 20.5px; transform-origin: center; transform: rotate(45deg) scale(1.15); background-color: #F0F0F0; border-top: 3px solid #fff; border-right: 3px solid #fff; } 170.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light span { color: #146629; padding: 5px 17px 5px 30px; } 171.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light span::before { background-color: #E6FFEC; } 172.feature-overview-wrapper { border-bottom: 1px solid #dde2e7; } 173@media screen and (max-width: 1366px) { html { font-size: 14px; } } 174@media screen and (max-width: 992px) { .new-hero-wrap h1 { font-size: 3.5rem; } 175.new-hero-wrap p { font-size: 1.4rem; } 176.new-hero-wrap .cta-wrapper .pricing-btn { margin-bottom: 10px; font-size: 16px; padding: 10px 26px; } 177.new-hero-wrap .product-icon-wrapper { margin-top: 25px; height: 60px; width: 60px; } 178.new-hero-wrap .cta-wrapper { margin-bottom: 3rem; } 179.new-hero-wrap .related-breadcrumb-nav { transform-origin: left; transform: scale(0.85); } 180.new-hero-wrap .related-breadcrumb-nav .related-breadcrumb .related-breadcrumb-item-light { margin: 2px; } 181.hero-product-card { min-width: 140px; padding: 20px 18px 16px; } 182.hero-product-card .card-icon { width: 56px; height: 56px; }
183.hero-product-card .card-icon img { width: 42px; height: 42px; } 184} 185 186@media screen and (max-width: 768px) { 187.new-hero-wrap h1 { font-size: 1.9rem; letter-spacing: -0.06rem; } 188.hero-product-flow { flex-direction: column; flex-wrap: nowrap; gap: 8px; } 189.hero-flow-connector.arrow { transform: rotate(90deg); } } 190 191.feature-overview-wrapper .content-wrap { margin: 0 auto; } 192.feature-overview-wrapper .overview-content-wrapper { padding: 2rem; } 193.feature-overview-wrapper .overview-content-wrapper .content { max-width: 90%; margin: 0 auto; } 194.feature-overview-wrapper .overview-content-wrapper .content h2 { color: #000; /* font-size: 30px; */ margin-bottom: 20px; letter-spacing: -0.6px !important; } 195.feature-overview-wrapper .overview-content-wrapper .content p { font-size: 18px; line-height: 1.4em; color: #49544A; } 196.feature-overview-wrapper .overview-content-wrapper .content strong { color: #000; } 197.product-ss-wrapper { position: relative; height: 490px; width: 750px; } 198.product-ss { position: absolute; left: 100px; border-radius: 16px; overflow: hidden; width: 750px; } 199@media screen and (max-width: 992px) { .product-ss-wrapper { height: unset; width: 100%; } 200.product-ss { position: relative; left: 0px; max-width: 100%; margin-top: 40px; border-radius: 8px; } } 201@media screen and (max-width: 800px) { .product-ss { margin-top: 0px; } } 202/* New Hero Banner End */ h2 { color: #000; font-weight: 800 !important; font-size: 2.75rem; letter-spacing: -0.08rem; } 203h2.dark-slim { color: #e0fff2; font-weight: 200 !important; letter-spacing: -0.05rem; } 204h2.dark-slim span { color: #fff; font-weight: 500 !important; } 205p { font-size: 16px; } 206.content-with-list-wrapper .content-wrap, .feature-cards-wrapper .content-wrap { padding: 2rem; } 207.content-with-list-wrapper .content-wrapper .highlight-list li { display: flex; margin-bottom: 15px; color: #000 !important; font-size: 18px; } 208.content-with-list-wrapper .content-wrapper .highlight-list li::before { content: ''; min-width: 20px; min-height: 20px; display: block; background-image: url(///static.site24x7.net.au/images/right-arrow-round.svg); background-size: contain; background-repeat: no-repeat; background-origin: content-box; margin-right: 15px; margin-top: 7px; } 209.content-with-list-wrapper .content-wrapper .highlight-list.dark li { color: #fff !important; } 210.content-with-list-wrapper .content-wrapper .highlight-list li::before { content: ''; min-width: 20px; min-height: 20px; display: block; background-image: url(///static.site24x7.net.au/images/right-arrow-round.svg); background-size: contain; background-repeat: no-repeat; background-origin: content-box; margin-right: 15px; margin-top: 7px; } 211.content-with-list-wrapper .content-wrapper .highlight-list.dark li::before { filter: invert(1); } 212.content-with-list-wrapper .img-wrapper { display: flex; align-items: center; justify-content: center; background-color: #dde2e7; border-radius: 24px; } 213.content-with-list-wrapper .content-wrapper .highlight-cards .card { background-color: transparent; border: none; display: flex; flex-direction: row; } 214.content-with-list-wrapper .content-wrapper .highlight-cards .card .title { margin: 0; font-size: 1.3rem; margin-bottom: 16px; } 215.content-with-list-wrapper .content-wrapper .highlight-cards .card .desc { font-size: 16px; } 216.content-with-list-wrapper .content-wrapper .highlight-cards .card .icon-super { display: block; width: 60px; } 217.content-with-list-wrapper .content-wrapper .highlight-cards .card .content { flex: 1; } 218.content-with-list-wrapper .content-wrapper .highlight-cards .card .icon-wrapper { display: flex; align-items: center; justify-content: center; background-color: #4eac4c; border-radius: 8px; height: 40px; width: 40px; margin-right: 20px; } 219.content-with-list-wrapper .content-wrapper .highlight-cards .card .icon-wrapper img { height: 25px; width: 25px; display: block; filter: brightness(0) invert(1); } 220.content-with-list-wrapper .img-wrapper.cycling { position: relative; overflow: hidden; /* Hides images when they are outside the box */ display: flex; justify-content: center; align-items: center; min-height: 500px; height: 100%; width: 100%; /* Ensure wrapper has height */ } 221.content-with-list-wrapper .img-wrapper .cycle-img { position: absolute; max-width: 80%; opacity: 0; transform: translateY(100%); /* Start at the bottom */ transition: transform 1s cubic-bezier(1, -0.38, .37, .74), opacity 0.8s cubic-bezier(1, -0.38, .37, .74); } 222/* The image currently in view */ .content-with-list-wrapper .img-wrapper .cycle-img.active { opacity: 1; transform: translateY(0%); } 223/* The image exiting to the top */ .content-with-list-wrapper .img-wrapper .cycle-img.exit { opacity: 0; transform: translateY(-120%); }
224@media (max-width: 1280px) { h2 { font-size: 2.75rem; } 225p { font-size: 18px; } 226.content-with-list-wrapper .content-wrapper .highlight-list li { font-size: 18px; } 227.content-with-list-wrapper .content-wrapper .highlight-cards .content .desc { font-size: 16px; } 228.content-with-list-wrapper .img-wrapper { border-radius: 24px; } } 229@media (min-width: 1366px) { h2 { font-size: 3rem; } 230p { font-size: 18px; } 231.content-with-list-wrapper .content-wrapper .highlight-list li { font-size: 18px; } 232.content-with-list-wrapper .content-wrapper .highlight-cards .content .desc { font-size: 18px; } 233.content-with-list-wrapper .img-wrapper { border-radius: 30px; } } 234.feature-cards-wrapper .cards-wrapper .feature-card { position: relative; border-radius: 16px; border: 1px solid #dde2e7; height: 100%; } 235.feature-cards-wrapper .cards-wrapper .feature-card .icon-wrapper { position: absolute; top: -35px; left: calc(1.5rem - 10px); padding: 14px 20px; /* border: 1px solid #dde2e7; */ background-color: #fff; border-radius: 10px; max-width: max-content; } 236.feature-cards-wrapper .cards-wrapper .feature-card .icon-wrapper img { display: block; height: 30px; } 237.feature-cards-wrapper .cards-wrapper .feature-card a.link .title { color: #446abf; transition: .1s all ease-in-out; } 238.feature-cards-wrapper .cards-wrapper .feature-card a.link .title::after { display: block; height: 16px; width: 16px; margin-left: 5px; content: ''; background-image: url(///static.site24x7.net.au/images/arrow-right.svg); background-size: contain; background-repeat: no-repeat; opacity: 0.7; transition: 0.1s all ease-in-out; } 239.feature-cards-wrapper .cards-wrapper .feature-card a.link:hover .title::after { transform: translateX(5px); opacity: 1; } 240.feature-cards-wrapper .cards-wrapper .feature-card a.link:hover .title { color: #0948d4; border-color: #446abf; } 241.feature-cards-wrapper .cards-wrapper .feature-card .title { display: flex; align-items: center; margin: 0; color: #000000; margin: 16px 0; font-size: 1.3rem; padding-bottom: 16px; border-bottom: 1.5px solid #e3e3e3; } 242.feature-cards-wrapper .cards-wrapper .feature-card .desc { font-size: 18px; margin: 0; } 243 244.content-with-list-wrapper .cta-wrapper .pricing-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: max-content; text-transform: uppercase; letter-spacing: -.3px; font-weight: 500; padding: 16px 32px; font-size: 17px; border-radius: 50px; border: 1px solid transparent; transition: 0.1s all ease-in-out; } 245.content-with-list-wrapper .cta-wrapper .pricing-btn.green { border-color: #089949; background: #089949; color: #fff; } 246.content-with-list-wrapper .cta-wrapper .pricing-btn.green:hover { border-color: #076938; background: #076938; } 247.content-with-list-wrapper .cta-wrapper .pricing-btn.outline { border-color: #B5BBBD; color: #ffffff; } 248.content-with-list-wrapper .cta-wrapper .pricing-btn.outline:hover { border-color: #fff; color: #fff; }
249/* What changes section */ .what-changes-section { background: #f8fafc; } 250 251.what-changes-section .section-header { text-align: center; max-width: 650px; margin: 0 auto; margin-bottom: 40px; } 252.what-changes-section .section-header h2 { font-size: 2.75rem; font-weight: 800 !important; letter-spacing: -0.08rem; color: #000; margin-bottom: 12px; } 253.what-changes-section .section-header p { font-size: 18px; color: #4a5568; margin: 0; } 254.what-changes-card { border-radius: 16px; padding: 32px 28px; height: 100%; overflow: hidden; } 255.what-changes-card.changes { background: linear-gradient(135deg, #f0f7ff 0%, #e8f4fd 100%); border: 1px solid #c5ddf5; } 256.what-changes-card.stays { background: linear-gradient(135deg, #f0fdf4 0%, #e6fbec 100%); border: 1px solid #b8e6c8; } 257.what-changes-card .card-label-new { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; padding: 5px 12px; border-radius: 6px; margin-bottom: 20px; white-space: nowrap; } 258.what-changes-card.changes .card-label-new { background: #dbeafe; color: #1e40af; } 259.what-changes-card.stays .card-label-new { background: #d1fae5; color: #065f46; } 260.what-changes-card .card-label-new svg { flex-shrink: 0; } 261.what-changes-card ul { list-style: none; padding: 0; margin: 0; } 262.what-changes-card ul li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.55; color: #1a202c; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.06); } 263.what-changes-card ul li:last-child { border-bottom: none; padding-bottom: 0; } 264.what-changes-card ul li:first-child { padding-top: 0; } 265.what-changes-card ul li .list-icon { flex-shrink: 0; margin-top: 2px; width: 16px; height: 16px; } 266.what-changes-card.changes ul li .list-icon { color: #2563eb; } 267.what-changes-card.stays ul li .list-icon { color: #059669; } 268.what-changes-card ul li s { color: #94a3b8; text-decoration: line-through; } 269.what-changes-card ul li a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; } 270.what-changes-card ul li a:hover { color: #1d4ed8; } 271.site24x7-note-box { margin-top: 40px; background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border: 1px solid #f5d880; border-radius: 16px; padding: 24px 28px; display: flex; align-items: flex-start; gap: 16px; } 272.site24x7-note-box .note-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; background: #fde68a; display: flex; align-items: center; justify-content: center; color: #92400e; } 273.site24x7-note-box .note-content .note-title { font-size: 15px; font-weight: 700; color: #92400e; margin: 0 0 4px; } 274.site24x7-note-box .note-content p { font-size: 14px; line-height: 1.6; color: #78350f; margin: 0; } 275@media screen and (max-width: 992px) { .what-changes-section { padding: 50px 0; } 276.what-changes-section .section-header h2 { font-size: 2rem; } 277.what-changes-card { padding: 24px 20px; margin-bottom: 16px; } 278.site24x7-note-box { flex-direction: column; gap: 12px; padding: 20px; } } 279 280 </style> 281 282 283 284 285 286 <style> 287 288 289 290 291 /*.signup-btn--green { 292 background: #089949; 293 color: #fff !important; 294 border: 1px solid #089949; 295 border-radius: 3px; 296 } 297 298 .pricing-btn--green { 299 background: #089949; 300 color: #fff; 301 border-radius: 3px; 302 border: 1px solid #089949; 303 } 304 305 .nav-link-color:hover { 306 color: #089949 !important; 307 } */ 308 309 /* CTA Popup */ 310 311 .cta-popup { 312 display: block; 313 position: fixed; 314 bottom: 0px; 315 left: 0px; 316 padding: 50px; 317 border-top-right-radius: 10px; 318 transform: translateY(120%); 319 overflow: hidden; 320 background: #0e1010; 321 z-index: 50; 322 } 323 324 @media screen and (max-width: 992px) { 325 .cta-popup { 326 display: none; 327 } 328 } 329 330 .cta-popup.white {
331 box-shadow: 5px -8px 15px -3px rgba(0, 0, 0, 0.1); 332 background: #f7fffa; 333 } 334 335 @keyframes slideUp { 336 0% { 337 transform: translateY(120%) 338 } 339 340 100% { 341 transform: translateY(0); 342 } 343 } 344 345 @keyframes slideDown { 346 0% { 347 transform: translateY(0) 348 } 349 350 100% { 351 transform: translateY(120%); 352 } 353 } 354 355 .cta-popup-small { 356 display: block; 357 position: fixed; 358 outline: none; 359 bottom: 0px; 360 left: 0px; 361 border: none; 362 padding: 14px; 363 font-size: 12px; 364 color: #fff; 365 border-top-right-radius: 10px; 366 background-color: #0e1010; 367 z-index: 50; 368 animation: slideUp .3s ease-out forwards; 369 } 370 371 @media screen and (max-width: 1000px) { 372 .cta-popup-small { 373 display: none; 374 } 375 } 376 377 .cta-popup-small .cta-popup-btn { 378 display: inline-block; 379 max-width: max-content; 380 background-color: #f71919; 381 color: #fff; 382 border: none; 383 border: 1px solid #f71919; 384 font-weight: 500; 385 text-transform: uppercase; 386 border-radius: 5px; 387 padding: 4px 10px; 388 font-size: 10px; 389 transition: .2s all ease-in-out; 390 } 391 392 .cta-popup-small .cta-popup-btn:hover { 393 background-color: #d03737; 394 border: 1px solid #d03737; 395 color: #fff; 396 cursor: pointer; 397 } 398 399 .cta-popup-small .cta-popup-btn-outline { 400 display: inline-block; 401 max-width: max-content; 402 background-color: #0e1010; 403 color: #fff; 404 border: none; 405 border: 1px solid #f71919; 406 font-weight: 500; 407 text-transform: uppercase; 408 border-radius: 5px; 409 padding: 4px 10px; 410 font-size: 10px; 411 transition: .2s all ease-in-out; 412 } 413 414 .cta-popup-small .cta-popup-btn-outline:hover { 415 background-color: #d03737; 416 border: 1px solid #d03737; 417 color: #fff; 418 cursor: pointer; 419 } 420 421 .cta-popup-small:hover { 422 cursor: pointer; 423 background-color: #1e2529; 424 } 425 426 .cta-popup-small .open-cta-popup { 427 background: none; 428 outline: none; 429 border: none; 430 display: inline-flex; 431 align-items: center; 432 justify-content: center; 433 height: 20px; 434 width: 20px; 435 margin-left: 12px; 436 border-radius: 10px; 437 border: 1px solid #4e4e4e; 438 background-color: #0e1010; 439 } 440 441 .cta-popup-small .open-cta-popup::before { 442 content: ''; 443 display: block; 444 height: 6px; 445 margin-top: 2px; 446 width: 6px; 447 border-right: 1.5px solid #fff; 448 border-bottom: 1.5px solid #fff; 449 transform: rotate(-135deg); 450 transition: .2s all ease-in-out; 451 } 452 453 .cta-popup .close-cta-popup { 454 position: absolute; 455 top: 6px; 456 right: 6px; 457 height: 20px;
458 width: 20px; 459 border-radius: 13.5px; 460 border: none; 461 outline: none; 462 line-height: 19px; 463 background-color: #6a6a6a; 464 transition: .2s all ease-in-out; 465 } 466 467 .cta-popup .close-cta-popup::before { 468 content: ''; 469 display: block; 470 height: 8px; 471 width: 8px; 472 border-right: 1.5px solid #000; 473 border-bottom: 1.5px solid #000; 474 transform: rotate(45deg); 475 margin-top: -2px; 476 transition: .2s all ease-in-out; 477 } 478 479 .cta-popup .close-cta-popup.closed::before { 480 transform: rotate(-135deg); 481 margin-top: 2px; 482 } 483 484 .cta-popup .close-cta-popup:hover { 485 cursor: pointer; 486 background-color: #adadad; 487 } 488 489 .cta-popup.white .close-cta-popup { 490 background-color: #dee7d8; 491 color: #708074; 492 } 493 494 .cta-popup.white .close-cta-popup:hover { 495 background-color: #bac6b1; 496 color: #1e2420; 497 } 498 499 .cta-popup span.title { 500 display: block; 501 font-size: 25px; 502 color: #fff; 503 font-weight: 100; 504 margin-bottom: 15px; 505 } 506 507 .cta-popup.white span.title { 508 color: #1b2329; 509 } 510 511 .cta-popup p { 512 color: #acb0b4; 513 font-size: 14px; 514 } 515 516 .cta-popup.white p { 517 font-size: 16px; 518 color: #136d2e; 519 } 520 521 .cta-popup ul li { 522 color: #fff; 523 margin-bottom: 10px; 524 } 525 526 .cta-popup.white ul li { 527 color: #30373c; 528 } 529 530 .cta-popup ul li::before { 531 content: ''; 532 height: 13px; 533 width: 13px; 534 margin-right: 10px; 535 filter: brightness(120%); 536 display: inline-block; 537 background-image: url('///static.site24x7.net.au/images/pricing-have.svg'); 538 background-size: contain; 539 background-repeat: no-repeat; 540 background-position: center; 541 } 542 543 .cta-popup .cta-popup-btn { 544 display: block; 545 max-width: max-content; 546 background-color: #f71919; 547 color: #fff; 548 border: none; 549 border: 1px solid #f71919; 550 font-weight: 500; 551 text-transform: uppercase; 552 border-radius: 5px; 553 padding: 10px 20px; 554 font-size: 16px; 555 margin-top: 20px; 556 transition: .2s all ease-in-out; 557 } 558 559 .cta-popup .cta-popup-btn:hover { 560 background-color: #d03737; 561 border: 1px solid #d03737; 562 color: #fff; 563 cursor: pointer; 564 } 565 566 .cta-popup .cta-popup-btn-outline { 567 display: block; 568 max-width: max-content; 569 background-color: transparent; 570 color: #fff; 571 border: none; 572 border: 1px solid #f71919; 573 font-weight: 500; 574 text-transform: uppercase; 575 border-radius: 5px; 576 padding: 10px 20px; 577 font-size: 16px; 578 margin-top: 20px; 579 transition: .2s all ease-in-out; 580 } 581 582 .cta-popup .cta-popup-btn-outline:hover { 583 background-color: #d03737; 584 border: 1px solid #d03737; 585 color: #fff; 586 cursor: pointer; 587 } 588 589 .cta-popup.white .cta-popup-btn-outline { 590 color: #1b2329; 591 } 592 593 .cta-popup.white .cta-popup-btn-outline:hover { 594 background-color: #d03737; 595 border: 1px solid #d03737; 596 color: #fff; 597 cursor: pointer; 598 } 599 600 /* Gallery box starts */ 601 602 .gbox-view { 603 position: fixed; 604 display: flex; 605 align-items: center; 606 justify-content: center; 607 top: 0; 608 left: 0; 609 background-color: rgba(255, 255, 255, 0.9); 610 width: 100vw; 611 height: 100vh; 612 z-index: 999; 613 padding: 40px; 614 animation: gboxFadeIn 0.2s ease-in-out forwards; 615 } 616 617 .gbox-view img { 618 transition: all .2s ease-in-out !important; 619 background-color: #fff; 620 object-fit: contain; 621 width: 90%; 622 max-height: 100%; 623 max-width: 100%; 624 } 625 626 .gbox-view .gbox-close { 627 position: absolute; 628 border: none; 629 background-color: #020c12; 630 border: 1px solid #020c12; 631 border-radius: 8px; 632 display: flex; 633 align-items: center; 634 justify-content: center; 635 font-weight: 600; 636 color: #fff; 637 font-size: 25px; 638 height: 30px; 639 width: 30px; 640 top: 20px; 641 right: 20px; 642 transition: .2s all ease-in-out; 643 } 644 645 .gbox-view .gbox-close:hover { 646 cursor: pointer; 647 background-color: #fff; 648 color: #020c12; 649 } 650 651 @keyframes gboxFadeIn { 652 0% { 653 background-color: rgba(255, 255, 255, 0); 654 transform: scale(1.025); 655 } 656 657 100% { 658 background-color: rgba(255, 255, 255, 0.7); 659 transform: scale(1); 660 } 661 } 662 663 /* Gallery box ends */ 664 </style> 665 666 667 668 669 670 671 <!-- Generated by Eleventy --> 672 </head> 673 <body> 674 675 676 677 <style> 678 679 :root { 680 --header-offset: 96px; 681 } 682 683 header { 684 position: sticky; 685 top: 0; 686 width: 100%; 687 background-color: #fff; 688 border-bottom: 1px solid #dde2e7; 689 display: flex; 690 flex-direction: column-reverse; 691 z-index: 500; 692 } 693 694 /* Primary menu layout */ 695 header .primary-menu { 696 position: relative; 697 display: flex; 698 width: 100%; 699 max-width: 1440px; 700 margin: 0 auto; 701 padding: 10px 32px; 702 justify-content: space-between; 703 align-items: center; 704 } 705 706 /* Logo inside primary menu */ 707 header .primary-menu .logo { 708 font-size: 1.5rem; 709 font-weight: bold; 710 color: #333; 711 width: 160px; 712 height: 50px; 713 margin-right: 40px; 714 margin-top: -5px; 715 text-decoration: none; 716 background-image: url('//static.site24x7.net.au/images/site24x7-logo-new.svg?p=Oct_06_2026'); 717 background-position: center; 718 background-repeat: no-repeat; 719 background-size: contain; 720 } 721 722 header .primary-menu .logo.logo-alt { 723 background-image: none; 724 height: unset; 725 width: unset; 726 margin-top: 0; 727 display: flex; 728 align-items: end; 729 font-size: 1.3rem; 730 font-weight: 500; 731 align-items: center; 732 } 733 734 header .primary-menu .logo.logo-alt .logo-text { 735 line-height: 18px; 736 } 737 738 header .primary-menu .logo.logo-alt .logo-sub-text { 739 font-size: 11px; 740 font-weight: 300; 741 display: block; 742 line-height: 14px; 743 } 744 745 /* Primary nav links */ 746 header .primary-menu nav { 747 display: flex; 748 gap: 30px; 749 } 750 751 header .primary-menu nav a { 752 padding-top: 5px; 753 align-items: center; 754 line-height: 40px; 755 font-size: 15px; 756 font-family: 'ZohoPuvi', sans-serif; 757 text-decoration: none; 758 height: 100%; 759 color: #333333; 760 font-weight: 300; 761 transition: .1s all ease-in-out; 762 } 763 764 @media (hover: hover), 765 (-ms-high-contrast:none) { 766 header .primary-menu nav a:hover { 767 color: #089949; 768 } 769 } 770 771 772 /* Dropdown indicator */ 773 774 header .primary-menu nav a.dropdown { 775 position: relative; 776 } 777 778 header .primary-menu nav a.dropdown::after { 779 content: ''; 780 display: block; 781 height: 8px; 782 width: 8px; 783 border: 1.5px solid transparent; 784 border-right-color: #333; 785 border-bottom-color: #333; 786 transform: rotate(45deg); 787 margin-top: -3px; 788 margin-left: 10px; 789 transition: .3s all cubic-bezier(.25, .75, .5, 1.25); 790 transform-origin: center; 791 } 792 793 header .primary-menu nav a.dropdown::before { 794 display: none; 795 content: ''; 796 position: absolute; 797 left: 35%; 798 top: 48px; 799 height: 15px; 800 width: 15px; 801 border-top: 1px solid #dde2e7; 802 border-left: 1px solid #dde2e7; 803 background-color: #fff; 804 z-index: 890; 805 } 806 807 header .primary-menu nav a.dropdown.active::after { 808 transform: rotate(-45deg); 809 border-right-color: transparent; 810 transform: rotate(45deg); 811 margin-top: 6px; 812 border-bottom-color: transparent; 813 border-top-color: #089949; 814 border-left-color: #089949; 815 } 816 817 header .primary-menu nav a.dropdown.active::before { 818 display: block; 819 animation: dropdownSlideUp .2s ease-out forwards; 820 } 821
822 @keyframes dropdownSlideUp { 823 0% { 824 opacity: 0; 825 transform: translateY(10px) rotate(45deg); 826 } 827 828 100% { 829 opacity: 1; 830 transform: translateY(0px) rotate(45deg); 831 } 832 } 833 834 header .primary-menu nav a.active { 835 color: #089949; 836 } 837 838 @media (hover: hover), 839 (-ms-high-contrast:none) { 840 header .primary-menu nav a.dropdown:hover { 841 color: #089949; 842 } 843 } 844 845 header .primary-menu .header-cta-wrapper { 846 display: flex; 847 align-items: center; 848 } 849 850 /* Dropdown wrapper */ 851 header .primary-menu .dropdown-wrapper { 852 position: absolute; 853 top: 65px; 854 left: 100px; 855 height: auto; 856 padding: 0px; 857 min-height: 300px; 858 min-width: 400px; 859 max-height: calc(100dvh - 65px); 860 border: 1px solid #dde2e7; 861 border-radius: 15px; 862 border-top-right-radius: 0px; 863 border-top-left-radius: 0px; 864 z-index: 400; 865 box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; 866 background-color: #fff; 867 animation: dropdownSlideIn .1s ease-in-out forwards; 868 transition: .1s all ease-in-out; 869 overflow: hidden; 870 } 871 872 @media screen and (max-height: 650px) { 873 header .primary-menu .dropdown-wrapper { 874 overflow-y: auto; 875 } 876 } 877 878 /* Dropdown menu and structure */ 879 header .dropdown-wrapper .dropdown-f-menu { 880 display: none; 881 height: 100%; 882 } 883 884 header .dropdown-wrapper .dropdown-f-menu.show { 885 display: flex; 886 animation: dropdownSlideIn .3s cubic-bezier(.25, .75, .5, 1.25) forwards; 887 } 888 889 @keyframes dropdownSlideIn { 890 0% { 891 transform: translateY(-50px); 892 opacity: 0; 893 } 894 895 100% { 896 transform: translateY(0px); 897 opacity: 1; 898 } 899 } 900 901 @keyframes dropdownSlideInQuick { 902 0% { 903 transform: translateY(-20px); 904 opacity: 0; 905 } 906 907 100% { 908 transform: translateY(0px); 909 opacity: 1; 910 } 911 } 912 913 header .dropdown-wrapper .dropdown-column { 914 padding: 15px 25px 0px 25px; 915 } 916 917 header .dropdown-wrapper .dropdown-column nav { 918 padding: 0; 919 gap: 0px; 920 margin-bottom: 20px; 921 } 922 923 header .dropdown-wrapper #resource-dropdown .dropdown-column { 924 padding: 20px 30px 0px 30px; 925 } 926 927 header .dropdown-wrapper #resource-dropdown .dropdown-column nav a { 928 padding: 10px; 929 padding-right: 15px; 930 max-width: max-content; 931 } 932 933 header .dropdown-wrapper #resource-dropdown .dropdown-column nav a .link-text { 934 margin-bottom: 0; 935 } 936 937 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled { 938 max-width: 270px; 939 background-color: #f4f6f7; 940 border-right: 1px solid #dde2e7; 941 } 942 943 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled .link-text { 944 font-weight: 700; 945 } 946 947 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled .link-text::after { 948 949 display: inline-block; 950 content: ''; 951 height: 12px; 952 width: 12px; 953 background-image: url(///static.site24x7.net.au/images/arrow-black.svg); 954 background-repeat: no-repeat; 955 background-position: center; 956 background-size: contain; 957 margin-top: -1px; 958 margin-left: 10px; 959 font-weight: 100; 960 opacity: .2; 961 transition: .1s all ease-in-out; 962 } 963 964 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled nav a:hover .link-text::after { 965 color: #089949; 966 opacity: 1; 967 margin-left: 12px; 968 } 969 970 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled nav a { 971 padding: 6px 25px; 972 padding-top: 0px; 973 margin-bottom: 10px; 974 } 975 976 /* Dropdown text elements */ 977 978 header .dropdown-wrapper .link-icon { 979 display: flex; 980 align-items: center; 981 justify-content: center; 982 height: 30px; 983 width: 30px; 984 margin-right: 15px; 985 border: 1px solid #eef1f4; 986 border-radius: 4px; 987 background-color: #fff; 988 transition: .1s all ease-in-out; 989 } 990
991 header .dropdown-wrapper .link-icon img { 992 width: 15px; 993 transition: .3s all cubic-bezier(.25, .75, .5, 1.25); 994 filter: brightness(0); 995 opacity: .6; 996 } 997 998 header .dropdown-wrapper .dual-link { 999 padding: 0px 0px 0px 40px; 1000 line-height: 12px; 1001 margin-top: 7px; 1002 margin-bottom: 10px; 1003 } 1004 1005 header .dropdown-wrapper .dual-link a { 1006 font-size: 11px; 1007 line-height: 12px; 1008 padding: 4px 8px; 1009 margin: 0; 1010 border-radius: 3px; 1011 margin-right: 2px; 1012 background-color: #f2f5f8; 1013 color: #3177c0; 1014 font-weight: 400; 1015 letter-spacing: 0.5px; 1016 text-transform: uppercase; 1017 transition: .1s all ease-in-out; 1018 } 1019 1020 1021 1022 1023 1024 @media (hover: hover), 1025 (-ms-high-contrast:none) { 1026 header .dropdown-wrapper .dual-link a.saas:hover { 1027 background: #089949; 1028 color: #fff; 1029 } 1030 1031 header .dropdown-wrapper .dual-link a.on-prem:hover { 1032 background: #E9142B; 1033 color: #fff; 1034 } 1035 } 1036 1037 1038 header .dropdown-wrapper a { 1039 margin-left: -10px; 1040 padding: 6px; 1041 border-radius: 5px; 1042 } 1043 1044 @media (hover: hover), 1045 (-ms-high-contrast:none) { 1046 header .dropdown-wrapper a:hover { 1047 background-color: #f2f5f8; 1048 } 1049 } 1050 1051 1052
1053 header .dropdown-wrapper a:hover .link-icon img { 1054 transform: scale(1.2); 1055 filter: brightness(0) invert(1); 1056 opacity: 1; 1057 } 1058 1059 header .dropdown-wrapper a:hover .link-icon { 1060 background-color: #089949; 1061 } 1062 1063 header .dropdown-wrapper .link-text { 1064 display: block; 1065 font-size: 15px; 1066 line-height: 20px; 1067 color: #353a3d; 1068 letter-spacing: -0.2px; 1069 font-weight: 400; 1070 transition: .1s all ease-in-out; 1071 } 1072 1073 header .dropdown-wrapper a:hover .link-text { 1074 color: #000; 1075 } 1076 1077 header .dropdown-wrapper .link-desc { 1078 display: block; 1079 font-size: 12px; 1080 line-height: 14px; 1081 color: #7d8488; 1082 transition: .1s all ease-in-out; 1083 } 1084 1085 header .dropdown-wrapper a:hover .link-desc { 1086 color: #000; 1087 } 1088 1089 header .dropdown-wrapper span.title { 1090 display: block; 1091 text-transform: uppercase; 1092 font-size: 12px; 1093 font-weight: 400; 1094 letter-spacing: 0.5px; 1095 color: #089949; 1096 margin-bottom: 10px; 1097 } 1098 1099 @media screen and (max-width: 1280px) { 1100 1101 header .primary-menu .dropdown-wrapper { 1102 left: 30px; 1103 } 1104 1105 header .dropdown-wrapper .dropdown-column { 1106 padding: 10px 20px 0px 20px; 1107 } 1108 1109 header .dropdown-wrapper .dropdown-column nav { 1110 margin-bottom: 10px; 1111 } 1112 1113 header .dropdown-wrapper .link-text { 1114 font-size: 14px; 1115 margin-bottom: 3px; 1116 } 1117 1118 header .dropdown-wrapper .dual-link { 1119 margin-top: 5px; 1120 } 1121 } 1122 1123 1124 header #product-dropdown .bottom-wide { 1125 border-top: 1px solid #dde2e7; 1126 background-color: #f4f6f7; 1127 } 1128 1129 header #product-dropdown .bottom-wide nav { 1130 gap: 10px; 1131 } 1132 1133 header #product-dropdown .bottom-wide nav a { 1134 padding: 15px 25px; 1135 margin: 0; 1136 } 1137 1138 1139 1140 @media (hover: hover), 1141 (-ms-high-contrast:none) { 1142 header #product-dropdown .bottom-wide nav a:hover { 1143 background-color: transparent; 1144 } 1145 } 1146 1147 header #product-dropdown .bottom-wide nav a .link-text { 1148 font-weight: 300; 1149 font-size: 14px; 1150 border-bottom: 1px solid transparent; 1151 } 1152 1153 header #product-dropdown .bottom-wide nav a:hover .link-text { 1154 color: #089949; 1155 border-bottom: 1px solid #089949; 1156 } 1157 1158 /* Product dropdown specific */ 1159 header #product-dropdown { 1160 margin: 0 auto; 1161 justify-content: center; 1162 } 1163 1164 /* Secondary menu layout */ 1165 header .secondary-menu { 1166 display: flex; 1167 width: 100%; 1168 margin: 0 auto; 1169 align-items: center; 1170 1171 background-color: #f7f7f7; 1172 justify-content: between; 1173 } 1174 1175 header .secondary-menu .nav-wrapper { 1176 width: 100%; 1177 max-width: 1440px; 1178 margin: 0 auto; 1179 padding: 3px 30px; 1180 } 1181 1182 header .secondary-menu .nav-wrapper .announcement-wrapper { 1183 position: relative; 1184 overflow: hidden; 1185 width: 100%; 1186 min-height: 25px; 1187 } 1188 1189 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item { 1190 position: absolute; 1191 1192 color: #222724; 1193 font-size: 12px; 1194 width: 100%; 1195 opacity: 0; 1196 transform: translateY(100%); 1197 overflow: hidden; 1198 white-space: nowrap; 1199 text-overflow: ellipsis; 1200 transition: opacity 0.4s ease, transform 0.4s ease; 1201 pointer-events: none; 1202 } 1203 1204 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item.active { 1205 opacity: 1; 1206 transform: translateY(0); 1207 pointer-events: auto; 1208 } 1209 1210 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item.exit-up { 1211 opacity: 0; 1212 transform: translateY(-100%); 1213 } 1214 1215 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a { 1216 1217 color: #222724; 1218 display: flex; 1219 align-items: center; 1220 text-decoration: none; 1221 font-weight: 500; 1222 transition: .1s all ease-in-out; 1223 } 1224 1225 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a .badge { 1226 background: #324451; 1227 color: #40eaa0; 1228 letter-spacing: 1px; 1229 text-transform: uppercase; 1230 padding: 4px 6px; 1231 font-weight: 500; 1232 margin-right: 8px; 1233 border-radius: 2px; 1234 font-size: 10px; 1235 transition: .1s all ease-in-out; 1236 } 1237 1238 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover .badge { 1239 text-decoration: none !important; 1240 } 1241 1242 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a .badge.event { 1243 background: #1a3a4a; 1244 color: #40eaa0; 1245 } 1246 1247 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover .badge.event { 1248 background: #40eaa0; 1249 color: #1a3a4a; 1250 } 1251 1252 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a .badge.webinar { 1253 background: #d2e1fc; 1254 color: #243a65; 1255 } 1256 1257 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover .badge.webinar { 1258 background: #243a65; 1259 color: #d2e1fc; 1260 } 1261 1262 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a .badge.new { 1263 background: #0a9949; 1264 color: #94ffc3; 1265 } 1266 1267 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover .badge.new { 1268 background: #94ffc3; 1269 color: #0a9949; 1270 } 1271 1272 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a::after { 1273 display: inline-block; 1274 content: ''; 1275 height: 14px; 1276 width: 16px; 1277 margin-left: 4px; 1278 filter: brightness(0) invert(1); 1279 background: url('///static.site24x7.net.au/images/arrow-right.svg'); 1280 background-size: contain; 1281 background-position: center; 1282 background-repeat: no-repeat; 1283 transition: .1s all ease-in-out; 1284 opacity: 0.7; 1285 } 1286 1287 1288 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover { 1289 color: #000000; 1290 text-decoration: underline; 1291 } 1292 1293 header .secondary-menu .nav-wrapper .announcement-wrapper .announcement-item a:hover::after { 1294 margin-left: 6px; 1295 opacity: 1; 1296 } 1297 1298 header .secondary-menu nav { 1299 display: flex; 1300 gap: 16px; 1301 align-items: center; 1302 justify-content: end; 1303 max-width: max-content; 1304 margin-left: auto; 1305 } 1306 1307 header .secondary-menu nav a { 1308 font-size: 12px; 1309 color: #222724; 1310 1311 transition: .1s all ease-in-out; 1312 } 1313 1314 1315 header .secondary-menu nav a:hover { 1316 color: #000; 1317 1318 } 1319 1320 header .secondary-menu .sec-divider { 1321 width: 1px; 1322 height: 14px; 1323 background-color: #4c6f58; 1324 } 1325 1326 header .secondary-menu .sec-search-btn { 1327 display: flex; 1328 align-items: center; 1329 gap: 5px; 1330 background: none; 1331 border: none; 1332 outline: none; 1333 padding: 0; 1334 cursor: pointer; 1335 font-family: 'ZohoPuvi', sans-serif; 1336 } 1337 1338 header .secondary-menu .sec-search-btn img { 1339 min-width: 13px; 1340 min-height: 13px; 1341 1342 opacity: 0.7; 1343 transition: .1s all ease-in-out; 1344 } 1345 1346 header .secondary-menu .sec-search-btn:hover img { 1347 opacity: 1; 1348 } 1349 1350 header .secondary-menu .sec-login-btn { 1351 display: flex; 1352 align-items: center; 1353 gap: 5px; 1354 font-size: 13px; 1355 color: #444; 1356 text-decoration: none; 1357 } 1358 1359 header .secondary-menu .sec-login-btn img { 1360 width: 14px; 1361 height: 14px; 1362 opacity: 0.7; 1363 } 1364 1365 /* Hide the checkbox */ 1366 #menu-toggle { 1367 display: none; 1368 } 1369 1370 /* Hamburger icon container */ 1371 1372 .hamburger-icon { 1373 margin: 0; 1374 display: none; 1375 } 1376
1377 .hamburger-menu-icon { 1378 width: 17px; 1379 height: 13px; 1380 position: relative; 1381 cursor: pointer; 1382 display: flex; 1383 justify-content: center; 1384 align-items: center; 1385 } 1386 1387 .hamburger-menu-icon span { 1388 position: absolute; 1389 height: 1.5px; 1390 width: 100%; 1391 background: #333; 1392 border-radius: 2px; 1393 transition: all 0.3s ease-in-out; 1394 } 1395 1396 .hamburger-menu-icon span:nth-child(1) { 1397 top: 0; 1398 } 1399 1400 .hamburger-menu-icon span:nth-child(2) { 1401 top: 50%; 1402 transform: translateY(-50%); 1403 } 1404 1405 .hamburger-menu-icon span:nth-child(3) { 1406 bottom: 0; 1407 } 1408 1409 /* Toggle to close icon */ 1410 #menu-toggle:checked+.hamburger-menu-icon span:nth-child(1) { 1411 transform: rotate(45deg); 1412 top: calc(50% - 1.5px); 1413 } 1414 1415 #menu-toggle:checked+.hamburger-menu-icon span:nth-child(2) { 1416 opacity: 0; 1417 } 1418 1419 #menu-toggle:checked+.hamburger-menu-icon span:nth-child(3) { 1420 transform: rotate(-45deg); 1421 bottom: 50%; 1422 } 1423 1424 .dropdown-wrapper .menu-back { 1425 display: none; 1426 } 1427 1428 header .header-cta-wrapper .global-search { 1429 display: none; 1430 height: 20px; 1431 width: 20px; 1432 margin-right: 20px; 1433 outline: none; 1434 border: none; 1435 background-color: transparent; 1436 background-image: url('///static.site24x7.net.au/images/global-search.svg'); 1437 background-repeat: no-repeat; 1438 background-size: contain; 1439 opacity: .6; 1440 transition: .2s all ease-in-out; 1441 background-position: center; 1442 } 1443 1444 header .header-cta-wrapper .user-login { 1445 height: 30px; 1446 width: 30px; 1447 margin-right: 20px; 1448 outline: none; 1449 border: none; 1450 border-radius: 15px; 1451 background-color: transparent; 1452 background-repeat: no-repeat; 1453 background-size: contain; 1454 opacity: .9; 1455 transition: .2s all ease-in-out; 1456 background-position: center; 1457 overflow: hidden; 1458 } 1459 1460 header .header-cta-wrapper .user-login img { 1461 height: 100%; 1462 width: 100%; 1463 display: block; 1464 } 1465 1466 header .header-cta-wrapper .global-search.active { 1467 opacity: 1; 1468 background-image: url('///static.site24x7.net.au/images/search-close.svg'); 1469 } 1470 1471 header .header-cta-wrapper .global-search:hover, 1472 header .header-cta-wrapper .user-login:hover { 1473 cursor: pointer; 1474 opacity: 1; 1475 } 1476 1477 header .header-cta-wrapper #log-in-btn { 1478 margin-right: 20px; 1479 font-size: 15px; 1480 } 1481 1482 @media screen and (max-width: 1170px) { 1483 header .primary-menu nav a { 1484 font-size: 14px; 1485 } 1486 1487 header .header-cta-wrapper #log-in-btn { 1488 margin-right: 15px; 1489 font-size: 14px; 1490 } 1491 } 1492 1493 header #global-search-form { 1494 display: none; 1495 opacity: 0; 1496 transition: .2s all ease-in-out; 1497 } 1498 1499 header #dropdown-login { 1500 display: none; 1501 } 1502 1503 header #dropdown-login::after { 1504 display: inline-block; 1505 height: 16px; 1506 width: 16px; 1507 content: ''; 1508 background-image: url('///static.site24x7.net.au/images/login-access-icon.svg'); 1509 background-repeat: no-repeat; 1510 background-size: contain; 1511 background-position: center; 1512 margin-bottom: -2px; 1513 margin-left: 10px; 1514 opacity: .7; 1515 } 1516 1517 @media screen and (min-width: 1030px) { 1518 1519 header #global-search-form.active { 1520 display: flex; 1521 position: absolute; 1522 width: 100%; 1523 opacity: 1; 1524 top: 66px; 1525 left: 0px; 1526 background-color: #fff; 1527 z-index: 5; 1528 padding: 20px; 1529 border-bottom-right-radius: 10px; 1530 border-bottom-left-radius: 10px; 1531 box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; 1532 animation: dropdownSlideIn .1s ease-in-out forwards; 1533 } 1534 1535 header #global-search-input { 1536 width: 100%; 1537 outline: none; 1538 border: none; 1539 background: none; 1540 padding: 8px 16px; 1541 font-family: 'ZohoPuvi', sans-serif; 1542 font-size: 15px; 1543 font-weight: 300; 1544 background-color: #f4f6f7; 1545 border-top-left-radius: 7px; 1546 border-bottom-left-radius: 7px; 1547 border: 1px solid #dde2e7;
1548 border-right: none; 1549 } 1550 1551 header #global-search-form button[type='submit'] { 1552 background-color: #000; 1553 border: 1px solid #dde2e7; 1554 width: 50px; 1555 border-top-right-radius: 7px; 1556 border-bottom-right-radius: 7px; 1557 } 1558 1559 header #global-search-form button[type='submit'] img { 1560 filter: brightness(0) invert(1); 1561 width: 18px; 1562 } 1563 } 1564 1565 @media screen and (max-width: 1030px) { 1566 1567 header .global-search { 1568 display: none; 1569 } 1570 1571 header #global-search-form { 1572 display: block; 1573 opacity: 1; 1574 margin: 0; 1575 border-bottom: 1px solid #dde2e7; 1576 1577 } 1578 1579 header #global-search-input { 1580 width: 100%; 1581 outline: none; 1582 border: none; 1583 background: none; 1584 padding: 10px 32px; 1585 font-family: 'ZohoPuvi', sans-serif; 1586 font-size: 15px; 1587 font-weight: 300; 1588 background-color: #f4f6f7; 1589 } 1590 1591 header #global-search-form { 1592 position: relative; 1593 } 1594 1595 header #global-search-form button[type='submit'] { 1596 display: flex; 1597 align-items: center; 1598 position: absolute; 1599 top: 0; 1600 right: 0; 1601 height: 100%; 1602 padding: 0px 28px 0px 10px; 1603 outline: none; 1604 background-color: #f4f6f7; 1605 border: none; 1606 } 1607 1608 header #global-search-form button[type='submit'] img { 1609 display: block; 1610 height: 15px; 1611 width: 15px; 1612 } 1613 1614 1615 header .primary-menu { 1616 position: relative; 1617 padding-right: 10px; 1618 } 1619 1620 header .primary-menu .primary-links-wrapper { 1621 display: none; 1622 } 1623 1624 header .primary-menu .primary-links-wrapper.active { 1625 display: block; 1626 width: 100%; 1627 position: absolute; 1628 top: 66px; 1629 left: 0; 1630 background-color: #fff; 1631 animation: dropdownSlideInQuick .1s ease-in-out forwards; 1632 } 1633 1634 header .primary-menu .primary-links-wrapper a { 1635 display: flex; 1636 padding: 12px 32px; 1637 line-height: 20px; 1638 border-bottom: 1px solid #dde2e7; 1639 } 1640 1641 header .primary-menu nav a { 1642 font-size: 16px; 1643 } 1644 1645 .dropdown-wrapper .menu-back { 1646 position: sticky; 1647 top: 0; 1648 display: flex; 1649 align-items: center; 1650 padding: 8px 28px; 1651 width: 100%; 1652 text-align: left; 1653 background-color: #f4f6f7; 1654 font-size: 14px; 1655 border: none; 1656 outline: none; 1657 border-bottom: 1px solid #dde2e7; 1658 z-index: 5; 1659 } 1660 1661 .dropdown-wrapper .menu-back::before { 1662 content: ''; 1663 display: block; 1664 height: 8px; 1665 width: 8px; 1666 border: 1.5px solid transparent; 1667 border-right-color: #333; 1668 border-bottom-color: #333; 1669 transform: rotate(135deg); 1670 margin-top: -1px; 1671 margin-right: 10px; 1672 transition: .3s all cubic-bezier(.25, .75, .5, 1.25); 1673 transform-origin: center; 1674 } 1675 1676 header .primary-menu nav a.dropdown { 1677 display: flex; 1678 justify-content: space-between; 1679 align-items: center; 1680 } 1681 1682 header .primary-menu nav a.dropdown::after { 1683 height: 10px; 1684 width: 10px; 1685 } 1686 1687 .floating-buttons { 1688 z-index: 100 !important; 1689 } 1690 1691 header .primary-menu .dropdown-wrapper { 1692 left: 0px; 1693 border-radius: 0; 1694 min-height: unset; 1695 min-width: unset; 1696 overflow-y: auto; 1697 width: 100vw; 1698 max-height: calc(100vh - 65px); 1699 max-height: calc(100dvh - 65px); 1700 animation: dropdownSlideInQuick .1s ease-in-out forwards; 1701 } 1702 1703 header .dropdown-wrapper .dropdown-f-menu.show { 1704 flex-direction: column; 1705 } 1706 1707 header .primary-menu nav a.dropdown.active::before { 1708 display: none; 1709 } 1710 1711 header .dropdown-wrapper .dropdown-f-menu .flex-wrapper { 1712 flex-direction: column; 1713 } 1714 1715 header #product-dropdown .bottom-wide nav a { 1716 padding: 15px; 1717 } 1718 1719 .hamburger-icon { 1720 display: block; 1721 padding: 10px; 1722 padding-right: 22px; 1723 } 1724 1725 header .secondary-menu { 1726 display: none; 1727 } 1728 1729 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled { 1730 background-color: #fff; 1731 padding: 10px 0 0 0 !important; 1732 border: none; 1733 max-width: 100%; 1734 } 1735 1736 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled nav a { 1737 flex-direction: row !important; 1738 align-items: center !important; 1739 padding: 5px 28px; 1740 margin-bottom: 0px; 1741 margin-left: 0px; 1742 } 1743 1744 header .dropdown-wrapper #resource-dropdown .dropdown-column { 1745 padding: 10px 28px 0px 28px; 1746 } 1747 1748 header .dropdown-wrapper #resource-dropdown .dropdown-column nav a { 1749 max-width: 100%; 1750 } 1751 1752 header .dropdown-wrapper .link-desc { 1753 display: none; 1754 } 1755 1756 header .dropdown-wrapper .dropdown-f-menu .dropdown-column-filled .link-text::after { 1757 display: none; 1758 } 1759 1760 header .nav-signup-btn { 1761 margin-right: 15px; 1762 } 1763 1764 header #log-in-btn { 1765 display: none; 1766 } 1767 1768 header #dropdown-login { 1769 display: block 1770 } 1771 } 1772 1773 body.locked { 1774 position: relative; 1775 overflow: hidden 1776 } 1777 1778 body.locked .overlay { 1779 height: 100%; 1780 width: 100%; 1781 content: ''; 1782 opacity: 1; 1783 visibility: visible; 1784 z-index: 110; 1785 transition: .1s all ease-in-out; 1786 background-color: transparent; 1787 } 1788 1789 body.locked .overlay::before { 1790 display: block; 1791 content: ''; 1792 height: 100%; 1793 width: 100%; 1794 background-color: rgba(0, 0, 0, 0.6); 1795 position: absolute; 1796 transform: scale(5); 1797 top: 0; 1798 } 1799 1800 body.locked #temp-body { 1801 overflow: hidden; 1802 filter: blur(6px); 1803 transition: .1s all ease-out; 1804 } 1805
1806 @keyframes shake { 1807 1808 0%, 1809 100% { 1810 transform: translateX(0); 1811 } 1812 1813 25% { 1814 transform: translateX(-10px); 1815 } 1816 1817 50% { 1818 transform: translateX(10px); 1819 } 1820 1821 75% { 1822 transform: translateX(-10px); 1823 } 1824 } 1825 1826 body.locked .shake-active { 1827 animation: shake 0.3s ease-in-out infinite; 1828 } 1829 1830 .floating-buttons { 1831 z-index: 100; 1832 } 1833 1834 @media(max-width:460px) { 1835 header .primary-menu .logo.logo-alt { 1836 font-size: 12px; 1837 } 1838 1839 header .primary-menu .logo.logo-alt .logo-text { 1840 line-height: 20px; 1841 } 1842 1843 header .primary-menu .logo.logo-alt .logo-sub-text { 1844 font-size: 10px; 1845 line-height: 10px; 1846 } 1847 } 1848 @media (max-width: 399px) { 1849 header .primary-menu .logo { 1850 width: 125px; 1851 margin-right: 20px; 1852 } 1853 .header-cta-wrapper .nav-signup-btn{ 1854 font-size: 12px !important; 1855 } 1856 } 1857</style> 1858 1859<header> 1860 <div class="primary-menu"> 1861 <div class="d-flex"> 1862 1863 <a href="/" class="logo"></a> 1864 1865 <nav class="primary-links-wrapper"> 1866 <form id="global-search-form" novalidate role="search"> 1867 <input id="global-search-input" type="search" placeholder="Search..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required="" maxlength="512"> 1868 <button type="submit"><img src="//static.site24x7.net.au/images/global-search-icon.svg" alt="Search Icon" loading="lazy"></button> 1869 </form> 1870 1871 <a tabindex="0" role="dropdown menu" class="dropdown" aria-label="dropdown menu, Products. Press down arrow to switch menu" data-dropdown-target='product-dropdown'>Products</a> 1872 1873 <a href="/site24x7-pricing.html?src=head-n">Pricing</a> 1874 <a href="/custom-pricing.html?src=head-n">Get Quote</a> 1875 1876 1877 1878 <a tabindex="0" role="dropdown menu" class="dropdown" aria-label="dropdown menu Resources. Press down arrow to switch menu" data-dropdown-target='resource-dropdown'>Resources</a> 1879 1880 <a href="/contact-support.html?src=head-n">Support</a> 1881 1882 <a href="/tools/?src=head-n">Free Tools</a> 1883 <a href="/enterprise/?src=head-n">Enterprise</a> 1884 1885 <a id='dropdown-login' href="/login.html">Log in</a> 1886 </nav> 1887 <div class="dropdown-wrapper d-none"> 1888 <button class="menu-back"></button> 1889 <div id="product-dropdown" class="dropdown-f-menu flex-column"> 1890 <div class="p-2"> 1891 <div class="d-flex flex-wrapper"> 1892 <div class="dropdown-column"> 1893 <span class="title">Synthetics and RUM</span> 1894 <nav class="d-flex align-items flex-column"> 1895 <a class="d-flex align-items-center" href="/website-monitoring.html?src=prod-menu"> 1896 <span class="link-icon"> 1897 <img src="//static.site24x7.net.au/images/product-icons/website-monitoring-product-icon.svg" alt="" loading="lazy"> 1898 </span> 1899 <div> 1900 <span class="link-text">Website monitoring</span> 1901 </div> 1902 </a> 1903 <a class="d-flex align-items-center" href="/synthetic-transaction-monitoring.html?src=prod-menu"> 1904 <span class="link-icon"> 1905 <img src="//static.site24x7.net.au/images/product-icons/synthetic-monitoring-product-icon.svg" alt="" loading="lazy"> 1906 </span> 1907 <div>
1908 <span class="link-text">Multi-step transaction monitoring</span> 1909 </div> 1910 </a> 1911 <a class="d-flex align-items-center" href="/real-user-monitoring.html?src=prod-menu"> 1912 <span class="link-icon"> 1913 <img src="//static.site24x7.net.au/images/product-icons/real-user-monitoring-product-icon.svg" alt="" loading="lazy"> 1914 </span> 1915 <div> 1916 <span class="link-text">Real user monitoring (RUM)</span> 1917 </div> 1918 </a> 1919 <a class="d-flex align-items-center" href="/mobile-rum.html?src=prod-menu"> 1920 <span class="link-icon"> 1921 <img src="//static.site24x7.net.au/images/product-icons/mobile-rum-monitoring-product-icon.svg" alt="" loading="lazy"> 1922 </span> 1923 <div> 1924 <span class="link-text">Mobile RUM</span> 1925 </div> 1926 </a> 1927 </nav> 1928 <span class="title">Logs</span> 1929 <nav class="d-flex align-items flex-column"> 1930 <a class="d-flex align-items-center" href="/log-management.html?src=prod-menu"> 1931 <span class="link-icon"> 1932 <img src="//static.site24x7.net.au/images/product-icons/log-management-product-icon.svg" alt="" loading="lazy"> 1933 </span> 1934 <div> 1935 <span class="link-text">Log management</span> 1936 </div> 1937 </a> 1938 </nav> 1939 <span class="title">Observability</span> 1940 <nav class="d-flex align-items flex-column"> 1941 <a class="d-flex align-items-center" href="/application-performance-monitoring.html?src=prod-menu"> 1942 <span class="link-icon"> 1943 <img src="//static.site24x7.net.au/images/product-icons/application-performance-monitoring-product-icon.svg" alt="" loading="lazy"> 1944 </span> 1945 <div> 1946 <span class="link-text">Application performance monitoring</span> 1947 </div> 1948 </a> 1949 <a class="d-flex align-items-center" href="/database-monitoring.html?src=prod-menu"> 1950 <span class="link-icon"> 1951 <img src="//static.site24x7.net.au/images/product-icons/database-monitoring-product-icon.svg" alt="" loading="lazy"> 1952 </span> 1953 <div> 1954 <span class="link-text">Database monitoring</span> 1955 </div> 1956 </a> 1957 <a class="d-flex align-items-center" href="/plugins.html?src=prod-menu"> 1958 <span class="link-icon"> 1959 <img src="//static.site24x7.net.au/images/extensive-plugin-integrations.svg" alt="" loading="lazy"> 1960 </span> 1961 <div>
1962 <span class="link-text">Plugin integrations</span> 1963 </div> 1964 </a> 1965 <a target="_blank" href="https://www.manageengine.com/cloudspend/?src=s247-prod-menu" class="d-flex align-items-center" rel="noopener noreferrer"> 1966 <span class="link-icon"> 1967 <img src="//static.site24x7.net.au/images/cost-effective-solution.svg" alt="" loading="lazy"> 1968 </span> 1969 <div> 1970 <span class="link-text">Cloud cost management</span> 1971 </div> 1972 </a> 1973 </nav> 1974 1975 </div> 1976 <div class="dropdown-column"> 1977 <span class="title">
1977Infrastructure</span> 1978 <nav class="d-flex align-items flex-column"> 1979 <a class="d-flex align-items-center" href="/server-monitoring.html?src=prod-menu"> 1980 <span class="link-icon"> 1981 <img src="//static.site24x7.net.au/images/product-icons/server-monitoring-product-icon.svg" alt="" loading="lazy"> 1982 </span> 1983 <div> 1984 <span class="link-text">Server monitoring</span> 1985 </div> 1986 </a> 1987 <a class="d-flex align-items-center" href="/aws-monitoring.html?src=prod-menu"> 1988 <span class="link-icon"> 1989 <img src="//static.site24x7.net.au/images/product-icons/aws-monitoring-product-icon.svg" alt="" loading="lazy"> 1990 </span> 1991 <div> 1992 <span class="link-text">AWS monitoring</span> 1993 </div> 1994 </a> 1995 <a class="d-flex align-items-center" href="/azure/?src=prod-menu"> 1996 <span class="link-icon"> 1997 <img src="//static.site24x7.net.au/images/product-icons/azure-monitoring-product-icon.svg" alt="" loading="lazy"> 1998 </span> 1999 <div> 2000 <span class="link-text">Azure monitoring</span> 2001 </div> 2002 </a> 2003 <a class="d-flex align-items-center" href="/gcp/?src=prod-menu"> 2004 <span class="link-icon"> 2005 <img src="//static.site24x7.net.au/images/product-icons/cloud-monitoring-product-icon.svg" alt="" loading="lazy"> 2006 </span> 2007 <div> 2008 <span class="link-text">GCP monitoring</span> 2009 </div> 2010 </a> 2011 <a class="d-flex align-items-center" href="/oci-monitoring.html?src=prod-menu"> 2012 <span class="link-icon"> 2013 <img src="//static.site24x7.net.au/images/product-icons/oci-monitoring-product-icon.svg" alt="" loading="lazy"> 2014 </span> 2015 <div> 2016 <span class="link-text">OCI monitoring</span> 2017 </div> 2018 </a> 2019 <a class="d-flex align-items-center" href="/kubernetes-monitoring.html?src=prod-menu"> 2020 <span class="link-icon"> 2021 <img src="//static.site24x7.net.au/images/product-icons/kubernetes-monitoring-product-icon.svg" alt="" loading="lazy"> 2022 </span> 2023 <div> 2024 <span class="link-text">Kubernetes monitoring</span> 2025 </div> 2026 </a> 2027 <a class="d-flex align-items-center" href="/virtualization-monitoring.html?src=prod-menu"> 2028 <span class="link-icon"> 2029 <img src="//static.site24x7.net.au/images/product-icons/virtualization-monitoring-product-icon.svg" alt="" loading="lazy"> 2030 </span> 2031 <div>
2032 <span class="link-text">Virtualization monitoring</span> 2033 </div> 2034 </a> 2035 </nav> 2036 <span class="title">Platform</span> 2037 <nav class="d-flex align-items flex-column"> 2038 <a class="d-flex align-items-center" href="/aiops.html?src=prod-menu"> 2039 <span class="link-icon"> 2040 <img src="//static.site24x7.net.au/images/product-icons/aiops-product-icon.svg" alt="" loading="lazy"> 2041 </span> 2042 <div> 2043 <span class="link-text">AIOps</span> 2044 </div> 2045 </a> 2046 <a class="d-flex align-items-center" href="/integrations.html?src=prod-menu"> 2047 <span class="link-icon"> 2048 <img src="//static.site24x7.net.au/images/product-icons/integration-product-icon.svg" alt="" loading="lazy"> 2049 </span> 2050 <div> 2051 <span class="link-text">Integrations</span> 2052 </div> 2053 </a> 2054 </nav> 2055 </div> 2056 <div class="dropdown-column"> 2057 <span class="title">Network</span> 2058 <nav class="d-flex align-items flex-column"> 2059 <a class="d-flex align-items-center" href="/network-monitoring.html?src=prod-menu"> 2060 <span class="link-icon"> 2061 <img src="//static.site24x7.net.au/images/product-icons/network-monitoring-product-icon.svg" alt="" loading="lazy"> 2062 </span> 2063 <div> 2064 <span class="link-text">Network monitoring</span> 2065 </div> 2066 </a> 2067 <div class="dual-link"> 2068 <a href="/network-monitoring.html?src=prod-menu-s" class="saas dual-link-text">SaaS</a> 2069 <a target="_blank" href="https://www.manageengine.com/network-monitoring/?src=s247-prod-menu" class="on-prem dual-link-text" rel="noopener noreferrer">On-Prem</a> 2070 </div> 2071 <a class="d-flex align-items-center" href="/network-traffic-monitoring.html?src=prod-menu"> 2072 <span class="link-icon"> 2073 <img src="//static.site24x7.net.au/images/product-icons/network-traffic-monitoring-product-icon.svg" alt="" loading="lazy"> 2074 </span> 2075 <div> 2076 <span class="link-text">Network traffic monitoring</span> 2077 </div> 2078 </a> 2079 <div class="dual-link"> 2080 <a href="/network-traffic-monitoring.html?src=prod-menu-s" class="saas dual-link-text">SaaS</a> 2081 <a target="_blank" href="https://www.manageengine.com/products/netflow/?src=s247-prod-menu" class="on-prem dual-link-text" rel="noopener noreferrer">On-Prem</a> 2082 </div> 2083 <a class="d-flex align-items-center" href="/network-configuration-manager.html?src=prod-menu">
2084 <span class="link-icon"> 2085 <img src="//static.site24x7.net.au/images/product-icons/ncm-monitoring-product-icon.svg" alt="" loading="lazy"> 2086 </span> 2087 <div> 2088 <span class="link-text">Network configuration management</span> 2089 </div> 2090 </a> 2091 <div class="dual-link"> 2092 <a href="/network-configuration-manager.html?src=prod-menu-s" class="saas dual-link-text">SaaS</a> 2093 <a target="_blank" href="https://www.manageengine.com/network-configuration-manager/?src=s247-prod-menu" class="on-prem dual-link-text" rel="noopener noreferrer">On-Prem</a> 2094 </div> 2095 <a class="d-flex align-items-center" href="/ip-address-management.html?src=prod-menu"> 2096 <span class="link-icon"> 2097 <img src="//static.site24x7.net.au/images/product-icons/ipam-monitoring-product-icon.svg" alt="" loading="lazy"> 2098 </span> 2099 <div> 2100 <span class="link-text">IP and switch management</span> 2101 </div> 2102 </a> 2103 <div class="dual-link"> 2104 <a href="/ip-address-management.html?src=prod-menu-s" class="saas">SaaS</a> 2105 <a target="_blank" href="https://www.manageengine.com/products/oputils/?src=s247-prod-menu" class="on-prem" rel="noopener noreferrer">On-Prem</a> 2106 </div> 2107 </nav> 2108 <span class="title">Others</span> 2109 <nav class="d-flex align-items flex-column"> 2110 <a class="d-flex align-items-center" href="/statusiq/?src=prod-menu"> 2111 <span class="link-icon"> 2112 <img src="//static.site24x7.net.au/images/product-icons/incident-communication-product-icon.svg" alt="" loading="lazy"> 2113 </span> 2114 <div> 2115 <span class="link-text">Incident communication</span> 2116 </div> 2117 </a> 2118 <a class="d-flex align-items-center" href="/digital-risk-analyzer/?src=prod-menu"> 2119 <span class="link-icon"> 2120 <img src="//static.site24x7.net.au/images/product-icons/risk-assessment-product-icon.svg" alt="" loading="lazy"> 2121 </span> 2122 <div> 2123 <span class="link-text">Third-party risk management</span> 2124 </div> 2125 </a> 2126 <a class="d-flex align-items-center" href="/msp/?src=prod-menu"> 2127 <span class="link-icon"> 2128 <img src="//static.site24x7.net.au/images/product-icons/msp-product-icon.svg" alt="" loading="lazy"> 2129 </span> 2130 <div> 2131 <span class="link-text">MSP</span> 2132 </div> 2133 </a> 2134 </nav> 2135 </div> 2136 </div> 2137 </div> 2138 <div class="bottom-wide px-2"> 2139 <nav class="d-flex flex-wrapper align-items-center"> 2140 <a href="/features.html?src=prod-menu"><span class="link-text">All features</span></a> 2141 <a href="/custom-pricing.html?src=prod-menu"><span class="link-text">Get a quote</span></a> 2142 <a href="/schedule-demo.html?src=prod-menu"><span class="link-text">Schedule demo</span></a> 2143 </nav> 2144 </div> 2145 2146 </div> 2147 <div id="resource-dropdown" class="dropdown-f-menu p-0"> 2148 <div class="dropdown-column-filled p-4"> 2149 <nav class="d-flex align-items flex-column justify-content-around" style="gap: 15px;"> 2150 <a class="d-flex flex-column align-items-start" href="/resource.html?src=res-menu">
2151 <span class="link-icon"> 2152 <img src="//static.site24x7.net.au/images/product-icons/website-monitoring-product-icon.svg" alt="" loading="lazy"> 2153 </span> 2154 <div> 2155 <span class="link-text">Resources</span> 2156 <span class="link-desc mt-2">Explore e-books, whitepapers and more.</span> 2157 </div> 2158 </a> 2159 <a class="d-flex flex-column align-items-start" href="/solutions/?src=res-menu"> 2160 <span class="link-icon"> 2161 <img src="//static.site24x7.net.au/images/proactive-diagnostics.svg" alt="" loading="lazy"> 2162 </span> 2163 <div> 2164 <span class="link-text">Solutions</span> 2165 <span class="link-desc mt-2">Explore solutions by need, industry, role, and scale.</span> 2166 </div> 2167 </a> 2168 <a class="d-flex flex-column align-items-start" href="/blog/?src=res-menu"> 2169 <span class="link-icon"> 2170 <img src="//static.site24x7.net.au/images/product-icons/log-management-product-icon.svg" alt="" loading="lazy"> 2171 </span> 2172 <div> 2173 <span class="link-text">Blogs</span> 2174 <span class="link-desc mt-2">Read insights, trends, and expert opinions.</span> 2175 </div> 2176 </a> 2177 </nav> 2178 </div> 2179 <div class="d-flex flex-wrapper"> 2180 <div class="dropdown-column"> 2181 <span class="title">Get started</span> 2182 <nav class="d-flex align-items flex-column"> 2183 <a href="/help/?src=res-menu"><span class="link-text">Help Docs</span></a> 2184 <a href="/help/api/?src=res-menu"><span class="link-text">API Docs</span></a> 2185 <a href="/community/?src=res-menu"><span class="link-text">Community</span></a> 2186 <a href="/training.html?src=res-menu"><span class="link-text">Training</span></a> 2187 <a href="/videos/?src=res-menu"><span class="link-text">Videos</span></a> 2188 </nav> 2189 </div> 2190 <div class="dropdown-column"> 2191 <span class="title">Become an expert</span> 2192 <nav class="d-flex align-items flex-column"> 2193 <a href="/webinars.html?src=res-menu"><span class="link-text">Webinars</span></a> 2194 <a href="/academy.html?src=res-menu"><span class="link-text">Site24x7 Academy</span></a> 2195 <a href="/whitepapers/?src=res-menu"><span class="link-text">Whitepapers</span></a> 2196 <a href="/ebook/?src=res-menu"><span class="link-text">eBooks</span></a> 2197 <a href="/learn/?src=res-menu"><span class="link-text">Learning Hub</span></a> 2198 <a href="/it-glossary/?src=res-menu"><span class="link-text">IT Glossary</span></a> 2199 </nav> 2200 </div> 2201 <div class="dropdown-column"> 2202 <span class="title">Built for business</span> 2203 <nav class="d-flex align-items flex-column"> 2204 <a href="/casestudies/?src=res-menu"><span class="link-text">Case studies</span></a> 2205 <a href="/customers.html?src=res-menu"><span class="link-text">Customers</span></a> 2206 <a href="/partners.html?src=res-menu"><span class="link-text">Partner with us</span></a> 2207 <a href="/site24x7-testimonials.html?src=res-menu"><span class="link-text">Testimonials</span></a> 2208 </nav> 2209 </div> 2210 <div class="dropdown-column">
2211 <span class="title">Technical solutions</span> 2212 <nav class="d-flex align-items flex-column"> 2213 <a href="/solutions/hybrid-cloud-monitoring.html?src=res-menu"><span class="link-text">Hybrid cloud monitoring</span></a> 2214 <a href="/solutions/cloud-native-observability.html?src=res-menu"><span class="link-text">Cloud-native observability</span></a> 2215 <a href="/solutions/network-resilience.html?src=res-menu"><span class="link-text">Network resilience</span></a> 2216 <a href="/solutions/boost-business-operations-with-log-management.html?src=res-menu"><span class="link-text">Log management</span></a> 2217 <a href="/solutions/aiops-for-devops.html?src=res-menu"><span class="link-text">AIOps for DevOps</span></a> 2218 <a href="/solutions/digital-experience-monitoring.html?src=res-menu"><span class="link-text">Digital experience monitoring</span></a> 2219 </nav> 2220 </div> 2221 2222 </div> 2223 </div> 2224 </div> 2225 </div> 2226 <div class="header-cta-wrapper"> 2227 <button class='global-search'></button> 2228 <a id="log-in-btn" href="/login.html">Log In</a> 2229 <a href="/signup.html?pack=502&l=en" class="nav-signup-btn signup-btn--green">Sign Up</a> 2230 2231 2232 <label class="hamburger-icon"> 2233 <input type="checkbox" id="menu-toggle"> 2234 <div class="hamburger-menu-icon"> 2235 <span></span> 2236 <span></span> 2237 <span></span> 2238 </div> 2239 </label> 2240 </div> 2241 </div> 2242 <div class="secondary-menu"> 2243 <div class='nav-wrapper d-flex align-items-center justify-content-between'> 2244 2245 2246 <div class="announcement-wrapper"> 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 <div class="announcement-item active" data-expiry="21,08,2026" data-pages="all"> 2387 <a target="_blank" href="https://www.manageengine.com/it-operations-management/events/aiops-webinar.html?src=s247-header"><span class="badge webinar">Webinar</span>
2387Build an end-to-end observability strategy with AI agents and intelligent automation | August 20 | Register now <span class="arrow-icon"><img class="ml-2" src="//static.site24x7.net.au/images/arrow-black.svg" width="12" height="12" loading="lazy" alt="arrow black"></span></a> 2388 </div> 2389 2390 <div class="announcement-item" data-expiry="28,07,2026" data-pages="all"> 2391 <a target="_blank" href="https://www.site24x7.com/training.html?src=head-top"><span class="badge webinar">Training</span>Site24x7 Free Training | Jun 30 - Jul 28 | Register now <span class="arrow-icon"><img class="ml-2" src="//static.site24x7.net.au/images/arrow-black.svg" width="12" height="12" loading="lazy" alt="arrow black"></span></a> 2392 </div> 2393 2394 2395 </div> 2396 2397 <nav> 2398 <a class="sec-nav-link" href="/schedule-demo.html?src=head-top">Demo</a> 2399 <a class="sec-nav-link" href="/blog/?src=head-top">Blog</a> 2400 <a class="sec-nav-link" href="/community/?src=head-top">Community</a> 2401 <span class="sec-divider links-divider"></span> 2402 <button class="sec-search-btn" onclick="document.querySelector('.global-search').click()"> 2403 <img src="//static.site24x7.net.au/images/global-search-icon.svg" alt="Search" loading="lazy"> 2404 </button> 2405 </nav> 2406 </div> 2407 </div> 2408</header> 2409
2410<script> 2411 let primaryMenuLinks = document.querySelectorAll('header .primary-menu>div>nav a') 2412 let productMenuDropdownLinks = document.querySelectorAll('#product-dropdown nav a') 2413 let resourceMenuDropdownLinks = document.querySelectorAll('#resource-dropdown nav a') 2414 let breakpointValue = 1030 2415 2416 productMenuDropdownLinks.forEach((link, index, arr) => { 2417 if (index === 0) { 2418 link.addEventListener('keydown', function (e) { 2419 if(e.key === 'Tab' || e.keyCode === 9) { 2420 if(e.shiftKey) { 2421 primaryMenuLinks[1].focus() 2422 } 2423 } 2424 }) 2425 } else if (index === arr.length - 1) { 2426 link.addEventListener('blur', function (e) { 2427 resetHeader() 2428 primaryMenuLinks[1].focus() 2429 }) 2430 } 2431 }) 2432 2433 resourceMenuDropdownLinks.forEach((link, index, arr) => { 2434 if (index === 0) { 2435 link.addEventListener('keydown', function (e) { 2436 if(e.key === 'Tab' || e.keyCode === 9) { 2437 if(e.shiftKey) { 2438 primaryMenuLinks[4].focus() 2439 } 2440 } 2441 }) 2442 } else if (index === arr.length - 1) { 2443 link.addEventListener('blur', function (e) { 2444 resetHeader() 2445 primaryMenuLinks[4].focus() 2446 }) 2447 } 2448 }) 2449 2450 document.querySelector("header #global-search-form button[type='submit']").addEventListener('blur', function(e) { 2451 if (document.querySelector('.global-search.active')) { 2452 document.querySelector('body').classList.remove('locked') 2453 document.querySelector('.global-search').classList.remove('active') 2454 document.querySelector('#global-search-form').classList.remove('active') 2455 } 2456 2457 document.querySelector('#log-in-btn').focus() 2458 }) 2459 2460 primaryMenuLinks.forEach((link) => link.addEventListener('click', function (e) { 2461 if (window.innerWidth < breakpointValue) { 2462 if (document.querySelector('header .primary-menu>div>nav .dropdown.active')) { 2463 document.querySelector('header .primary-menu>div>nav .dropdown.active').classList.remove('active') 2464 } 2465 if ([...e.target.classList].includes('dropdown')) { 2466 e.target.classList.add('active') 2467 document.querySelector('.menu-back').innerHTML = e.target.innerHTML 2468 if (document.querySelector('.dropdown-f-menu.show')) { 2469 document.querySelector('.dropdown-f-menu.show').classList.remove('show') 2470 } 2471 document.querySelector('.dropdown-wrapper').classList.remove('d-none') 2472 document.querySelector(`#${e.target.dataset.dropdownTarget}`).classList.add('show') 2473 } else { 2474 document.querySelector('.primary-menu .dropdown-wrapper').classList.add('d-none') 2475 if (document.querySelector('.dropdown-f-menu.show')) { 2476 document.querySelector('.dropdown-f-menu.show').classList.remove('show') 2477 } 2478 } 2479 } 2480 })) 2481 2482 document.querySelector('.menu-back').addEventListener('click', function () { 2483 resetHeader() 2484 }) 2485 2486 function handleLinkEvent(e) { 2487 if (document.querySelector('header .primary-menu>div>nav .dropdown.active')) { 2488 document.querySelector('header .primary-menu>div>nav .dropdown.active').classList.remove('active') 2489 } 2490 2491 if (document.querySelector('.dropdown-f-menu.show') && !document.querySelector(`#${e.target.dataset.dropdownTarget}.show`)) { 2492 document.querySelector('.dropdown-f-menu.show').classList.remove('show') 2493 } 2494 2495 if ([...e.target.classList].includes('dropdown')) { 2496 e.target.classList.add('active') 2497 document.querySelector('.dropdown-wrapper').classList.remove('d-none') 2498 document.querySelector(`#${e.target.dataset.dropdownTarget}`).classList.add('show') 2499 2500 if (e.type === 'focus') { 2501 document.addEventListener('keydown', function (event) { 2502 console.log(event.key) 2503 if (event.key == 'ArrowDown') { 2504 event.preventDefault() 2505 document.querySelector(`#${e.target.dataset.dropdownTarget} nav a`).focus() 2506 } 2507 }) 2508 } 2509 2510 } else { 2511 document.querySelector('.primary-menu .dropdown-wrapper').classList.add('d-none') 2512 if (document.querySelector('.dropdown-f-menu.show')) { 2513 document.querySelector('.dropdown-f-menu.show').classList.remove('show') 2514 } 2515 } 2516 } 2517 2518 primaryMenuLinks.forEach((link) => link.addEventListener('mouseenter', function (e) { 2519 if (window.innerWidth >= breakpointValue) { 2520 handleLinkEvent(e) 2521 } 2522 })) 2523 2524 primaryMenuLinks.forEach((link) => link.addEventListener('focus', function (e) { 2525 if (window.innerWidth >= breakpointValue) { 2526 handleLinkEvent(e) 2527 } 2528 })) 2529 2530 document.querySelectorAll('.dropdown-wrapper, header').forEach((item) => item.addEventListener('mouseleave', function (e) { 2531 if (window.innerWidth >= breakpointValue) { 2532 resetHeader() 2533 } 2534 })) 2535 2536 2537 document.querySelector('#menu-toggle').addEventListener('input', function (e) { 2538 if (e.target.checked) { 2539 document.querySelector('.primary-links-wrapper').classList.add('active') 2540 document.querySelector('body').classList.add('locked') 2541 } else { 2542 document.querySelector('.primary-links-wrapper').classList.remove('active') 2543 document.querySelector('body').classList.remove('locked') 2544 resetHeader() 2545 } 2546 }) 2547 2548 document.querySelector('.global-search').addEventListener('click', function (e) { 2549 if (document.querySelector('.global-search.active')) { 2550 document.querySelector('body').classList.remove('locked') 2551 document.querySelector('.global-search').classList.remove('active') 2552 document.querySelector('#global-search-form').classList.remove('active') 2553 } else { 2554 document.querySelector('body').classList.add('locked') 2555 document.querySelector('#global-search-form').classList.add('active') 2556 document.querySelector('.global-search').classList.add('active') 2557 document.querySelector('#global-search-input').focus() 2558 } 2559 }) 2560 2561 document.getElementById('global-search-form').addEventListener('submit', function (e) { 2562 e.preventDefault() 2563 let query = document.querySelector('#global-search-input').value.trim() 2564 if (query.length >= 3) { 2565 window.location.replace("https://www.site24x7.com/search.html?q=" + query.toString().split(' ').join('+')); 2566 } else { 2567 2568 if (window.innerWidth >= breakpointValue) { 2569 document.querySelector('#global-search-input').classList.add('shake-active') 2570 setTimeout(function () { 2571 document.querySelector('#global-search-input').classList.remove('shake-active') 2572 }, 300) 2573 } else { 2574 document.querySelector('#global-search-form').classList.add('shake-active') 2575 setTimeout(function () { 2576 document.querySelector('#global-search-form').classList.remove('shake-active') 2577 }, 300) 2578 } 2579 2580 } 2581 }) 2582 2583 function resetHeader() { 2584 2585 if (document.querySelector('header .primary-menu>div>nav .dropdown.active')) { 2586 document.querySelector('header .primary-menu>div>nav .dropdown.active').classList.remove('active') 2587 } 2588 2589 if (document.querySelector('.dropdown-f-menu.show')) { 2590 document.querySelector('.dropdown-f-menu.show').classList.remove('show') 2591 } 2592 2593 document.querySelector('.primary-menu .dropdown-wrapper').classList.add('d-none') 2594 } 2595</script>
vendor: 1 bytes, line 2595
2595
2596<script> 2597 2598 (function() { 2599 var $wrapper = $('.announcement-wrapper'); 2600 var $items = $wrapper.find('.announcement-item'); 2601 2602 // Remove expired announcements 2603 $items.each(function() { 2604 var expiry = $(this).data('expiry'); 2605 if (expiry) { 2606 var parts = expiry.split(','); 2607 var expiryDate = new Date(parseInt(parts[2]), parseInt(parts[1]) - 1, parseInt(parts[0])); 2608 if (new Date() > expiryDate) { 2609 $(this).remove(); 2610 } 2611 } 2612 }); 2613 2614 // Re-select remaining items 2615 $items = $wrapper.find('.announcement-item'); 2616 2617 // Hide announcement wrapper if no announcements remain 2618 if ($items.length === 0) { 2619 $wrapper.hide(); 2620 return; 2621 } 2622 2623 // Ensure first visible item is active 2624 $items.removeClass('active'); 2625 $items.first().addClass('active'); 2626 2627 // Rotate announcements if more than one 2628 if ($items.length > 1) { 2629 var current = 0; 2630 setInterval(function() { 2631 var prev = current; 2632 current = (current + 1) % $items.length; 2633 2634 $items.eq(prev).addClass('exit-up').removeClass('active'); 2635 setTimeout(function() { 2636 $items.eq(prev).removeClass('exit-up'); 2637 }, 400); 2638 2639 $items.eq(current).addClass('active'); 2640 }, 4000); 2641 } 2642 })(); 2643 2644 $(document).ready(function () { 2645 document.querySelector('.overlay').addEventListener('click', function (e) { 2646 if ([...document.querySelector('body').classList].includes('locked')) { 2647 document.querySelector('.primary-links-wrapper').classList.remove('active') 2648 document.querySelector('body').classList.remove('locked') 2649 resetHeader() 2650 document.querySelector('#menu-toggle').checked = false 2651 document.querySelector('#global-search-form').classList.remove('active') 2652 document.querySelector('.global-search').classList.remove('active') 2653 } 2654 }) 2655 }); 2656</script>
2656 2657 2658 2659 2660 2661 2662 <!-- webinar banner --> 2663 2664 <div class="overlay"></div> 2665 <div id="temp-body"> 2666 2667 2668 <div class="hero-section"> 2669 <div class="new-hero-wrap"> 2670 <div class="border-line"></div> 2671 <div class="row content-wrap d-flex h-100 align-items-center mb-0"> 2672 <div class="col-12 col-lg-12 col-xl-8 p-0 mt-4 pt-3 mx-auto"> 2673 2674 <span class="label d-block mx-auto mb-3">Product Announcement</span> 2675 <h1 class="text-center">Site24x7 Observability is now <strong>OpManager Nexus</strong></h1> 2676 2677 2678 2679 <p class="text-center"> Site24x7 offers observability as a cloud solution while OpManager Plus offers observability as an on-prem solution. With OpManager Nexus, we are bringing both these solutions under a single identity. </p> 2680 2681 <div class="hero-product-flow"> 2682 2683 <!-- Site24x7 card --> 2684 <div class="hero-product-card"> 2685 <div class="card-icon" style="background: rgb(241 246 255);"> 2686 <img src="//static.site24x7.net.au/images/site24x7-icon.svg" alt="Site24x7" loading='lazy'> 2687 </div> 2688 2689 <p class="card-name" role="paragraph" tabindex="0">Site24x7</p> 2690 </div> 2691 2692 2693 <!-- Plus connector --> 2694 <span class="hero-flow-connector">&</span> 2695 2696 <!-- OpManager Plus card --> 2697 <div class="hero-product-card"> 2698 <div class="card-icon" style="background: rgb(241 246 255);"> 2699 <img src="//static.site24x7.net.au/images/opm-plus-icon.svg" alt="OpManager Plus" loading='lazy'> 2700 </div> 2701 2702 <p class="card-name" role="paragraph" tabindex="0">OpManager Plus</p> 2703 </div> 2704 2705 2706 <!-- Arrow connector --> 2707 <span class="hero-flow-connector arrow">â</span> 2708 2709 <!-- OpManager Nexus card (highlighted) --> 2710 <a class="content-wrap__anchor" href="https://www.manageengine.com/it-operations-management/?src=s247-prod-announce"> 2711 <div class="hero-product-card nexus"> 2712 <div class="card-icon" style="background: rgb(241 246 255);"> 2713 <img src="//static.site24x7.net.au/images/opm-nexus-icon.svg" alt="OpManager Nexus" loading='lazy'> 2714 </div> 2715 2716 <p class="card-name" role="paragraph" tabindex="0">OpManager Nexus</p> 2717 </div> 2718 </a> 2719 </div> 2720 2721 <div class="d-flex justify-content-center"> 2722 <span class="hero-security-note"> 2723 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> 2724 <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"></path> 2725 </svg> 2726 Your deployment, licenses, APIs, and support stay exactly as they are. 2727 </span> 2728 </div> 2729 2730 2731 2732 2733 </div> 2734 </div> 2735 </div> 2736 </div> 2737 <!--<div class="wave-container"> 2738 <svg class="wave-wrapper" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2738ox="0 24 150 28 " preserveAspectRatio="none"> 2739 <defs> 2740 <path id="wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /> 2741 </defs> 2742 <g class="parallax1"> 2743 <use xlink:href="#wave" x="50" y="3" fill="#089949" /> 2744 </g> 2745 <g class="parallax2"> 2746 <use xlink:href="#wave" x="50" y="0" fill="#1856c9" /> 2747 </g> 2748 <g class="parallax3"> 2749 <use xlink:href="#wave" x="50" y="9" fill="#20b059" /> 2750 </g> 2751 <g class="parallax4"> 2752 <use xlink:href="#wave" x="50" y="6" fill="#fff" /> 2753 </g> 2754 </svg> 2755 </div>--> 2756 2757 2758 2759 <div class="feature-overview-wrapper"> 2760 <div class="content-wrap py-5"> 2761 <div class="row m-0 p-0"> 2762 <div class="col-12 col-lg-12 overview-content-wrapper text-center"> 2763 <div class="content"> 2764 <h2>Why the new name?</h2> 2765 <p>For years, Site24x7 was offering observability functions as a cloud solution and OpManager Plus offered the same on-premises. Now, with <a class="content-wrap__anchor" href="https://www.manageengine.com/it-operations-management/?src=s247-prod-announce">OpManager Nexus,</a> we offer observability both as an on-premise and cloud model. </p> 2766 <p>Modern IT isnât one-size-fits-all. Some organizations require the control and security of on-premises hosting to meet strict compliance and regulatory standards. Others prioritize the scalability and agility of a cloud observability solution. OpManager Nexus is built to bridge that gap, offering a unified platform that respects your need for self-hosted security while delivering the flexible visibility of the cloud. No matter where your workloads live, weâve unified the experience.</p> 2767 <p style="color:#000000"><strong>A nexus is a point of convergence. That's what this platform is now.</strong></p> 2768 </div> 2769 </div> 2770 </div> 2771 </div> 2772 </div> 2773 <!-- What changes, what doesn't --> 2774 <div class="what-changes-section p-1 position-relative"> 2775 <div class="content-wrap"> 2776 <div class="section-header"> 2777 <h2>What changes, what doesn't</h2> 2778 <p>It's a name change, not a product overhaul. Here's what actually changes and what stays put.</p> 2779 </div> 2780 2781 <div class="row"> 2782 <!-- What's New column --> 2783 <div class="col-12 col-lg-6 mb-4 mb-lg-0"> 2784 <div class="what-changes-card changes"> 2785 <span class="card-label-new"> 2786 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg> 2787 What's new 2788 </span> 2789 <ul> 2790 <li> 2791 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 2792 <span>The product name - Site24x7 becomes OpManager Nexus for the observability case. Site24x7 will remain as a website and digital experience monitoring solution.</span> 2793 </li> 2794 2795 <li> 2796 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2796<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 2797 <span>With OpManager Nexus, Site24x7 and on-prem deployments come together to deliver a unified observability platform.</span> 2798 </li> 2799 </ul> 2800 </div> 2801 </div> 2802 2803 <!-- Stays the same column --> 2804 <div class="col-12 col-lg-6"> 2805 <div class="what-changes-card stays"> 2806 <span class="card-label-new"> 2807 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2808 Stays exactly the same 2809 </span> 2810 <ul> 2811 <li> 2812 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2813 <span>Your existing deployment, no migration needed</span> 2814 </li> 2815 <li> 2816 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2817 <span>Licenses, subscriptions and commercial agreements</span> 2818 </li> 2819 <li> 2820 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2821 <span>All APIs, integrations & third-party connections</span> 2822 </li> 2823 <li> 2824 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2825 <span>Support, SLAs and account management</span> 2826 </li> 2827 <li> 2828 <svg class="list-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 2829 <span>Documentation, support URLs and portals</span> 2830 </li> 2831 </ul> 2832 </div> 2833 </div> 2834 </div> 2835 2836 <!-- Site24x7 note --> 2837 <div class="site24x7-note-box"> 2838 <div class="note-icon"> 2839 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg> 2840 </div> 2841 <div class="note-content"> 2842 <p class="note-title">A note on Site24x7</p> 2843 <p>Site24x7 will continue as a standalone cloud platform, fully dedicated to world-class website and digital experience monitoring. While its core infrastructure, cloud, and observability capabilities are now integrated into OpManager Nexus, your existing experience remains unchanged. Existing Site24x7 customers will not experience any change at the moment. The branding update in the UI will be duly notified.</p> 2844 </div> 2845 </div> 2846 </div> 2847 </div> 2848 2849 2850 <section class="p-1 position-relative"> 2851 <div class="content-wrap"> 2852 2853 <h2 class="text-center">Frequently asked questions</h2> 2854 2855 <div class="faq-section-wrapper mt-4 text-left" id="product-faqs"> 2856 2857 2858 <details class="accordion-content-wrapper"> 2859 <summary class="accordion-heading">Why are you rebranding the product?</summary> 2860 <div class="accordion-content"> 2861 <p>Site24x7 and OpManager Plus were built to solve the same problem: one as a cloud solution, the other as an on-prem offering. As those environments converged for most customers, running two separate products to monitor one IT estate stopped making sense. OpManager Nexus is the name that reflects what the platform actually does now. 2862 </p> 2863 </div> 2864 </details> 2865 2866 <details class="accordion-content-wrapper"> 2867 <summary class="accordion-heading">Is this the result of a merger, acquisition, or ownership change?</summary> 2868 <div class="accordion-content"> 2869 <p>No. Both Site24x7 and OpManager Plus have been ManageEngine products and OpManager Nexus remains a part of ManageEngine, a division of Zoho Corporation. Zoho Corporation is privately held and there are no external investors, no acquisition, and no ownership change behind this. 2870 </p> 2871 </div> 2872 </details> 2873 2874 <details class="accordion-content-wrapper"> 2875 <summary class="accordion-heading">Is this only a name change, or are there product changes too?</summary> 2876 <div class="accordion-content"> 2877 <p>Primarily a name change. The product works exactly as it did before - same features, same interface, same behavior. 2878 </p> 2879 </div> 2880 </details> 2881 2882 <details class="accordion-content-wrapper"> 2883 <summary class="accordion-heading">Will this impact my existing deployment or require migration?</summary> 2884 <div class="accordion-content"> 2885 <p>No. Nothing about your deployment changes. No migration, no reinstallation, no action needed on your end. 2886 </p> 2887 </div> 2888 </details> 2889 2890 <details class="accordion-content-wrapper"> 2891 <summary class="accordion-heading">Will my licenses, subscriptions, or commercial agreements be affected?</summary> 2892 <div class="accordion-content"> 2893 <p>No. Your agreements stay as they are. If licensing or pricing ever changes, that gets announced separately, well before anything takes effect - this isn't that. 2894 </p> 2895 </div> 2896 </details> 2897 2898 <details class="accordion-content-wrapper"> 2899 <summary class="accordion-heading">Will support, SLAs, or account management change?</summary> 2900 <div class="accordion-content"> 2901 <p>
2901No. Support, SLAs, and account management all continue as normal. If anything changes there in the future, it will be announced separately. 2902 </p> 2903 </div> 2904 </details> 2905 2906 <details class="accordion-content-wrapper"> 2907 <summary class="accordion-heading">Will integrations, APIs, and third-party connections keep working?</summary> 2908 <div class="accordion-content"> 2909 <p>Yes. No changes to APIs or integrations are required on your end. 2910 </p> 2911 </div> 2912 </details> 2913 2914 <details class="accordion-content-wrapper"> 2915 <summary class="accordion-heading">Does this change the product roadmap or long-term strategy?</summary> 2916 <div class="accordion-content"> 2917 <p>No. The roadmap stays the same - the focus continues to be on building toward full-stack observability. 2918 </p> 2919 </div> 2920 </details> 2921 2922 <details class="accordion-content-wrapper"> 2923 <summary class="accordion-heading">Will documentation, URLs, or in-product branding change?</summary> 2924 <div class="accordion-content"> 2925 <p>Documentation stays the same. Support URLs, the store, and licensing portals are all unchanged. The only visible difference is the updated branding in the product interface. 2926 </p> 2927 </div> 2928 </details> 2929 2930 <details class="accordion-content-wrapper"> 2931 <summary class="accordion-heading">How should customers refer to the product going forward?</summary> 2932 <div class="accordion-content"> 2933 <p>OpManager Nexus. It's ManageEngine's observability solution, combining on-premises and cloud observability. 2934 </p> 2935 </div> 2936 </details> 2937 2938 <details class="accordion-content-wrapper"> 2939 <summary class="accordion-heading">What happens to Site24x7?</summary> 2940 <div class="accordion-content"> 2941 <p>Site24x7 will continue to exist and primarily focus on offering website and digital experience monitoring. Its core infrastructure, cloud, and observability capabilities are now integrated into OpManager Nexus. 2942 </p> 2943 </div> 2944 </details> 2945 2946 <details class="accordion-content-wrapper"> 2947 <summary class="accordion-heading">When will Site24x7 be rebranded to OpManager Nexus?</summary> 2948 <div class="accordion-content"> 2949 <p>For now, the cloud observability function of OpManager Nexus will be served through Site24x7. This will be changed to OpManager Nexus in the coming months. 2950 2951 </p> 2952 </div> 2953 </details> 2954 2955 <details class="accordion-content-wrapper"> 2956 <summary class="accordion-heading">Will my existing Site24x7 account be affected?</summary> 2957 <div class="accordion-content"> 2958 <p>For existing customers using Site 24x7 as an observability solution, the only visual change will be the branding, which will change in the coming months. As specified above there will be no change in pricing or user-experience. 2959 2960 </p> 2961 </div> 2962 </details> 2963 2964 2965 2966 </div> 2967 2968 </div> 2969</section> 2970 2971 </div> 2972 2973 2974 2975 2976 <div id="footer"> 2977 <!--Footer Starts--> 2978 2979 <footer id="footer"> 2980 2981 2982 2983 <style> 2984 #footer { 2985 position: relative; 2986 } 2987 2988 footer { 2989 background-color: #fff !important; 2990 background-image: url('///static.site24x7.net.au/images/simple-center-gradient-hero-wrap-overlay-1.png'); 2991 background-size: cover; 2992 background-repeat: no-repeat; 2993 border-top: 1px solid #dde2e7; 2994 } 2995 2996 footer::before { 2997 position: absolute; 2998 display: block; 2999 content: ''; 3000 top: 0; 3001 left: 0; 3002 width: 100%; 3003 height: 100%; 3004 background: #ffffff; 3005 background: linear-gradient(0deg,rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%); 3006 } 3007 3008 footer .footer-wrap { 3009 position: relative; 3010 max-width: 1440px; 3011 padding: 32px; 3012 z-index: 1; 3013 } 3014 3015 footer .footer-wrap h2 { 3016 font-size: 60px; 3017 letter-spacing: -2px; 3018 margin-bottom: 0 !important; 3019 font-weight: 800 !important; 3020 } 3021 3022 footer .footer-all-in-one-ul { 3023 margin: 20px 0px; 3024 width: 100%; 3025 } 3026 3027 footer .footer-all-in-one-li { 3028 font-size: 14px; 3029 display: flex; 3030 align-items: center; 3031 line-height: 24px; 3032 padding: 0; 3033 } 3034 3035 footer .footer-all-in-one-li a { 3036 font-size: 14px !important; 3037 color: #000; 3038 transition: .1s all ease-in-out; 3039 } 3040 3041 footer .footer-all-in-one-li a:hover { 3042 color: #000; 3043 text-decoration: underline; 3044 } 3045 3046 footer .footer-all-in-one-li:after { 3047 background: none; 3048 display: inline-block; 3049 position: unset; 3050 background-color: #6d858e; 3051 width: 4px !important; 3052 height: 4px !important; 3053 border-radius: 2px; 3054 margin: 0 8px; 3055 } 3056 3057 footer #copyrights .ft-sec-nav:after { 3058 background: none; 3059 display: inline-block; 3060 position: unset; 3061 background-color: #089949; 3062 width: 4px !important; 3063 height: 4px !important; 3064 border-radius: 2px; 3065 margin: 0 8px; 3066 } 3067 3068 footer #copyrights .ft-sec-nav { 3069 font-size: 14px; 3070 display: flex; 3071 align-items: center; 3072 line-height: 24px; 3073 padding: 0; 3074 } 3075 3076 footer #copyrights .ft-sec-nav a { 3077 font-size: 14px !important; 3078 color: #333333; 3079 transition: .1s all ease-in-out; 3080 } 3081 3082 footer #copyrights .ft-sec-nav a:hover { 3083 color: #089949; 3084 } 3085 3086 footer #copyrights select { 3087 border: 1px solid #c4cdce; 3088 padding: 3px; 3089 font-size: 11px; 3090 margin: 0px 5px; 3091 border-radius: 2px; 3092 3093 } 3094 3095 footer .footer-wrap h5 { 3096 font-size: 16px; 3097 font-weight: 500 !important; 3098 color: #000000; 3099 margin-bottom: 15px !important; 3100 } 3101 3102 footer .footer-links li { 3103 font-size: 14px; 3104 margin-bottom: 2px; 3105 } 3106 3107 footer .footer-links li a { 3108 color: #6d858e; 3109 transition: .1s all ease-in-out; 3110 } 3111 3112 footer .footer-links li a:hover { 3113 color: #089949; 3114 } 3115 3116 footer #copyrights { 3117 position: relative; 3118 background-color: transparent; 3119 } 3120 3121 .footer-cta-section { 3122 position: absolute; 3123 background: #049949; 3124 top: -100px; 3125 left: calc(50% - 720px); 3126 padding: 60px 0px; 3127 max-width: 90%; 3128 margin: 0 auto; 3129 width: 100%; 3130 max-width: 1440px; 3131 border-radius: 32px; 3132 z-index: 20; 3133 overflow: hidden; 3134 } 3135 3136 .footer-cta-section::after { 3137 display: block; 3138 position: absolute; 3139 height: 100%; 3140 width: 100%; 3141 content: ''; 3142 top: 0; 3143 left: 0; 3144 z-index: -2; 3145 background-image: url('///static.site24x7.net.au/images/rangoli-pattern-for-cta-repeat.svg'); 3146 } 3147 3148 .footer-cta-section::before { 3149 display: block; 3150 position: absolute; 3151 height: 100%; 3152 width: 100%; 3153 content: ''; 3154 top: 0; 3155 left: 0; 3156 opacity: 1; 3157 z-index: -1; 3158 background: #089949; 3159 background: linear-gradient(90deg,rgba(8, 153, 73, 0.5) 0%, rgba(8, 153, 51, 0.93) 20%, rgba(8, 153, 37, 0.93) 80%, rgba(8, 153, 73, 0.5) 100%); 3160 } 3161 3162 .footer-cta-section h2 { 3163 color: #fff; 3164 font-size: 50px; 3165 margin: 20px 0px; 3166 } 3167 3168 .footer-cta-section p { 3169 color: #fff; 3170 font-size: 20px; 3171 max-width: 60%; 3172 font-weight: 200; 3173 margin-top: 10px; 3174 } 3175 3176 .footer-cta-section .signup-btn-x { 3177 background-color: #000; 3178 border: 1px solid #000; 3179 margin: 20px 0px; 3180 } 3181 3182 /* Custom carousel indicator arrows */ 3183 #carouselExampleIndicators .carousel-indicators { 3184 bottom: -40px; 3185 } 3186 3187 #carouselExampleIndicators .carousel-indicators li { 3188 width: 35px; 3189 height: 35px; 3190 border-radius: 4px; 3191 background-color: #f8f9fa; 3192 border: 1px solid #dee2e6; 3193 position: relative; 3194 text-indent: 0; 3195 cursor: pointer; 3196 margin: 0 5px; 3197 transition: all 0.3s ease; 3198 opacity: 1; 3199 list-style: none; 3200 } 3201 3202 #carouselExampleIndicators .carousel-indicators li::before { 3203 content: ''; 3204 position: absolute; 3205 top: 50%; 3206 left: 50%; 3207 transform: translate(-50%, -50%); 3208 width: 8px; 3209 height: 8px; 3210 border-top: 2px solid #6c757d; 3211 border-right: 2px solid #6c757d; 3212 } 3213 3214 #carouselExampleIndicators .carousel-indicators li:first-child::before { 3215 transform: translate(-30%, -50%) rotate(-135deg); 3216 } 3217 3218 #carouselExampleIndicators .carousel-indicators li:last-child::before { 3219 transform: translate(-70%, -50%) rotate(45deg); 3220 } 3221 3222 #carouselExampleIndicators .carousel-indicators li:hover { 3223 background-color: #e9ecef; 3224 border-color: #adb5bd; 3225 } 3226 3227 #carouselExampleIndicators .carousel-indicators li:hover::before { 3228 border-color: #495057; 3229 } 3230 3231 /* Mobile carousel arrows - same styling */ 3232 #carouselMobileIndicators .carousel-indicators { 3233 bottom: -40px; 3234 } 3235 3236 #carouselMobileIndicators .carousel-indicators li { 3237 width: 35px; 3238 height: 35px; 3239 border-radius: 4px; 3240 background-color: #f8f9fa; 3241 border: 1px solid #dee2e6; 3242 position: relative; 3243 text-indent: 0; 3244 cursor: pointer; 3245 margin: 0 5px; 3246 transition: all 0.3s ease; 3247 opacity: 1; 3248 list-style: none; 3249 } 3250 3251 #carouselMobileIndicators .carousel-indicators li::before { 3252 content: ''; 3253 position: absolute; 3254 top: 50%; 3255 left: 50%; 3256 transform: translate(-50%, -50%); 3257 width: 8px; 3258 height: 8px; 3259 border-top: 2px solid #6c757d; 3260 border-right: 2px solid #6c757d; 3261 } 3262 3263 #carouselMobileIndicators .carousel-indicators li:first-child::before { 3264 transform: translate(-30%, -50%) rotate(-135deg); 3265 } 3266 3267 #carouselMobileIndicators .carousel-indicators li:last-child::before { 3268 transform: translate(-70%, -50%) rotate(45deg); 3269 } 3270 3271 #carouselMobileIndicators .carousel-indicators li:hover { 3272 background-color: #e9ecef; 3273 border-color: #adb5bd; 3274 } 3275 3276 #carouselMobileIndicators .carousel-indicators li:hover::before { 3277 border-color: #495057; 3278 } 3279</style> 3280 3281<div class="footer-wrap pt-5"> 3282 <!-- Footer Widgets --> 3283 3284 3285 <h2 class='text-center'>All-in-one monitoring solution</h2> 3286 3287 3288 <ul data-ft="all_box" class="footer-all-in-one-ul d-flex flex-row flex-wrap justify-content-center align-items-center"> 3289 <li class="footer-all-in-one-li"> 3290 <a href="/website-monitoring.html?src=footer-new">Website</a> 3291 </li> 3292 <li class="footer-all-in-one-li"> 3293 <a href="/synthetic-monitoring.html?src=footer-new">Synthetic</a> 3294 </li> 3295 <li class="footer-all-in-one-li"> 3296 <a href="/server-monitoring.html?src=footer-new">Server</a> 3297 </li> 3298 <li class="footer-all-in-one-li"> 3299 <a href="/cloud-monitoring.html?src=footer-new">Public and Private Cloud</a> 3300 </li> 3301 <li class="footer-all-in-one-li"> 3302 <a href="/network-monitoring.html?src=footer-new">Network</a> 3303 </li> 3304 <li class="footer-all-in-one-li"> 3305 <a href="/application-performance-monitoring.html?src=footer-new">Application Performance</a> 3306 </li> 3307 <li class="footer-all-in-one-li"> 3308 <a href="/real-user-monitoring.html?src=footer-new">Real User Monitoring </a> 3309 </li> 3310 <li class="footer-all-in-one-li"> 3311 <a href="/aiops.html?src=footer-new">AIOps </a> 3312 </li> 3313 <li class="footer-all-in-one-li"> 3314 <a href="/msp/?src=footer-new">MSP</a> 3315 </li> 3316 </ul> 3317 <div class="row mt-5"> 3318 <div class="col-12 col-md-4 col-xl-one-fifth"> 3319 <div class="footer-toggle position-relative"> 3320 <h5 class="mb-2">Digital Experience</h5> 3321 </div> 3322 <ul data-ft="link_column_web" class="footer-links mb-3"> 3323 <li> 3324 <a href="/website-monitoring.html?src=footer-new">Website Monitoring</a> 3325 </li> 3326 <li> 3327 <a href="/synthetic-monitoring.html?src=footer-new">Synthetic Monitoring</a> 3328 </li> 3329 <li> 3330 <a href="/digital-experience-monitoring.html?src=footer-new">Digital Experience Monitoring</a> 3331 </li> 3332 <li> 3333 <a href="/uptime-monitoring.html?src=footer-new" title="Uptime Monitoring">Uptime Monitoring</a> 3334 </li> 3335 <li> 3336 <a href="/web-page-analysis.html?src=footer-new"> Webpage Speed Monitoring</a> 3337 </li> 3338 <li> 3339 <a href="/real-user-monitoring.html?src=footer-new">Real User Monitoring</a> 3340 </li> 3341 3342 3343 <li> 3344 <a href="/multi-location-web-site-monitoring.html?src=footer-new">Monitoring Locations</a> 3345 </li> 3346 3347 <li> 3348 <a href="/dns-monitoring.html?src=footer-new">DNS Monitoring</a> 3349 </li> 3350 <li> 3351 <a href="/rest-api-monitoring.html?src=footer-new">REST API Monitoring</a> 3352 </li> 3353 3354 3355 3356 <li> 3357 <a href="/statusiq/?src=footer-new">Hosted Status Pages</a> 3358 </li> 3359 3360 <li> 3361 <a href="/free-website-monitoring-tool.html?src=footer-new">Free Website Monitoring</a> 3362 </li> 3363 3364 <li> 3365 <a href="/aiops.html?src=footer-new">AIOps</a> 3366 </li> 3367 3368 </ul> 3369 3370 <div class="footer-training-card d-none d-xl-block"> 3371 3372 3373 <div id="carouselExampleIndicators" class="carousel d-inline-block slide" data-ride="carousel"> 3374 <ol class="carousel-indicators"> 3375 <li data-target="#carouselExampleIndicators" data-sli
3375de="prev"></li> 3376 <li data-target="#carouselExampleIndicators" data-slide="next"></li> 3377 </ol> 3378 <div class="carousel-inner"> 3379 <div class="carousel-item active"> 3380 <a href="https://www.manageengine.com/log-management/webinars/opmanager-nexus-webinar-log360-security-insights.html?src=s247-web-footer"> 3381 <img src="//static.site24x7.net.au/images/log360-webinar-img.jpg" width="350" loading="lazy" alt="Log360 Webinar"> 3382 </a> 3383 </div> 3384 3385 3386 </div> 3387 3388 </div> 3389 3390 </div> 3391 3392 </div> 3393 3394 <div class="col-12 col-md-4 col-xl-one-fifth"> 3395 <div> 3396 <div class="footer-toggle position-relative"> 3397 <h5 class="mb-2">Observability</h5> 3398 </div> 3399 3400 <ul data-ft="link_column_apm" class="footer-links mb-3"> 3401 <li> 3402 <a href="/application-performance-monitoring.html?src=footer-new">Application Performance Monitoring</a> 3403 </li> 3404 <li> 3405 <a href="/log-management.html?src=footer-new">Log Management</a> 3406 </li> 3407 <li> 3408 <a href="/full-stack-observability.html?src=footer-new">Full-stack Observability</a> 3409 </li> 3410 3411 <li> 3412 <a href="/java-application-monitor.html?src=footer-new">Java Monitoring</a> 3413 </li> 3414 <li> 3415 <a href="/microsoft-net-application-monitor.html?src=footer-new">.NET Monitoring </a> 3416 </li> 3417 <li> 3418 <a href="/python-monitoring.html?src=footer-new">Python Monitoring </a> 3419 </li> 3420 3421 3422 3423 <li> 3424 <a href="/node-js-monitoring.html?src=footer-new">Node.js Monitoring</a> 3425 </li> 3426 3427 3428 3429 <li> 3430 <a href="/mobile-apm.html?src=footer-new">Mobile Application Monitoring</a> 3431 </li> 3432 3433 3434 3435 3436 </ul> 3437 </div> 3438 <div> 3439 <div class="footer-toggle position-relative"> 3440 <h5 class="mb-2"> Free Tools</h5> 3441 </div> 3442 <ul data-ft="link_column_6" class="footer-links mb-3"> 3443 <li> 3444 <a href="/find-ip-address-of-web-site.html?src=footer-new">Find IP Address</a> 3445 </li> 3446 <li> 3447 <a href="/check-website-availability.html?src=footer-new">Check Website Availability</a> 3448 </li> 3449 <li> 3450 <a href="/web-page-analyzer.html?src=footer-new">Analyze Webpage</a> 3451 </li> 3452 <li> 3453 <a href="/dns-lookup.html?src=footer-new">DNS Analysis</a> 3454 </li> 3455 <li> 3456 <a href="/find-website-location.html?src=footer-new">Find Location</a> 3457 </li> 3458 <li> 3459 <a href="/tools/web-speed-report.html?src=footer-new">Webpage Speed Test</a> 3460 </li> 3461 3462 </ul> 3463 </div> 3464 3465 <div> 3466 <div class="footer-toggle position-relative"> 3467 <h5 class="mb-2">Competitors</h5> 3468 </div> 3469 <ul data-ft="link_column_competitor" class="footer-links mb-3"> 3470 <li> 3471 <a href="/newrelic-alternative.html?src=footer-new">NewRelic Alternative </a> 3472 </li> 3473 <li> 3474 <a href="/datadog-alternative.html?src=footer-new">Datadog Alternative</a> 3475 </li> 3476 <li> 3477 <a href="/appdynamics-alternative.html?src=footer-new">AppDynamics Alternative</a> 3478 </li> 3479 <li> 3480 <a href="/solarwinds-alternative.html?src=footer-new">Solarwinds Alternative</a> 3481 </li> 3482 <li> 3483 <a href="/dynatrace-alternative.html?src=footer-new">Dynatrace Alternative</a> 3484 </li> 3485 </ul> 3486 </div> 3487 3488 3489 </div> 3490 3491 3492 <div class="col-12 col-md-4 col-xl-one-fifth"> 3493 <div> 3494 <div class="footer-toggle position-relative"> 3495 <h5 class="mb-2">ITOM <br>
3495 Infrastructure</h5> 3496 </div> 3497 <ul data-ft="link_column_infra" class="footer-links mb-3"> 3498 3499 3500 <li> 3501 <a href="/server-monitoring.html?src=footer-new">Server Monitoring</a> 3502 </li> 3503 <li> 3504 <a href="/infrastructure-monitoring.html?src=footer-new">Infrastructure Monitoring</a> 3505 </li> 3506 <li> 3507 <a href="/windows-monitoring.html?src=footer-new">Windows Monitoring</a> 3508 </li> 3509 <li> 3510 <a href="/linux-monitoring.html?src=footer-new">Linux Monitoring</a> 3511 </li> 3512 <li><a href="/kubernetes-monitoring.html?src=footer-new">Kubernetes Monitoring</a></li> 3513 3514 <li> 3515 <a href="/vmware-monitoring.html?src=footer-new">VMware Monitoring</a> 3516 </li> 3517 <li> 3518 <a href="/database-monitoring.html?src=footer-new">Database Monitoring</a> 3519 </li> 3520 <li> 3521 <a href="/plugins.html?src=footer-new">Site24x7 Plugins</a> 3522 </li> 3523 3524 </ul> 3525 </div> 3526 3527 <div> 3528 <div class="footer-toggle position-relative"> 3529 <h5 class="mb-2">Cloud</a></h5> 3530 </div> 3531 <ul data-ft="link_column_cloud" class="footer-links mb-3"> 3532 <li> 3533 <a href="/cloud-monitoring.html?src=footer-new">Cloud Monitoring</a> 3534 </li> 3535 <li> 3536 <a href="/aws-monitoring.html?src=footer-new">AWS Monitoring</a> 3537 </li> 3538 <li> 3539 <a href="/azure/?src=footer-new">Azure Monitoring</a> 3540 </li> 3541 <li> 3542 <a href="/gcp/?src=footer-new">GCP Monitoring</a> 3543 </li> 3544 <li> 3545 <a href="/oci-monitoring.html?src=footer-new">OCI Monitoring</a> 3546 </li> 3547 </ul> 3548 </div> 3549 <div> 3550 <div class="footer-toggle position-relative"> 3551 <h5 class="mb-2">Network</h5> 3552 </div> 3553 3554 <ul data-ft="link_column_network" class="footer-links mb-3"> 3555 <li> 3556 <a href="/network-monitoring.html?src=footer-new">Network Performance Monitoring</a> 3557 </li> 3558 <li> 3559 <a href="/network-traffic-monitoring.html?src=footer-new">Network Traffic Monitoring</a> 3560 </li> 3561 <li> 3562 <a href="/network-configuration-manager.html?src=footer-new">Network Configuration Manager</a> 3563 </li> 3564 3565 <li> 3566 <a href="/vpn-monitoring.html?src=footer-new">VPN Monitoring</a> 3567 </li> 3568 3569 <li> 3570 <a href="/network/device-vendors.html?src=footer-new">Network Device Vendors</a> 3571 </li> 3572 3573 </ul> 3574 </div> 3575 3576 <div class="footer-toggle position-relative"> 3577 <h5 class="mb-2"><a class="content-wrap-md__anchor" href="/me-itom-solutions.html?src=footer-new">ManageEngine ITOM (On-premises)</a></h5> 3578 </div> 3579 </div> 3580 3581 3582 3583 3584 <div class="col-12 col-md-4 col-xl-one-fifth"> 3585 <div> 3586 <div class="footer-toggle position-relative"> 3587 <h5 class="mb-2">Resources</h5> 3588 </div> 3589 <ul data-ft="link_column_8" class="footer-links mb-3"> 3590 <li> 3591 <a href="/site24x7-pricing.html?src=footer-new"> Plans & Pricing</a> 3592 </li> 3593 <li> 3594 <a href="/roi-calculator.html?src=footer-new"> ROI Calculator</a> 3595 </li> 3596 <li> 3597 <a href="/msp/?src=footer-new" id="common-msp-foooter" title="Managed Service Provider">For MSPs/CSPs</a> 3598 </li> 3599 3600 <li> 3601 <a href="/resource.html?src=footer-new"> All resources</a> 3602 </li> 3603 3604 <li> 3605 <a href="/blog/?src=footer-new">Blog</a> 3606 </li> 3607 <li> 3608 <a href="/community/?src=footer-new">Community</a> 3609 </li> 3610 <li> 3611 <a href="/learn/?src=footer-new">Learning Hub</a> 3612 </li> 3613 <li> 3614 <a href="/help/?src=footer-new">Help Documentation</a> | <a href="/help/api/?src=footer-new">API</a> 3615 </li> 3616 3617 3618 <li> 3619 <a href="/webinars.html?src=footer-new">Webinars</a> | <a href="/training.html?src=footer-new">Training</a> | <a href="/training.html?src=footer-new"> Certification</a> 3620 </li> 3621 3622 <li> 3623 <a href="/security-reports?src=footer-new">Security Reports</a> 3624 </li> 3625 <li> 3626 <a href="/analyst-recognitions.html?src= footer">Analyst Recognitions</a> 3627 </li> 3628 <li> 3629 <a href="/cheatsheet/?src= footer">Cheatsheet</a> 3630 </li> 3631 3632 3633 </ul> 3634 </div> 3635 <div> 3636 <div class="footer-toggle position-relative"> 3637 <h5 class="mb-2">Quick Links</h5> 3638 </div> 3639 <ul data-ft="link_column_7" class="footer-links mb-3"> 3640 <li> 3641 <a href="/about-site24x7.html?src=footer-new">About Site24x7</a> 3642 </li> 3643 3644 <li> 3645 <a href="/customers.html?src=footer-new">Our Customers</a> | <a href="/site24x7-testimonials.html?src=footer-new">Testimonials</a> 3646 </li> 3647 3648 <li> 3649 <a href="/news/?src=footer-new">Press Releases</a> 3650 </li> 3651 <li> 3652 <a href="/events.html?src=footer-new">Events</a> | <a href="/newsletter/?src=footer-new">Newsletter</a> 3653 </li> 3654 <li> 3655 <a href="/contact-support.html?src=footer-new">Contact Support</a> | <a href="/schedule-demo.html?src=footer-new">Request Demo</a> 3656 </li> 3657 <li> 3658 <a href="/partners.html?src=footer-new">Become a Partner</a> 3659 </li> 3660 <li> 3661 <a href="/whats-new-in-site24x7.html?src=footer-new">What's New</a> 3662 </li> 3663 <li> 3664 <a href="//status.site24x7.com">Site24x7 Service Status</a> 3665 </li> 3666 3667 3668 </ul> 3669 </div> 3670 3671 3672 3673 3674 3675 3676 <div> 3677 <h5 class="mb-2">Engage with us on</h5> 3678 <div class="social-icons-new d-flex justify-content-between"> 3679 <a class="footer-social-icon" aria-label="Follow us on Twitter" href="https://twitter.com/Site24x7" rel="noopener" rel="noreferrer" target="_blank" style="background-image: url(//static.site24x7.net.au/images/x-twitter-logo.svg?p=Oct_06_2026);"></a> 3680 <a class="footer-social-icon" aria-label="Connect with us on Facebook" href="https://facebook.com/Site24x7" rel="noopener" rel="noreferrer" target="_blank" style="background-image: url(//static.site24x7.net.au/images/facebook-logo.svg?p=Oct_06_2026);"></a> 3681 <a class="footer-social-icon" aria-label="Enagage with us on LinkedIn" href="https://www.linkedin.com/company/site24x7" rel="noopener" rel="noreferrer" target="_blank" style="background-image: url(//static.site24x7.net.au/images/linkedin-logo.svg?p=Oct_06_2026);"></a> 3682 <a class="footer-social-icon" aria-label="Get latest updates" href="https://www.site24x7.com/whats-new-feed.rss" rel="noopener" rel="noreferrer" target="_blank" style="background-image: url(//static.site24x7.net.au/images/rss-feed-logo.svg?p=Oct_06_2026);"></a> 3683 <a class="footer-social-icon" aria-label="Watch our videos on Youtube" href="https://www.youtube.com/site24x7" rel="noopener" target="_blank" rel="noreferrer" style="background-image: url(//static.site24x7.net.au/images/youtube-logo.svg?p=Oct_06_2026);"></a> 3684 <a class="footer-social-icon" aria-label="View our presentations on SlideShare" href="https://www.slideshare.net/site24x7" rel="noopener" rel="noreferrer" target="_blank" style="background-image: url(//static.site24x7.net.au/images/slideshare-logo.svg?p=Oct_06_2026);"></a> 3685 </div> 3686 <div class="divisionHead mt-3" style="font-size: .84375rem;"><span class="zLogo">ManageEngine</span>
3686 is a division of <span class="zLogo">Zoho Corp.</span></div> 3687 </div> 3688 </div> 3689 <div class="col-12 col-sm-10 col-md-4 d-xl-none mt-3"> 3690 <div class="footer-training-card d-xl-none"> 3691 <div id="carouselMobileIndicators" class="carousel d-inline-block slide" data-ride="carousel"> 3692 <ol class="carousel-indicators"> 3693 <li data-target="#carouselMobileIndicators" data-slide="prev"></li> 3694 <li data-target="#carouselMobileIndicators" data-slide="next"></li> 3695 </ol> 3696 3697 <div class="carousel-inner"> 3698 <div class="carousel-item active"> 3699 <a href="https://www.manageengine.com/log-management/webinars/opmanager-nexus-webinar-log360-security-insights.html?src=s247-web-footer"> 3700 <img src="//static.site24x7.net.au/images/log360-webinar-img.jpg" width="350" loading="lazy" alt="Log360 Webinar"> 3701 </a> 3702 </div> 3703 </div> 3704 </div> 3705 <!-- <div class="webinars-footer-banner"> 3706 <a href="https://www.manageengine.com/itom/agentic-ai-future-of-aiops-webinar.html?src=s247-web-footer"> 3707 <img src="//static.site24x7.net.au/images/forrester-footer-banner.png" width="270" loading="lazy" alt="forrester footer banner"> 3708 </a> 3709 </div> --> 3710 </div> 3711 </div> 3712 </div> 3713</div> 3714 3715<!-- Copyrights --> 3716<div id="copyrights" class="py-3"> 3717 <div class="d-flex flex-column align-items-center p-0 p-3"> 3718 <div class="d-flex justify-content-center m-1"> 3719 <ul class="d-flex flex-wrap justify-content-center flex-row align-items-center"> 3720 <li class="ft-sec-nav"> 3721 <a href="/" class="pl-md-0">Home</a> 3722 </li> 3723 <li class="ft-sec-nav"> 3724 <a rel="noopener" href="/privacypolicy.html?src=footer-new">Privacy Policy</a> 3725 </li> 3726 <li class="ft-sec-nav"> 3727 <a href="/terms.html?src=footer-new">Terms of Use</a> 3728 </li> 3729 <li class="ft-sec-nav"> 3730 <a href="/cookiepolicy.html?src=footer-new">Cookie Policy</a> 3731 </li> 3732 <li class="ft-sec-nav"> 3733 <a href="/security.html?src=footer-new">Security</a> 3734 </li> 3735 <li class="ft-sec-nav"> 3736 <a href="https://trust.site24x7.com">Trust Center</a> 3737 </li> 3738 <li class="ft-sec-nav"> 3739 <a href="/sitemap.html?src=footer-new">Sitemap</a> 3740 </li> 3741 <li class="ft-sec-nav"> 3742 <a rel="noopener" href="https://www.zoho.com/gdpr.html?src=footer-new">GDPR Compliance</a> 3743 </li> 3744 </ul> 3745 </div> 3746 <div class="d-flex flex-column flex-sm-row justify-content-center m-1"> 3747 <div class="mr-1"> 3748 <label for="select-language">Language: </label> 3749 <select id="select-language" onchange="var href=this[this.selectedIndex].value;if(href!=''){window.location.href=href};"> 3750 <option value="/">English - United States</option> 3751 <option value="https://www.site24x7.cn/">Chinese (Simplified)</option> 3752 <option value="/zh-Hant/">Chinese (Traditional)</option> 3753 <option value="/da/">Dansk</option> 3754 <option value="/de/">Deutsch</option> 3755 <option value="/es/">Español</option> 3756 <option value="/fr/">Français</option> 3757 <option value="/id/">Bahasa Indonesia</option> 3758 <option value="/it/">Italiano</option> 3759 <option value="/ko/">Korean</option> 3760 <option value="https://www.site24x7.jp">æ¥æ¬èª</option> 3761 <option value="/nl/">Nederlands</option> 3762 <option value="/pl/">Polski</option> 3763 <option value="/pt/">Portuguese</option> 3764 <option value="/sv/">Svenska</option> 3765 <option value="/th/">Thai</option> 3766 <option value="/vi/">Vietnamese</option> 3767 <option value="/ar/">Ø§ÙØ¹Ø±Ø¨ÙØ©</option> 3768 </select> 3769 </div> 3770 3771 <div> 3772 <label for="select-datacenter">Select data center:</label> 3773 <select id="select-datacenter" onchange="var href=this[this.selectedIndex].value;if(href!=''){window.location.href=href};"> 3774 <option value="https://www.site24x7.com/signup.html?pack=502&l=en">Site24x7.com</option> 3775 <option value="https://www.site24x7.eu/signup.html?pack=502&l=en">Site24x7.eu</option> 3776 <option value="https://www.site24x7.net.au/signup.html?pack=502&l=en">Site24x7.net.au</option> 3777 <option value="https://www.site24x7.in/signup.html?pack=502&l=en">Site24x7.in</option> 3778 <option value="https://www.site24x7.cn/signup.html?pack=502&l=zhcn">Site24x7.cn</option> 3779 </select> 3780 </div> 3781 </div> 3782 3783 <div class="footer-copyrights-lg">
3784 <span id="copy-year">© 2026</span> <a href="https://www.zohocorp.com" target="_blank" title="Zoho Corporation Pvt. Ltd." rel="noopener noreferrer">Zoho Corporation Pvt. Ltd.</a> All rights reserved. 3785 </div> 3786 3787 </div> 3788</div> 3789<!-- #copyrights end --> 3790 3791<style> 3792 @media (min-width: 1200px) { 3793 .col-xl-one-fifth { 3794 flex: 0 0 25%; 3795 max-width: 25%; 3796 } 3797 } 3798 3799 @media (min-width: 768px) { 3800 .content-wrap-md__anchor { 3801 border-bottom: 1px dotted rgba(0, 0, 0, 0.5); 3802 } 3803 } 3804</style> 3805
3806<script> 3807 document.addEventListener('DOMContentLoaded', function () { 3808 var carousels = document.querySelectorAll('.carousel'); 3809 if (!carousels.length) return; 3810 3811 var usedIds = {}; 3812 3813 carousels.forEach(function (carousel, carouselIndex) { 3814 var items = carousel.querySelectorAll('.carousel-item'); 3815 var indicators = carousel.querySelector('.carousel-indicators'); 3816 3817 // Keep an author-supplied id so page CSS and markup targeting it keep working, 3818 // and only generate one when it is missing or already taken by an earlier carousel 3819 var uniqueId = carousel.id; 3820 if (!uniqueId || usedIds[uniqueId]) { 3821 uniqueId = 'carousel-' + carouselIndex; 3822 var suffix = 2; 3823 while (usedIds[uniqueId]) { 3824 uniqueId = 'carousel-' + carouselIndex + '-' + suffix++; 3825 } 3826 } 3827 usedIds[uniqueId] = true; 3828 carousel.id = uniqueId; 3829 3830 if (items.length === 0) { 3831 // d-inline-block sets display with !important, so override at the same weight 3832 carousel.style.setProperty('display', 'none', 'important'); 3833 return; 3834 } 3835 3836 if (items.length === 1) { 3837 if (indicators) indicators.style.display = 'none'; 3838 carousel.removeAttribute('data-ride'); 3839 carousel.removeAttribute('data-interval'); 3840 return; 3841 } 3842 3843 if (indicators) { 3844 var authored = indicators.querySelectorAll('li'); 3845 3846 // A page that wrote its own indicators - labelled tabs, for instance - keeps 3847 // them. They are only rewired to the resolved id, never replaced, so their 3848 // text survives. Anything else is generated from the slide count as before. 3849 if (authored.length === items.length) { 3850 authored.forEach(function (li, i) { 3851 li.setAttribute('data-target', '#' + uniqueId); 3852 li.setAttribute('data-slide-to', i); 3853 }); 3854 if (!indicators.querySelector('li.active')) { 3855 authored[0].className = (authored[0].className + ' active').trim(); 3856 } 3857 } else { 3858 indicators.innerHTML = ''; 3859 items.forEach(function (item, i) { 3860 var li = document.createElement('li'); 3861 li.setAttribute('data-target', '#' + uniqueId); 3862 li.setAttribute('data-slide-to', i); 3863 if (i === 0) li.className = 'active'; 3864 indicators.appendChild(li); 3865 }); 3866 } 3867 3868 indicators.style.display = 'flex'; 3869 } 3870 3871 carousel.querySelectorAll('[data-slide]').forEach(function (ctrl) { 3872 ctrl.setAttribute('data-target', '#' + uniqueId); 3873 }); 3874 3875 if (typeof window.$ !== 'undefined' && window.$.fn && typeof window.$.fn.carousel === 'function') { 3876 window.$(carousel).carousel(); 3877 } else { 3878 if (indicators) indicators.style.display = 'none'; 3879 carousel.removeAttribute('data-ride'); 3880 } 3881 }); 3882}); 3883</script>
3883 3884 3885 3886 </footer> 3887 3888 <!--Footer Ends--> 3889 </div> 3890 3891 3892 3893 3894
3894<script src="//static.site24x7.net.au/js/s247tm.min.js?p=Oct_06_2026"></script>
3894 3895
3895<script type="text/javascript" src="//static.site24x7.net.au/js/popper.min.js?p=Oct_06_2026"></script>
3895 3896
3896<script type="text/javascript" src="//static.site24x7.net.au/js/bootstrap4.min.js?p=Oct_06_2026"></script>
3896 3897
3897<script type="text/javascript" src="//static.site24x7.net.au/js/site24x7.js?p=Oct_06_2026"></script>
3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912
3912<script> 3913 3914 window.$zoho = window.$zoho || {}; 3915 3916 // Gallery box view 3917 3918 let images = document.querySelectorAll('#temp-body img:not(.nopopup)') 3919 var activeParent, activeImg 3920 var gboxStatus = false 3921 3922 if (images.length > 0) { 3923 images.forEach(img => { 3924 if(img.parentElement.nodeName !== 'BUTTON') { 3925 img.addEventListener('click', function (e) { 3926 if (((img.height > 200) || (img.width > 200)) && !gboxStatus) { 3927 3928 activeParent = img.parentElement 3929 activeImg = img 3930 3931 let viewBox = document.createElement('div') 3932 viewBox.classList.add('gbox-view') 3933 let gboxClose = document.createElement('button') 3934 gboxClose.classList.add('gbox-close') 3935 gboxClose.innerHTML = '×' 3936 gboxClose.addEventListener('click', function (e) { 3937 handleGboxClose() 3938 })
3939 viewBox.append(gboxClose) 3940 viewBox.append(img) 3941 viewBox.addEventListener('click', function (e) { 3942 if ([...e.target.classList].includes('gbox-view')) { 3943 handleGboxClose() 3944 } 3945 }) 3946 document.querySelector('#temp-body').append(viewBox) 3947 gboxStatus = true; 3948 3949 } 3950 }) 3951 } 3952 }) 3953 3954 document.addEventListener('keydown', function (e) { 3955 if ((e.keyCode == 27) && gboxStatus) { 3956 handleGboxClose() 3957 } 3958 }) 3959 3960 function handleGboxClose() { 3961 activeParent.append(activeImg) 3962 document.querySelector('.gbox-view').remove() 3963 gboxStatus = false 3964 } 3965 } 3966 3967 function sendSIQEvent(msg) { 3968 try { 3969 $zoho.salesiq.visitor.customaction(`{'eventCategory':'${msg}'}`); 3970 } catch (exp) { 3971 } 3972 } 3973 3974 </script>
3974 3975 3976 </body> 3977</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.