1<!DOCTYPE html> 2<html lang="en-US" dir="ltr"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="icon" type="image/x-icon" href="https://vmppass.com/wp-content/themes/vmpPass/assets/images/favicon.ico"> 8 9 <!-- Critical CSS (inline, applies before render-blocking stylesheets download). 10 Without this the dropdown mega-menus + mobile offcanvas render EXPANDED for a 11 few frames while CSS loads, making the navbar ~3800px tall, then collapse to 12 74px â a ~0.96 CLS bomb. Hiding them here keeps layout stable from first paint. --> 13 <style id="vmp-critical-cls"> 14 /* Hide JS-toggled overlays until their CSS/JS is ready. The vmp-mega-menu 15 plugin loads its CSS async (media=print), so without this the mega-menu 16 dropdowns render EXPANDED in-flow for a few frames â navbar ~3800px tall 17 â collapse â ~0.96 CLS. These match the plugin's own base rules, so the 18 .show hover state still works once its CSS/JS load. */ 19 .vmp-mega-menu-dropdown{position:absolute;display:none} 20 .dropdown-menu{display:none} 21 .offcanvas{visibility:hidden} 22 /* Reserve navbar height + force its final horizontal layout BEFORE Bootstrap's 23 utility classes (.d-flex etc.) load. Otherwise the menu renders as a tall 24 vertical list for a few frames, then collapses to one row â ~0.96 CLS. */ 25 #mainNavbar{min-height:74px} 26 @media (min-width:992px){ 27 #mainNavbar .mainNavbar-content{display:flex;align-items:center;flex-wrap:nowrap;width:100%} 28 #mainNavbar .navbar-left{display:flex;align-items:center} 29 #mainNavbar .navbar-left ul{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0} 30 #mainNavbar .navbar-right-header{display:flex;align-items:center;margin-left:auto} 31 } 32 @media (max-width:991.98px){ 33 /* Mobile uses the offcanvas + toggler; keep the desktop menu out of flow 34 so it can't flash as a tall list before responsive CSS loads. */ 35 #mainNavbar .navbar-left{display:none} 36 } 37 </style> 38 <!-- Meta Pixel Code â deferred until user interaction/idle for performance (was render-path-competing) --> 39
39<script> 40 (function(){ 41 var loaded=false; 42 function loadFB(){ 43 if(loaded) return; loaded=true; 44 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js'); 45 // Advanced matching: pre-hashed (SHA-256) identifiers for signed-in 46 // visitors. This is the single biggest lever on Meta's Event Match 47 // Quality score, which decides how much of your conversion data is 48 // actually usable for campaign optimisation. Raw PII is never emitted. 49 fbq('init','947800294393207', {}); 50 fbq('track','PageView'); 51 } 52 // Interaction triggers keep the pixel off the critical render path; 53 // visibilitychange/pagehide make sure a pure-bounce visit is still 54 // counted instead of vanishing from the dataset entirely. 55 ['scroll','click','touchstart','keydown','mousemove','pointerdown'].forEach(function(evt){ document.addEventListener(evt, loadFB, {once:true, passive:true}); }); 56 document.addEventListener('visibilitychange', function(){ if (document.hidden) loadFB(); }); 57 window.addEventListener('pagehide', loadFB); 58 setTimeout(loadFB, 1500); 59 })(); 60 </script>
60 61 <noscript><img height="1" width="1" alt="" style="display:none" 62 src="https://www.facebook.com/tr?id=947800294393207&ev=PageView&noscript=1" 63 /></noscript> 64 <!-- End Meta Pixel Code --> 65 <link rel="preload" as="font" type="font/woff2" href="https://vmppass.com/wp-content/themes/vmpPass/assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.woff2" crossorigin> 66<link rel="preload" as="font" type="font/woff2" href="https://vmppass.com/wp-content/themes/vmpPass/assets/fonts/Source_Sans_3/SourceSans3-Regular.woff2" crossorigin> 67<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 68<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 69<link rel="dns-prefetch" href="//www.google-analytics.com"> 70<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 71<title>Blog - VMP™ Pass</title> 72<meta name="description" content="Cybersecurity blog of VMP™ Pass with insights, tutorials, and updates."> 73 74 <!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ --> 75 <link rel="canonical" href="https://vmppass.com/fr/blog/" /> 76 <meta property="og:locale" content="en_US" /> 77 <meta property="og:type" content="article" /> 78 <meta property="og:title" content="Blog - Vmp Pass" /> 79 <meta property="og:url" content="https://vmppass.com/fr/blog/" /> 80 <meta property="og:site_name" content="Vmp Pass" /> 81 <meta property="article:modified_time" content="2025-12-30T06:08:48+00:00" /> 82 <meta name="twitter:card" content="summary_large_image" /> 83
83<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vmppass.com\/fr\/blog\/","url":"https:\/\/vmppass.com\/fr\/blog\/","name":"Blog - Vmp Pass","isPartOf":{"@id":"https:\/\/vmppass.com\/#website"},"datePublished":"2025-12-08T06:12:29+00:00","dateModified":"2025-12-30T06:08:48+00:00","breadcrumb":{"@id":"https:\/\/vmppass.com\/fr\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vmppass.com\/fr\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vmppass.com\/fr\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vmppass.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/vmppass.com\/#website","url":"https:\/\/vmppass.com\/","name":"Vmp Pass","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vmppass.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
83 84 <!-- / Yoast SEO plugin. --> 85 86 87<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 88<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 89<link rel='dns-prefetch' href='//fonts.gstatic.com' /> 90<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://vmppass.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvmppass.com%2Fblog%2F" /> 91<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://vmppass.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvmppass.com%2Fblog%2F&format=xml" /> 92<style id="wp-img-auto-sizes-contain-inline-css"> 93img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 94/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 95</style> 96<style id="classic-theme-styles-inline-css"> 97/*! This file is auto-generated */ 98.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 99/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 100</style> 101 102<style id="global-styles-inline-css"> 103:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
103--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
103.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 104/*# sourceURL=global-styles-inline-css */ 105</style> 106 107<link rel='stylesheet' id='contact-form-7-css' href='https://vmppass.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' /> 108<link rel='stylesheet' id='vmp-mega-menu-css' href='https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/css/mega-menu.css?ver=1790905676' media='print' onload="this.media='all'" /> 109<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/css/mega-menu.css"></noscript><link rel='stylesheet' id='bootstrap-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap.min.css?ver=5.3.2' media='all' /> 110<link rel='stylesheet' id='style-css' href='https://vmppass.com/wp-content/themes/vmpPass/style.css?ver=1790905676' media='all' /> 111<link rel='stylesheet' id='bootstrap-icons-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap-icons.css?ver=1.11.2' media='print' onload="this.media='all'" /> 112<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap-icons.css"></noscript><link rel='stylesheet' id='font-awesome-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/all.min.css?ver=6.5.1' media='print' onload="this.media='all'" /> 113<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/all.min.css"></noscript><link rel='stylesheet' id='vmp-modal-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-modal.css?ver=2.1' media='print' onload="this.media='all'" /> 114<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-modal.css"></noscript><link rel='stylesheet' id='cookie-consent-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/cookie-consent.css?ver=1.8' media='print' onload="this.media='all'" /> 115<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/cookie-consent.css"></noscript><link rel='stylesheet' id='vmp-buttons-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-buttons.css?ver=1.0.0' media='print' onload="this.media='all'" /> 116<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-buttons.css"></noscript>
116<script id="jquery-core-js" src="https://vmppass.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
116 117<link rel="https://api.w.org/" href="https://vmppass.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://vmppass.com/wp-json/wp/v2/pages/23" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://vmppass.com/xmlrpc.php?rsd" /> 118 119<link rel='shortlink' href='https://vmppass.com/?p=23' /> 120 121<!-- Google tag (gtag.js) - deferred until user interaction for performance -->
122<script> 123 (function() { 124 // Consent Mode v2 defaults MUST be queued before gtag.js loads, otherwise 125 // the first hits of every EEA session are sent without a consent state. 126 // Declaring them here (rather than only calling consent 'update' from 127 // cookie-consent.js) is also what enables Google's behavioural modelling, 128 // which recovers reporting for users who decline cookies. 129 window.dataLayer = window.dataLayer || []; 130 function gtag(){dataLayer.push(arguments);} 131 window.gtag = gtag; 132 var EEA = ['AT','BE','BG','HR','CY','CZ','DK','EE','FI','FR','DE','GR','HU','IS','IE','IT','LV','LI','LT','LU','MT','NL','NO','PL','PT','RO','SK','SI','ES','SE','GB','CH']; 133 gtag('consent', 'default', { 134 ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', 135 analytics_storage: 'denied', functionality_storage: 'denied', 136 personalization_storage: 'denied', security_storage: 'granted', 137 region: EEA, wait_for_update: 500 138 }); 139 gtag('consent', 'default', { 140 ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', 141 analytics_storage: 'granted', functionality_storage: 'granted', 142 personalization_storage: 'granted', security_storage: 'granted', 143 wait_for_update: 500 144 }); 145 146 var loaded = false; 147 function loadGA() { 148 if (loaded) return; 149 loaded = true; 150 var s = document.createElement('script'); 151 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-5V8RH21VXZ'; 152 s.async = true; 153 document.head.appendChild(s); 154 gtag('js', new Date()); 155 gtag('config', 'G-5V8RH21VXZ', { send_page_view: true }); 156 } 157 // Interaction triggers keep the tag off the critical render path, but a 158 // pure-bounce visit produces no interaction â 'visibilitychange' and 159 // 'pagehide' make sure those sessions are still counted instead of 160 // silently disappearing from every report. 161 ['scroll', 'click', 'touchstart', 'keydown', 'mousemove', 'pointerdown'].forEach(function(evt) { 162 document.addEventListener(evt, loadGA, {once: true, passive: true}); 163 }); 164 document.addEventListener('visibilitychange', function(){ if (document.hidden) loadGA(); }); 165 window.addEventListener('pagehide', loadGA); 166 setTimeout(loadGA, 1200); 167 })(); 168</script>
168 169 170<!-- PostHog Analytics - deferred until interaction/idle, consent-aware -->
171<script> 172 (function(){ 173 var loaded=false; 174 function loadPH(){ 175 if(loaded) return; loaded=true; 176 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture identify set_config opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing reset register register_once startSessionRecording stopSessionRecording".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 177 posthog.init('phc_uNZn4uUAXwCsUiyZZLz5RQtRHaQeslBDVJQIYAvzvot', { 178 api_host: 'https://us.i.posthog.com', 179 person_profiles: 'identified_only', 180 persistence: 'memory', 181 autocapture: false, 182 capture_pageview: false, 183 capture_pageleave: false, 184 disable_session_recording: true, 185 opt_out_capturing_by_default: true 186 }); 187 } 188 ['scroll','click','touchstart','keydown','mousemove'].forEach(function(evt){ document.addEventListener(evt, loadPH, {once:true, passive:true}); }); 189 setTimeout(loadPH, 3500); 190 })(); 191</script>
191 192 193<!-- Unified analytics layer (transport + universal auto-capture) is enqueued by 194 inc/analytics/bootstrap.php, so WordPress owns its load order and cache 195 busting. Do NOT re-add a
195<script> tag for vmp-tracking.js here: loading it 196 twice double-fires every delegated handler and doubles every conversion. --> 197 198 199 200<style> 201 /* Floating "Feedback" tab pinned to the right edge (header.php) */ 202 html[lang="en-US"] #feedbackTab{ 203 position: fixed; 204 z-index: 3; 205 top: 50%; 206 right: -31px; 207 transform: rotate(270deg); 208 height: auto; 209 width: unset; 210 padding: 3px 15px; 211 background: var(--primary-color); 212 color: #fff; 213 border-radius: 5px; 214 cursor: pointer; 215 } 216 217 html[lang="fa-IR"] #feedbackTab{ 218 position: fixed; 219 z-index: 3; 220 top: 50%; 221 right: -21px; 222 transform: rotate(270deg); 223 height: auto; 224 width: unset; 225 padding: 3px 15px; 226 background: var(--primary-color); 227 color: #fff; 228 border-radius: 5px; 229 cursor: pointer; 230 } 231 232 html[lang="de-DE"] #feedbackTab{ 233 position: fixed; 234 z-index: 3; 235 top: 50%; 236 right: -46px; 237 transform: rotate(270deg); 238 height: auto; 239 width: unset; 240 padding: 3px 15px; 241 background: var(--primary-color); 242 color: #fff; 243 border-radius: 5px; 244 cursor: pointer; 245 } 246 247 html[lang="es-ES"] #feedbackTab { 248 position: fixed; 249 z-index: 3; 250 top: 50%; 251 right: -41px; 252 transform: rotate(270deg); 253 height: auto; 254 width: unset; 255 padding: 3px 15px; 256 background: var(--primary-color); 257 color: #fff; 258 border-radius: 5px; 259 cursor: pointer; 260 } 261 262 html[lang="ru-RU"] #feedbackTab { 263 position: fixed; 264 z-index: 3; 265 top: 50%; 266 right: -21px; 267 transform: rotate(270deg); 268 height: auto; 269 width: unset; 270 padding: 3px 15px; 271 background: var(--primary-color); 272 color: #fff; 273 border-radius: 5px; 274 cursor: pointer; 275 } 276 277 html[lang="fr-FR"] #feedbackTab{ 278 position: fixed; 279 z-index: 3; 280 top: 50%; 281 right: -48px; 282 transform: rotate(270deg); 283 height: auto; 284 width: unset; 285 padding: 3px 15px; 286 background: var(--primary-color); 287 color: #fff; 288 border-radius: 5px; 289 cursor: pointer; 290 } 291 292 html[lang="it-IT"] #feedbackTab{ 293 position: fixed; 294 z-index: 3; 295 top: 50%; 296 right: -31px; 297 transform: rotate(270deg); 298 height: auto; 299 width: unset; 300 padding: 3px 15px; 301 background: var(--primary-color); 302 color: #fff; 303 border-radius: 5px; 304 cursor: pointer; 305 } 306 307 html[lang="nl-NL"] #feedbackTab{ 308 position: fixed; 309 z-index: 3; 310 top: 50%; 311 right: -27px; 312 transform: rotate(270deg); 313 height: auto; 314 width: unset; 315 padding: 3px 15px; 316 background: var(--primary-color); 317 color: #fff; 318 border-radius: 5px; 319 cursor: pointer; 320 } 321 322 html[lang="pt-PT"] #feedbackTab{ 323 position: fixed; 324 z-index: 3; 325 top: 50%; 326 right: -42px; 327 transform: rotate(270deg); 328 height: auto; 329 width: unset; 330 padding: 3px 15px; 331 background: var(--primary-color); 332 color: #fff; 333 border-radius: 5px; 334 cursor: pointer; 335 } 336 337 338 #contactSalesDropdown svg{ 339 margin-right: 10px; 340 } 341 342 html[lang="fa-IR"] #contactSalesDropdown svg{ 343 margin-left: 10px; 344 } 345 346 html[lang="fa-IR"] .mainNavbar-content{ 347 justify-content: end; 348 } 349</style> 350 351</head> 352 353<body class="wp-singular page-template page-template-all-blog page-template-all-blog-php page page-id-23 wp-theme-vmpPass vmp-tracked">
354<script>document.body.setAttribute("data-vmp-page-type","resource");document.body.setAttribute("data-vmp-template","all-blog.php");document.body.setAttribute("data-vmp-user","visitor");</script>
354 355 356 357 <button data-vmp-label="scrolltopbtn" id="scrollTopBtn" title="Go to top" aria-label="Go to top">â</button> 358 <div id="feedbackTab" data-bs-toggle="modal" data-bs-target="#feedbackModal"> 359 <span>Feedback</span> 360 </div> 361 <header class="site-header"> 362 <div class="border-bottom top_bar_1"> 363 <!-- Top Utility Bar --> 364 <div class="top-utility-bar d-flex justify-content-between align-items-center py-1 px-4"> 365 <div class="utility-links-left d-flex align-items-center gap-3"> 366 367 <!-- Language Switcher (component: inc/language-switcher-component.php) --> 368 <div class="dropdown lang-switcher-dropdown"> 369 <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn" 370 type="button" 371 id="langSwitcherBtn" 372 data-bs-toggle="dropdown" 373 aria-expanded="false" 374 aria-label="Select language"> 375 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;"> 376 <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/> 377 </svg> 378 <span class="lang-switcher-label">EN</span> 379 <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true"> 380 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 381 </svg> 382 </button> 383 <ul class="dropdown-menu lang-switcher-menu" aria-labelledby="langSwitcherBtn"> 384 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active" 385 href="https://vmppass.com/blog/" 386 data-lang="en" 387 lang="en" 388 dir="ltr" 389 aria-current="true">English â</a></li> 390 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option" 391 href="https://vmppass.com/es/blog/" 392 data-lang="es" 393 lang="es" 394 dir="ltr" 395 >Español</a></li> 396 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option" 397 href="https://vmppass.com/de/blog/" 398 data-lang="de" 399 lang="de" 400 dir="ltr" 401 >Deutsch</a></li> 402 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option" 403 href="https://vmppass.com/fr/blog/" 404 data-lang="fr" 405 lang="fr" 406 dir="ltr" 407 >Français</a></li> 408 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option" 409 href="https://vmppass.com/it/blog/" 410 data-lang="it" 411 lang="it" 412 dir="ltr" 413 >Italiano</a></li> 414 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option" 415 href="https://vmppass.com/nl/blog/" 416 data-lang="nl" 417 lang="nl" 418 dir="ltr" 419 >Nederlands</a></li> 420 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option" 421 href="https://vmppass.com/pt/blog/" 422 data-lang="pt" 423 lang="pt" 424 dir="ltr" 425 >Português</a></li> 426 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option" 427 href="https://vmppass.com/ru/blog/" 428 data-lang="ru" 429 lang="ru" 430 dir="ltr" 431 >Ð ÑÑÑкий</a></li> 432 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option" 433 href="https://vmppass.com/fa/blog/" 434 data-lang="fa" 435 lang="fa" 436 dir="rtl" 437 >ÙØ§Ø±Ø³Û</a></li> 438 </ul> 439 </div> 440 441 </div> 442 <div class="utility-links-right d-flex align-items-center gap-3 top_bar_one"> 443 <a href="https://vmppass.com/blog" class="text-decoration-none text-dark" style="font-weight: 500;">Blog</a> 444 445 <div class="dropdown other-products-dropdown"> 446 </div> 447 448 <div class="dropdown resources-dropdown"> 449 <button data-vmp-label="resourcesdropdown" class="btn btn-link text-dark text-decoration-none d-flex align-items-center dropdown-toggle p-0" type="button" id="resourcesDropdown" aria-expanded="false" style="font-size: 14px; font-weight: 500;"> 450 Resource Center </button> 451 <div id="resources_dropdown_menu" class="dropdown-menu dropdown-menu-end" aria-labelledby="resourcesDropdown"> 452 <div class="resources-mega-menu-container"> 453 <div class="resources-column column_border_1"> 454 <div class="column-title" role="heading" aria-level="3">LEARN</div> 455 <div class="column-items"> 456 <div class="overview_intro"> 457 <a href="https://vmppass.com/how-vmp-pass-works/" class="resource-link">
458 <span class="cta-title">How VMP™ Pass works</span> 459 </a> 460 </div> 461 <div class="overview_intro"> 462 <a href="https://vmppass.com/why-vmp-pass/" class="resource-link"> 463 <span class="cta-title">Why VMP™ Pass</span> 464 </a> 465 </div> 466 <div class="overview_intro"> 467 <a href="https://vmppass.com/features/" class="resource-link"> 468 <span class="cta-title">Features</span> 469 </a> 470 </div> 471 <div class="overview_intro"> 472 <a data-vmp-event="view_pricing" data-vmp-label="nav_compare_plans" href="https://vmppass.com/compare/" class="resource-link"> 473 <span class="cta-title">Compare plans</span> 474 </a> 475 </div> 476 </div> 477 </div> 478 <div class="resources-column column_border_1"> 479 <div class="column-title" role="heading" aria-level="3">TRUST & SECURITY</div> 480 <div class="column-items"> 481 <div class="overview_intro"> 482 <a href="https://vmppass.com/trust-center" class="resource-link"> 483 <span class="cta-title">Trust Center</span> 484 </a> 485 </div> 486 <div class="overview_intro"> 487 <a href="https://vmppass.com/zero-knowledge-security/" class="resource-link"> 488 <span class="cta-title">Zero-knowledge security</span> 489 </a> 490 </div> 491 <div class="overview_intro"> 492 <a href="https://vmppass.com/how-is-vmp-pass-secure/" class="resource-link"> 493 <span class="cta-title">Is VMP Pass secure?</span> 494 </a> 495 </div> 496 <div class="overview_intro"> 497 <a href="https://vmppass.com/passkeys/" class="resource-link"> 498 <span class="cta-title">Passkeys</span> 499 </a> 500 </div> 501 </div> 502 </div> 503 <div class="resources-column resources-cta-column"> 504 <div class="resources-cta-box"> 505 <div class="resources-cta-icon"> 506 <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> 507 <rect width="56" height="56" rx="8" fill="#4A5D7F"/> 508 <path d="M20 24H28V32H20V24Z" fill="white" opacity="0.3"/> 509 <path d="M20 18H28V22H20V18Z" fill="white"/> 510 <path d="M32 24L36 28L32 32V24Z" stroke="white" stroke-width="2" stroke-linecap="round"/> 511 </svg> 512 </div> 513 514 <a data-vmp-event="schedule" data-vmp-label="business_demo" href="https://vmppass.com/business-demo/" style="text-decoration: none; color: inherit;"> 515 <div class="resources-cta-content"> 516 <span class="resources-cta-label">Product Demos</span> 517 <span class="resources-cta-title">On-demand VMP™ Pass Business demos</span> 518 </div> 519 </a> 520 </div> 521 <div class="resources-cta-box"> 522 <div class="resources-cta-icon"> 523 <svg width="56" height="56" viewB
523ox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> 524 <rect width="56" height="56" rx="8" fill="#5B7FA8"/> 525 <path d="M28 16L31 24H39L33 29L35 37L28 32L21 37L23 29L17 24H25L28 16Z" fill="white"/> 526 </svg> 527 </div> 528 <a data-vmp-event="start_trial" data-vmp-label="nav_resources_free_trial" href="https://vmppass.com/client/login" style="text-decoration: none; color: inherit;"> 529 <div class="resources-cta-content"> 530 <span class="resources-cta-label">FREE TRIAL</span> 531 <span class="resources-cta-title">Try VMP™ Pass free</span> 532 </div> 533 </a> 534 </div> 535 </div> 536 </div> 537 </div> 538 </div> 539 540 <div class="dropdown support-dropdown"> 541 <button data-vmp-label="supportdropdown" class="btn btn-link text-dark text-decoration-none d-flex align-items-center dropdown-toggle p-0" type="button" id="supportDropdown" aria-expanded="false" style="font-size: 14px; font-weight: 500;"> 542 Support </button> 543 <div id="support_dropdown_menu" class="dropdown-menu dropdown-menu-end" aria-labelledby="supportDropdown"> 544 <div class="support-mega-menu-container"> 545 <div class="support-column column_border_1"> 546 <div class="column-title" role="heading" aria-level="3">HELP</div> 547 <div class="column-items"> 548 <div class="overview_intro"> 549 <a href="https://vmppass.com/support" class="support-link" style="text-decoration: none; color: inherit;"> 550 <div class="support-item-with-icon"> 551 <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 552 <circle cx="22" cy="22" r="22" fill="#000"/> 553 <text x="22" y="28" text-anchor="middle" fill="white" font-size="20" font-weight="bold">?</text> 554 </svg> 555 <div class="support-item-text"> 556 <span class="cta-title">Support Center</span> 557 <p class="nav-heading-link-description">Self-service library of resources and guides for all VMP™ Pass products.</p> 558 </div> 559 </div> 560 </a> 561 </div> 562 <div class="overview_intro"> 563 <a data-vmp-event="contact" data-vmp-label="nav_contact_support" href="https://vmppass.com/contact-support/" class="support-link" style="text-decoration: none; color: inherit;"> 564 <div class="support-item-with-icon"> 565 <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 566 <circle cx="22" cy="22" r="22" fill="#000"/> 567 <path d="M14 17C14 15.8954 14.8954 15 16 15H28C29.1046 15 30 15.8954 30 17V25C30 26.1046 29.1046 27 28 27H20L16 31V27H16C14.8954 27 14 26.1046 14 25V17Z" fill="white"/> 568 </svg> 569 <div class="support-item-text"> 570 <span class="cta-title">Contact support</span> 571 <p class="nav-heading-link-description">Get in touch with our team for help with your account or technical issues.</p> 572 </div> 573 </div> 574 </a> 575 </div> 576 </div> 577 </div> 578 <div class="support-column support-cta-column"> 579 <div class="support-cta-card support_contact_card_grid"> 580 <div class="support-cta-icon-large"> 581 <svg style="margin-right: 10px;
581" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 582 <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="#191970"/> 583 <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="#191970"/> 584 </svg> 585 </div> 586 <a data-vmp-event="contact" data-vmp-label="contact_support" href="https://vmppass.com/contact-support" style="text-decoration: none; color: inherit;"> 587 <div class="support-cta-card-content"> 588 <span class="support-cta-card-title">Talk to support</span> 589 <p class="support-cta-card-description">Personal support for all VMP™ Pass' subscribed customers.</p> 590 </div> 591 </a> 592 </div> 593 <div class="support-download-section"> 594 <div class="download-icons"> 595 <img style="width: 260px; height:auto" src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/illustration_navigation-highlighted_all-devices-2x-png.png" alt="All Devices" width="520" height="316"> 596 </div> 597 <a data-vmp-event="download" data-vmp-label="download" href="https://vmppass.com/download"><span class="download-title">Download VMP™ Pass apps</span></a> 598 <p class="download-description">VMP™ Pass works across all devices.</p> 599 </div> 600 </div> 601 </div> 602 </div> 603 </div> 604 605 606 607 <a data-vmp-event="login" data-vmp-label="login_section" href="https://vmppass.com/client/login" class="text-decoration-none text-dark d-flex align-items-center" id="login_section" style="font-size: 14px; font-weight: 500;"> 608 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle me-1" viewBox="0 0 16 16"> 609 <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0" /> 610 <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1" /> 611 </svg> 612 Log in </a> 613 </div> 614 </div> 615 </div> 616 <nav id="mainNavbar" class="navbar navbar-light bg-white"> 617 <div class="container-fluid px-4"> 618 <div class="d-flex align-items-center w-100 mainNavbar-content"> 619 <a class="navbar-brand fw-bold text-dark" href="https://vmppass.com/"> 620 <img id="vmp-pass-logo" src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/vmp_pass.png" alt="VMP™ Pass Logo" width="40" height="40"> 621 </a> 622 <div class="navbar-left d-flex align-items-center"> 623 <ul id="menu-main-menu" class="d-flex list-unstyled mb-0 flex-wrap"><li id="menu-item-39" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-39 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Why VMP⢠Pass?</a> 624<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 625 <div class="mega-menu-inner"> 626 627<div class="vmp-mega-menu-template vmp-template-why-vmp-pass"> 628 629 630 <div class="mega-menu-custom-content"> 631 menu1 </div> 632 633 <div class="why-vmp-pass-container"> 634 <!-- Left Column: Overview --> 635 <div class="why-vmp-column overview-column column_border_1"> 636 <h3 class="column-title">OVERVIEW</h3> 637 <div class="column-items"> 638 <a class="overview_intro_a" href="https://vmppass.com/why-vmp-pass"> 639 <div class="overview_intro">
640 <span class="cta-title">Why VMP™ Pass?</span> 641 <p class="nav-heading-link-description">Create and store secure passwords for yourself, your team or business.</p> 642 </div> 643 </a> 644 645 <a class="overview_intro_a" href="https://vmppass.com/how-vmp-pass-works"> 646 <div class="overview_intro"> 647 <span class="cta-title">How VMP™ Pass works</span> 648 <p class="nav-heading-link-description">Remember fewer passwords and log in faster with our browser extension.</p> 649 </div> 650 </a> 651 652 <a class="overview_intro_a" href="https://vmppass.com/security-dashboard"> 653 <div class="overview_intro"> 654 <span class="cta-title">Security Architecture</span> 655 <p class="nav-heading-link-description">VMP™ Pass zero-knowledge security model keeps your data private even from us.</p> 656 </div> 657 </a> 658 659 <a class="overview_intro_a" href="https://vmppass.com/compare"> 660 <div class="overview_intro"> 661 <span class="cta-title">Compare VMP™ Pass</span> 662 <p class="nav-heading-link-description">Compare VMP™ Pass competitors, plans, and features in one place.</p> 663 </div> 664 </a> 665 </div> 666 </div> 667 668 <!-- Middle Column: Key Features --> 669 <div class="why-vmp-column features-column column_border_1"> 670 <h3 class="column-title">KEY FEATURES</h3> 671 <div class="column-items"> 672 <a class="overview_intro_a" href="https://vmppass.com/password-manager"> 673 <div class="overview_intro"> 674 <span class="cta-title">Password management</span> 675 </div> 676 </a> 677 678 <a class="overview_intro_a" href="https://vmppass.com/save-autofill"> 679 <div class="overview_intro"> 680 <span class="cta-title">Save and autofill</span> 681 </div> 682 </a> 683 684 <a class="overview_intro_a" href="https://vmppass.com/password-generator"> 685 <div class="overview_intro"> 686 <span class="cta-title">Password generator</span> 687 </div> 688 </a> 689 690 <a class="overview_intro_a" href="https://vmppass.com/password-sharing"> 691 <div class="overview_intro"> 692 <span class="cta-title">Password sharing</span> 693 </div> 694 </a> 695 696 <a class="overview_intro_a" href="https://vmppass.com/passkeys"> 697 <div class="overview_intro"> 698 <span class="cta-title">Passkeys</span> 699 </div> 700 </a> 701 702 <a class="overview_intro_a" href="https://vmppass.com/darkweb-monitoring"> 703 <div class="overview_intro"> 704 <span class="cta-title">Dark web monitoring</span> 705 </div> 706 </a> 707 708 <a class="overview_intro_a" href="https://vmppass.com/security-dashboard"> 709 <div class="overview_intro"> 710 <span class="cta-title">Security dashboard</span> 711 </div> 712 </a> 713 714 <hr> 715 716 <div class="overview_intro all_features"> 717 <a href="https://vmppass.com/choose-plan" class="cta-title">All Features <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 718 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 719 </svg> 720 </a> 721 </div> 722 723 724 </div> 725 </div> 726 727 <!-- Right Column: CTA Boxes --> 728 <div class="why-vmp-column cta-column"> 729 <a href="https://vmppass.com/choose-plan" class="cta-download-btn" aria-label="Learn more"> 730 <div class="cta-box cta-style-primary cta_style_personal"> 731 <div class="cta-icon"> 732 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 733 </div> 734 <div> 735 <h4 class="cta-title">Get Personal free</h4> 736 <p class="cta-description">Free VMP™ Pass Premium trial.</p> 737 </div> 738 </div> 739 </a> 740 741 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn" aria-label="Learn more"> 742 <div class="cta-box cta-style-secondary cta_style_personal"> 743 <div class="cta-icon"> 744 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 745 </div> 746 <div> 747 <h4 class="cta-title">Get Business free</h4> 748 <p class="cta-description">Free VMP™ Pass Business trial.</p> 749 </div> 750 </div> 751 </a> 752 753 <a href="https://vmppass.com/contact-sales" class="cta-download-btn" aria-label="Contact sales"> 754 <div class="cta-box cta-style-contact cta_style_personal"> 755 <div class="cta-icon"> 756 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 757 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 758 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 759 </svg> 760 761 </div> 762 <div> 763 <h4 class="cta-title"><a href="https://vmppass.com/contact-sales">Contact sales</a></h4> 764 <p class="cta-description">Let our experts help you find the right plan and successfully deploy VMP™ Pass.</p> 765 </div> 766 </div> 767 </a> 768 769 <a href="https://vmppass.com/download" class="cta-download-btn" aria-label="Learn more"> 770 <div class="cta-box cta-style-download"> 771 <div class="platform-icons"> 772 <img style="width: 260px" alt="VMP Pass protecting all your devices" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/illustration_navigation-highlighted_all-devices-2x-png.png"> 773 </div> 774 <h4 class="cta-title pt-3">Download VMP™ Pass apps</h4> 775 <p class="cta-description">VMP™ Pass works across all devices.</p> 776 </div> 777 </a> 778 </div> 779 </div> 780</div> 781 </div> 782</div> 783</li> 784<li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Personal</a> 785<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 786 <div class="mega-menu-inner"> 787<style> 788 789 .personal-template-cta-column .cta-box { 790 padding: 34px 20px; 791 } 792 793</style> 794 795 796<div class="vmp-mega-menu-template vmp-template-why-vmp-pass personal-template-root"> 797 798 799 800 <div class="why-vmp-pass-container"> 801 <!-- Left Column: Overview --> 802 <div class="why-vmp-column overview-column column_border_1"> 803 <h3 class="column-title">Personal Plans</h3> 804 <div class="column-items"> 805 <a class="overview_intro_a" href="https://vmppass.com/premium-password-manager"> 806 <div class="overview_intro">
807 <span class="cta-title">Personal</span> 808 <p class="nav-heading-link-description">Sync passwords across all devices, monitor password health, data breaches and much more.</p> 809 </div> 810 </a> 811 812 <a class="overview_intro_a" href="https://vmppass.com/family-password-manager"> 813 <div class="overview_intro"> 814 <span class="cta-title">Families</span> 815 <p class="nav-heading-link-description">Premium password management for up to 5 family members.</p> 816 </div> 817 </a> 818 819 <hr> 820 821 <div class="overview_intro all_features"> 822 <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 823 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 824 </svg> 825 </a> 826 </div> 827 828 </div> 829 </div> 830 831 <!-- Middle Column: Key Features --> 832 <div class="why-vmp-column features-column column_border_1"> 833 <h3 class="column-title">FOR INDIVIDUALS</h3> 834 <div class="column-items"> 835 <a class="overview_intro_a" href="https://vmppass.com/client/login"> 836 <div class="overview_intro"> 837 <span class="cta-title">Password vault</span> 838 </div> 839 </a> 840 841 <a class="overview_intro_a" href="https://vmppass.com/save-autofill"> 842 <div class="overview_intro"> 843 <span class="cta-title">Save and autofill</span> 844 </div> 845 </a> 846 847 <a class="overview_intro_a" href="https://vmppass.com/passkeys"> 848 <div class="overview_intro"> 849 <span class="cta-title">Passkeys</span> 850 </div> 851 </a> 852 853 <a class="overview_intro_a" href="https://vmppass.com/automatic-device-sync"> 854 <div class="overview_intro"> 855 <span class="cta-title">Automatic Device Sync</span> 856 </div> 857 </a> 858 859 <a class="overview_intro_a" href="https://vmppass.com/emergency-access"> 860 <div class="overview_intro"> 861 <span class="cta-title">Emergency Access</span> 862 </div> 863 </a> 864 865 <a class="overview_intro_a" href="https://vmppass.com/personal-password-sharing"> 866 <div class="overview_intro"> 867 <span class="cta-title">Personal Password Sharing</span> 868 </div> 869 </a> 870 871 </div> 872 </div> 873 874 <!-- Right Column: CTA Boxes --> 875 <div class="why-vmp-column cta-column personal-template-cta-column"> 876 <a href="https://vmppass.com/choose-plan" class="cta-download-btn"> 877 <div class="cta-box cta-style-primary cta_style_personal"> 878 <div class="cta-icon"> 879 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 880 </div> 881 <div> 882 <h4 class="cta-title">Get Personal free</h4> 883 <p class="cta-description">Multi-device sync, Dark Web Monitoring, Security Audit.</p> 884 </div> 885 </div> 886 </a> 887 888 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn"> 889 <div class="cta-box cta-style-secondary cta_style_personal"> 890 <div class="cta-icon"> 891 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 892 </div> 893 <div> 894 <h4 class="cta-title">Get Families Free</h4> 895 <p class="cta-description">Premium for up to 5 family members + family folder.</p> 896 </div> 897 </div> 898 </a> 899 900 <div class="cta-box cta-style-contact cta_style_personal"> 901 <div class="cta-icon"> 902 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 903 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 904 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 905 </svg> 906 </div> 907 <div> 908 <h4 class="cta-title"><a href="https://vmppass.com/trial-free">Get started with VMP™ Pass Free</a></h4> 909 <p class="cta-description">
909Single-device vault. Unlimited records.</p> 910 </div> 911 </div> 912 913 </div> 914 </div> 915</div> 916 </div> 917</div> 918</li> 919<li id="menu-item-41" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-41 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Business</a> 920<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 921 <div class="mega-menu-inner"> 922<style> 923 924 .mega-menu-full-width:has(.business-template-root) { 925 max-width: 1296px; 926 margin-left: auto; 927 margin-right: auto; 928 } 929 930 .business-template-cta-column .cta-box { 931 padding: 30px 20px; 932 } 933 934 .vmp-mega-menu-template .business-template{ 935 display: grid!important; 936 grid-template-columns: 1fr 1fr 1fr 1fr; 937 gap: 0!important; 938 align-items: start!important; 939 } 940 941 .business-template .overview_intro { 942 margin-bottom: 5px; 943 margin-top: 5px; 944 } 945 946 @media (max-width: 1630px) { 947 .mega-menu-full-width:has(.business-template-root) { 948 max-width: 840px; 949 } 950 } 951 952</style> 953 954 955<div class="vmp-mega-menu-template vmp-template-why-vmp-pass business-template-root"> 956 957 958 959 <div class="why-vmp-pass-container business-template"> 960 <!-- Left Column: Business plan --> 961 <div class="why-vmp-column overview-column column_border_1"> 962 <h3 class="column-title">Business Plan</h3> 963 <div class="column-items"> 964 <a class="overview_intro_a" href="https://vmppass.com/business"> 965 <div class="overview_intro"> 966 <span class="cta-title">Business</span> 967 <p class="nav-heading-link-description">Unlimited users, Admin Console, SSO/SAML, SIEM integrations, and SOC 2/HIPAA/GDPR compliance.</p> 968 </div> 969 </a> 970 971 <hr> 972 973 <div class="overview_intro all_features"> 974 <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 975 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 976 </svg> 977 </a> 978 </div> 979 980 </div> 981 </div> 982 983 <!-- Middle Column: For Admins (doc-aligned) --> 984 <div class="why-vmp-column features-column column_border_1"> 985 <h3 class="column-title">For Admins</h3> 986 <div class="column-items"> 987 <a class="overview_intro_a" href="https://vmppass.com/console/login"> 988 <div class="overview_intro"> 989 <span class="cta-title">Business Console</span> 990 </div> 991 </a> 992 993 <a class="overview_intro_a" href="https://vmppass.com/user-management"> 994 <div class="overview_intro"> 995 <span class="cta-title">User Management & Roles</span> 996 </div> 997 </a> 998 999 <a class="overview_intro_a" href="https://vmppass.com/sso"> 1000 <div class="overview_intro"> 1001 <span class="cta-title">SSO/SAML</span> 1002 </div> 1003 </a> 1004 1005 <a class="overview_intro_a" href="https://vmppass.com/scim"> 1006 <div class="overview_intro"> 1007 <span class="cta-title">SCIM 2.0 Provisioning</span> 1008 </div> 1009 </a> 1010 1011 <a class="overview_intro_a" href="https://vmppass.com/integrations"> 1012 <div class="overview_intro"> 1013 <span class="cta-title">SIEM Integrations</span> 1014 </div> 1015 </a> 1016 1017 <a class="overview_intro_a" href="https://vmppass.com/trust-center"> 1018 <div class="overview_intro">
1019 <span class="cta-title">Compliance: SOC 2, HIPAA, GDPR</span> 1020 </div> 1021 </a> 1022 1023 </div> 1024 </div> 1025 1026 1027 <!-- Right Column: For Teams (doc-aligned collaboration features) --> 1028 <div class="why-vmp-column features-column column_border_1"> 1029 <h3 class="column-title">For Teams</h3> 1030 <div class="column-items"> 1031 <a class="overview_intro_a" href="https://vmppass.com/team-password-manager"> 1032 <div class="overview_intro"> 1033 <span class="cta-title">Team Password Manager</span> 1034 </div> 1035 </a> 1036 1037 <a class="overview_intro_a" href="https://vmppass.com/business-sharing"> 1038 <div class="overview_intro"> 1039 <span class="cta-title">Shared Folders & Vaults</span> 1040 </div> 1041 </a> 1042 1043 <a class="overview_intro_a" href="https://vmppass.com/password-sharing"> 1044 <div class="overview_intro"> 1045 <span class="cta-title">Secure Password Sharing</span> 1046 </div> 1047 </a> 1048 1049 <a class="overview_intro_a" href="https://vmppass.com/authentication"> 1050 <div class="overview_intro"> 1051 <span class="cta-title">Two-Factor Authentication</span> 1052 </div> 1053 </a> 1054 1055 <a class="overview_intro_a" href="https://vmppass.com/enterprise"> 1056 <div class="overview_intro"> 1057 <span class="cta-title">Enterprise & Multi-Org</span> 1058 </div> 1059 </a> 1060 </div> 1061 </div> 1062 1063 <!-- Right Column: CTA Boxes --> 1064 <div class="why-vmp-column cta-column business-template-cta-column"> 1065 1066 <a href="https://vmppass.com/vault/" class="cta-download-btn"> 1067 <div class="cta-box cta-style-primary cta_style_personal"> 1068 <div class="cta-icon"> 1069 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 1070 </div> 1071 <div> 1072 <h4 class="cta-title">Try Business free</h4> 1073 <p class="cta-description">Free VMP™ Pass Business trial.</p> 1074 </div> 1075 </div> 1076 </a> 1077 1078 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn"> 1079 <div class="cta-box cta-style-secondary cta_style_personal"> 1080 <div class="cta-icon"> 1081 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 1082 </div> 1083 <div> 1084 <h4 class="cta-title">See Business pricing</h4> 1085 <p class="cta-description">Compare plans for businesses of every size.</p> 1086 </div> 1087 </div> 1088 </a> 1089 1090 <a href="https://vmppass.com/choose-plan" class="cta-download-btn"> 1091 <div class="cta-box cta-style-contact cta_style_personal"> 1092 <div class="cta-icon"> 1093 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1094 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 1095 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 1096 </svg> 1097 1098 </div> 1099 <div> 1100 <h4 class="cta-title">Get started with VMP™ Pass Free</h4> 1101 <p class="cta-description">
1101Single-device vault. Unlimited records.</p> 1102 </div> 1103 </div> 1104 </a> 1105 1106 1107 </div> 1108 </div> 1109</div> 1110 </div> 1111</div> 1112</li> 1113<li id="menu-item-935" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-935 vmp-mega-menu-item has-mega-menu"><a href="https://vmppass.com/other-products-by-vmp/" class="nav-link">Other Products by VMPâ¢</a> 1114<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 1115 <div class="mega-menu-inner"> 1116<style> 1117 1118 .mega-menu-full-width:has(.others-template-root) { 1119 max-width: 760px; 1120 margin-left: auto; 1121 margin-right: auto; 1122 } 1123 1124 .others-template-cta-column .cta-box { 1125 padding: 30px 20px; 1126 } 1127 1128 .vmp-mega-menu-template .others-template{ 1129 display: grid!important; 1130 grid-template-columns: 1fr 1fr; 1131 gap: 0!important; 1132 align-items: start!important; 1133 } 1134 1135 .others-template .overview_intro { 1136 margin-bottom: 5px; 1137 margin-top: 5px; 1138 } 1139 1140 .mega-menu-full-width:has(.others-template-root) { 1141 max-width: 530px; 1142 } 1143 1144 .column_border_1 { 1145 padding: 20px; 1146 } 1147 1148 @media (max-width: 1630px) { 1149 .mega-menu-full-width:has(.others-template-root) { 1150 max-width: 620px; 1151 } 1152 } 1153 1154</style> 1155 1156 1157<div class="vmp-mega-menu-template vmp-template-why-vmp-pass others-template-root"> 1158 1159 1160 <div class="mega-menu-custom-content"> 1161 dfasdfdsafasdefsdfsdfdesfesw rewrew 1162rewrewrwe 1163rewr 1164ewrew 1165rew 1166rewrew </div> 1167 1168 <div class="why-vmp-pass-container others-template"> 1169 <!-- Left Column: Overview (flagship product) --> 1170 <div class="why-vmp-column overview-column column_border_1"> 1171 <h3 class="column-title">OVERVIEW</h3> 1172 <div class="column-items"> 1173 <a class="overview_intro_a" href="https://vmppass.com"> 1174 <div class="overview_intro"> 1175 <span class="cta-title">VMP™ Pass</span> 1176 <p class="nav-heading-link-description">The all-in-one password manager for individuals, families, and teams.</p> 1177 </div> 1178 </a> 1179 1180 <hr> 1181 1182 <div class="overview_intro all_features"> 1183 <a href="https://vmppass.com/download" class="cta-title">Explore all VMP™ apps <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 1184 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1185 </svg> 1186 </a> 1187 </div> 1188 1189 </div> 1190 </div> 1191 1192 <!-- Right Column: All products --> 1193 <div class="why-vmp-column features-column column_border_1"> 1194 <h3 class="column-title">PRODUCTS</h3> 1195 <div class="column-items"> 1196 <a class="overview_intro_a" href="https://vpnmasterpro.com" target="_blank" rel="noopener noreferrer"> 1197 <div class="overview_intro"> 1198 <span class="cta-title">VPN Master Pro</span> 1199 </div> 1200 </a> 1201 <a class="overview_intro_a" href="https://vmpmessenger.com" target="_blank" rel="noopener noreferrer"> 1202 <div class="overview_intro"> 1203 <span class="cta-title">VMP™ Messenger</span> 1204 </div> 1205 </a> 1206 <a class="overview_intro_a" href="https://vmpsecurity.com" target="_blank" rel="noopener noreferrer"> 1207 <div class="overview_intro"> 1208 <span class="cta-title">VMP™ Security</span> 1209 </div> 1210 </a> 1211 </div> 1212 </div> 1213 </div> 1214</div> 1215 </div> 1216</div> 1217</li> 1218</ul> </div> 1219 1220 <div class="ms-auto d-flex align-items-center gap-3 navbar-right-header justify-content-end"> 1221 <div class="dropdown lang-switcher-dropdown"> 1222 <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn" 1223 type="button" 1224 id="langSwitcherBtnNav" 1225 data-bs-toggle="dropdown" 1226 aria-expanded="false" 1227 aria-label="Select language"> 1228 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;"> 1229 <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82
12291.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/> 1230 </svg> 1231 <span class="lang-switcher-label">EN</span> 1232 <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true"> 1233 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1234 </svg> 1235 </button> 1236 <ul class="dropdown-menu lang-switcher-menu dropdown-menu-end" aria-labelledby="langSwitcherBtnNav"> 1237 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active" 1238 href="https://vmppass.com/blog/" 1239 data-lang="en" 1240 lang="en" 1241 dir="ltr" 1242 aria-current="true">English â</a></li> 1243 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option" 1244 href="https://vmppass.com/es/blog/" 1245 data-lang="es" 1246 lang="es" 1247 dir="ltr" 1248 >Español</a></li> 1249 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option" 1250 href="https://vmppass.com/de/blog/" 1251 data-lang="de" 1252 lang="de" 1253 dir="ltr" 1254 >Deutsch</a></li> 1255 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option" 1256 href="https://vmppass.com/fr/blog/" 1257 data-lang="fr" 1258 lang="fr" 1259 dir="ltr" 1260 >Français</a></li> 1261 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option" 1262 href="https://vmppass.com/it/blog/" 1263 data-lang="it" 1264 lang="it" 1265 dir="ltr" 1266 >Italiano</a></li> 1267 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option" 1268 href="https://vmppass.com/nl/blog/" 1269 data-lang="nl" 1270 lang="nl" 1271 dir="ltr" 1272 >Nederlands</a></li> 1273 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option" 1274 href="https://vmppass.com/pt/blog/" 1275 data-lang="pt" 1276 lang="pt" 1277 dir="ltr" 1278 >Português</a></li> 1279 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option" 1280 href="https://vmppass.com/ru/blog/" 1281 data-lang="ru" 1282 lang="ru" 1283 dir="ltr" 1284 >Ð ÑÑÑкий</a></li> 1285 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option" 1286 href="https://vmppass.com/fa/blog/" 1287 data-lang="fa" 1288 lang="fa" 1289 dir="rtl" 1290 >ÙØ§Ø±Ø³Û</a></li> 1291 </ul> 1292 </div> 1293 <button data-vmp-event="start_trial" data-vmp-label="free_try_deskstop" id="free_try_deskstop" class="btn btn-danger px-4 py-2 header-get-vmp-pass" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Get VMP™ Pass free</button> 1294 <button data-vmp-event="start_trial" data-vmp-label="free_try_mobile" id="free_try_mobile" class="btn btn-danger px-4 py-2 header-get-vmp-pass" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Free 7-day VMP™ Pass</button> 1295 1296 <div class="dropdown contact-sales-dropdown"> 1297 <a href="#" class="text-decoration-none text-dark d-flex align-items-center dropdown-toggle" id="contactSalesDropdown" aria-expanded="false" style="font-size: 16px; font-weight: 700;">
1298 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1299 <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="#191970"/> 1300 <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="#191970"/> 1301 </svg> 1302 Contact sales <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left: 6px;"> 1303 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1304 </svg> 1305 </a> 1306 <ul id="contact_sales" class="dropdown-menu dropdown-menu-end" aria-labelledby="contactSalesDropdown"> 1307 <li> 1308 <a class="dropdown-item d-flex align-items-center" href="https://vmppass.com/contact-sales"> 1309 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px; flex-shrink: 0;"> 1310 <path d="M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="#25282D"/> 1311 </svg> 1312 Submit sales inquiry </a> 1313 </li> 1314 <li> 1315 <a data-vmp-event="start_trial" data-vmp-label="nav_start_free_trial" class="dropdown-item d-flex align-items-center" href="https://vmppass.com/client/login"> 1316 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px; flex-shrink: 0;"> 1317 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z" fill="#25282D"/> 1318 </svg> 1319 Start free trial </a> 1320 </li> 1321 </ul> 1322 </div> 1323 1324 <button data-vmp-label="toggle_navigation" class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileMenuOffcanvas" aria-controls="mobileMenuOffcanvas" aria-expanded="false" aria-label="Toggle navigation"> 1325 <span class="navbar-toggler-icon"></span> 1326 </button> 1327 </div> 1328 </div> 1329 </div> 1330 </nav> 1331 1332 <!-- Mobile Menu Offcanvas --> 1333 <div class="offcanvas offcanvas-end" tabindex="-1" id="mobileMenuOffcanvas" aria-labelledby="mobileMenuLabel"> 1334 <div class="offcanvas-header"> 1335 <h5 class="offcanvas-title" id="mobileMenuLabel"> 1336 <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/vmp_pass.png" alt="VMP™ Pass Logo" style="height: 30px; width: auto;" width="30" height="30"> 1337 </h5> 1338 <button data-vmp-label="close" type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> 1339 </div> 1340 <div class="offcanvas-body"> 1341 <!-- Mobile Navigation Menu --> 1342 <div class="mobile-nav-menu"> 1343 <ul id="menu-main-menu-1" class="list-unstyled mobile-menu-list"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-39 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Why VMP⢠Pass?</a> 1344<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 1345 <div class="mega-menu-inner"> 1346 1347<div class="vmp-mega-menu-template vmp-template-why-vmp-pass"> 1348 1349 1350 <div class="mega-menu-custom-content"> 1351 menu1 </div> 1352 1353 <div class="why-vmp-pass-container"> 1354 <!-- Left Column: Overview --> 1355 <div class="why-vmp-column overview-column column_border_1"> 1356 <h3 class="column-title">OVERVIEW</h3> 1357 <div class="column-items"> 1358 <a class="overview_intro_a" href="https://vmppass.com/why-vmp-pass"> 1359 <div class="overview_intro">
1360 <span class="cta-title">Why VMP™ Pass?</span> 1361 <p class="nav-heading-link-description">Create and store secure passwords for yourself, your team or business.</p> 1362 </div> 1363 </a> 1364 1365 <a class="overview_intro_a" href="https://vmppass.com/how-vmp-pass-works"> 1366 <div class="overview_intro"> 1367 <span class="cta-title">How VMP™ Pass works</span> 1368 <p class="nav-heading-link-description">Remember fewer passwords and log in faster with our browser extension.</p> 1369 </div> 1370 </a> 1371 1372 <a class="overview_intro_a" href="https://vmppass.com/security-dashboard"> 1373 <div class="overview_intro"> 1374 <span class="cta-title">Security Architecture</span> 1375 <p class="nav-heading-link-description">VMP™ Pass zero-knowledge security model keeps your data private even from us.</p> 1376 </div> 1377 </a> 1378 1379 <a class="overview_intro_a" href="https://vmppass.com/compare"> 1380 <div class="overview_intro"> 1381 <span class="cta-title">Compare VMP™ Pass</span> 1382 <p class="nav-heading-link-description">Compare VMP™ Pass competitors, plans, and features in one place.</p> 1383 </div> 1384 </a> 1385 </div> 1386 </div> 1387 1388 <!-- Middle Column: Key Features --> 1389 <div class="why-vmp-column features-column column_border_1"> 1390 <h3 class="column-title">KEY FEATURES</h3> 1391 <div class="column-items"> 1392 <a class="overview_intro_a" href="https://vmppass.com/password-manager"> 1393 <div class="overview_intro"> 1394 <span class="cta-title">Password management</span> 1395 </div> 1396 </a> 1397 1398 <a class="overview_intro_a" href="https://vmppass.com/save-autofill"> 1399 <div class="overview_intro"> 1400 <span class="cta-title">Save and autofill</span> 1401 </div> 1402 </a> 1403 1404 <a class="overview_intro_a" href="https://vmppass.com/password-generator"> 1405 <div class="overview_intro"> 1406 <span class="cta-title">Password generator</span> 1407 </div> 1408 </a> 1409 1410 <a class="overview_intro_a" href="https://vmppass.com/password-sharing"> 1411 <div class="overview_intro"> 1412 <span class="cta-title">Password sharing</span> 1413 </div> 1414 </a> 1415 1416 <a class="overview_intro_a" href="https://vmppass.com/passkeys"> 1417 <div class="overview_intro"> 1418 <span class="cta-title">Passkeys</span> 1419 </div> 1420 </a> 1421 1422 <a class="overview_intro_a" href="https://vmppass.com/darkweb-monitoring"> 1423 <div class="overview_intro"> 1424 <span class="cta-title">Dark web monitoring</span> 1425 </div> 1426 </a> 1427 1428 <a class="overview_intro_a" href="https://vmppass.com/security-dashboard"> 1429 <div class="overview_intro"> 1430 <span class="cta-title">Security dashboard</span> 1431 </div> 1432 </a> 1433 1434 <hr> 1435 1436 <div class="overview_intro all_features"> 1437 <a href="https://vmppass.com/choose-plan" class="cta-title">All Features <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 1438 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1439 </svg> 1440 </a> 1441 </div> 1442 1443 1444 </div> 1445 </div> 1446 1447 <!-- Right Column: CTA Boxes --> 1448 <div class="why-vmp-column cta-column"> 1449 <a href="https://vmppass.com/choose-plan" class="cta-download-btn" aria-label="Learn more"> 1450 <div class="cta-box cta-style-primary cta_style_personal"> 1451 <div class="cta-icon"> 1452 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 1453 </div> 1454 <div> 1455 <h4 class="cta-title">Get Personal free</h4> 1456 <p class="cta-description">Free VMP™ Pass Premium trial.</p> 1457 </div> 1458 </div> 1459 </a> 1460 1461 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn" aria-label="Learn more"> 1462 <div class="cta-box cta-style-secondary cta_style_personal"> 1463 <div class="cta-icon"> 1464 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 1465 </div> 1466 <div> 1467 <h4 class="cta-title">Get Business free</h4> 1468 <p class="cta-description">Free VMP™ Pass Business trial.</p> 1469 </div> 1470 </div> 1471 </a> 1472 1473 <a href="https://vmppass.com/contact-sales" class="cta-download-btn" aria-label="Contact sales"> 1474 <div class="cta-box cta-style-contact cta_style_personal"> 1475 <div class="cta-icon"> 1476 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1477 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 1478 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 1479 </svg> 1480 1481 </div> 1482 <div> 1483 <h4 class="cta-title"><a href="https://vmppass.com/contact-sales">Contact sales</a></h4> 1484 <p class="cta-description">Let our experts help you find the right plan and successfully deploy VMP™ Pass.</p> 1485 </div> 1486 </div> 1487 </a> 1488 1489 <a href="https://vmppass.com/download" class="cta-download-btn" aria-label="Learn more"> 1490 <div class="cta-box cta-style-download"> 1491 <div class="platform-icons"> 1492 <img style="width: 260px" alt="VMP Pass protecting all your devices" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/illustration_navigation-highlighted_all-devices-2x-png.png"> 1493 </div> 1494 <h4 class="cta-title pt-3">Download VMP™ Pass apps</h4> 1495 <p class="cta-description">VMP™ Pass works across all devices.</p> 1496 </div> 1497 </a> 1498 </div> 1499 </div> 1500</div> 1501 </div> 1502</div> 1503</li> 1504<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Personal</a> 1505<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 1506 <div class="mega-menu-inner"> 1507<style> 1508 1509 .personal-template-cta-column .cta-box { 1510 padding: 34px 20px; 1511 } 1512 1513</style> 1514 1515 1516<div class="vmp-mega-menu-template vmp-template-why-vmp-pass personal-template-root"> 1517 1518 1519 1520 <div class="why-vmp-pass-container"> 1521 <!-- Left Column: Overview --> 1522 <div class="why-vmp-column overview-column column_border_1"> 1523 <h3 class="column-title">Personal Plans</h3> 1524 <div class="column-items"> 1525 <a class="overview_intro_a" href="https://vmppass.com/premium-password-manager"> 1526 <div class="overview_intro">
1527 <span class="cta-title">Personal</span> 1528 <p class="nav-heading-link-description">Sync passwords across all devices, monitor password health, data breaches and much more.</p> 1529 </div> 1530 </a> 1531 1532 <a class="overview_intro_a" href="https://vmppass.com/family-password-manager"> 1533 <div class="overview_intro"> 1534 <span class="cta-title">Families</span> 1535 <p class="nav-heading-link-description">Premium password management for up to 5 family members.</p> 1536 </div> 1537 </a> 1538 1539 <hr> 1540 1541 <div class="overview_intro all_features"> 1542 <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 1543 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1544 </svg> 1545 </a> 1546 </div> 1547 1548 </div> 1549 </div> 1550 1551 <!-- Middle Column: Key Features --> 1552 <div class="why-vmp-column features-column column_border_1"> 1553 <h3 class="column-title">FOR INDIVIDUALS</h3> 1554 <div class="column-items"> 1555 <a class="overview_intro_a" href="https://vmppass.com/client/login"> 1556 <div class="overview_intro"> 1557 <span class="cta-title">Password vault</span> 1558 </div> 1559 </a> 1560 1561 <a class="overview_intro_a" href="https://vmppass.com/save-autofill"> 1562 <div class="overview_intro"> 1563 <span class="cta-title">Save and autofill</span> 1564 </div> 1565 </a> 1566 1567 <a class="overview_intro_a" href="https://vmppass.com/passkeys"> 1568 <div class="overview_intro"> 1569 <span class="cta-title">Passkeys</span> 1570 </div> 1571 </a> 1572 1573 <a class="overview_intro_a" href="https://vmppass.com/automatic-device-sync"> 1574 <div class="overview_intro"> 1575 <span class="cta-title">Automatic Device Sync</span> 1576 </div> 1577 </a> 1578 1579 <a class="overview_intro_a" href="https://vmppass.com/emergency-access"> 1580 <div class="overview_intro"> 1581 <span class="cta-title">Emergency Access</span> 1582 </div> 1583 </a> 1584 1585 <a class="overview_intro_a" href="https://vmppass.com/personal-password-sharing"> 1586 <div class="overview_intro"> 1587 <span class="cta-title">Personal Password Sharing</span> 1588 </div> 1589 </a> 1590 1591 </div> 1592 </div> 1593 1594 <!-- Right Column: CTA Boxes --> 1595 <div class="why-vmp-column cta-column personal-template-cta-column"> 1596 <a href="https://vmppass.com/choose-plan" class="cta-download-btn"> 1597 <div class="cta-box cta-style-primary cta_style_personal"> 1598 <div class="cta-icon"> 1599 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 1600 </div> 1601 <div> 1602 <h4 class="cta-title">Get Personal free</h4> 1603 <p class="cta-description">Multi-device sync, Dark Web Monitoring, Security Audit.</p> 1604 </div> 1605 </div> 1606 </a> 1607 1608 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn"> 1609 <div class="cta-box cta-style-secondary cta_style_personal"> 1610 <div class="cta-icon"> 1611 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 1612 </div> 1613 <div> 1614 <h4 class="cta-title">Get Families Free</h4> 1615 <p class="cta-description">Premium for up to 5 family members + family folder.</p> 1616 </div> 1617 </div> 1618 </a> 1619 1620 <div class="cta-box cta-style-contact cta_style_personal"> 1621 <div class="cta-icon"> 1622 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1623 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 1624 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 1625 </svg> 1626 </div> 1627 <div> 1628 <h4 class="cta-title"><a href="https://vmppass.com/trial-free">Get started with VMP™ Pass Free</a></h4> 1629 <p class="cta-description">
1629Single-device vault. Unlimited records.</p> 1630 </div> 1631 </div> 1632 1633 </div> 1634 </div> 1635</div> 1636 </div> 1637</div> 1638</li> 1639<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-41 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Business</a> 1640<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 1641 <div class="mega-menu-inner"> 1642<style> 1643 1644 .mega-menu-full-width:has(.business-template-root) { 1645 max-width: 1296px; 1646 margin-left: auto; 1647 margin-right: auto; 1648 } 1649 1650 .business-template-cta-column .cta-box { 1651 padding: 30px 20px; 1652 } 1653 1654 .vmp-mega-menu-template .business-template{ 1655 display: grid!important; 1656 grid-template-columns: 1fr 1fr 1fr 1fr; 1657 gap: 0!important; 1658 align-items: start!important; 1659 } 1660 1661 .business-template .overview_intro { 1662 margin-bottom: 5px; 1663 margin-top: 5px; 1664 } 1665 1666 @media (max-width: 1630px) { 1667 .mega-menu-full-width:has(.business-template-root) { 1668 max-width: 840px; 1669 } 1670 } 1671 1672</style> 1673 1674 1675<div class="vmp-mega-menu-template vmp-template-why-vmp-pass business-template-root"> 1676 1677 1678 1679 <div class="why-vmp-pass-container business-template"> 1680 <!-- Left Column: Business plan --> 1681 <div class="why-vmp-column overview-column column_border_1"> 1682 <h3 class="column-title">Business Plan</h3> 1683 <div class="column-items"> 1684 <a class="overview_intro_a" href="https://vmppass.com/business"> 1685 <div class="overview_intro"> 1686 <span class="cta-title">Business</span> 1687 <p class="nav-heading-link-description">Unlimited users, Admin Console, SSO/SAML, SIEM integrations, and SOC 2/HIPAA/GDPR compliance.</p> 1688 </div> 1689 </a> 1690 1691 <hr> 1692 1693 <div class="overview_intro all_features"> 1694 <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 1695 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1696 </svg> 1697 </a> 1698 </div> 1699 1700 </div> 1701 </div> 1702 1703 <!-- Middle Column: For Admins (doc-aligned) --> 1704 <div class="why-vmp-column features-column column_border_1"> 1705 <h3 class="column-title">For Admins</h3> 1706 <div class="column-items"> 1707 <a class="overview_intro_a" href="https://vmppass.com/console/login"> 1708 <div class="overview_intro"> 1709 <span class="cta-title">Business Console</span> 1710 </div> 1711 </a> 1712 1713 <a class="overview_intro_a" href="https://vmppass.com/user-management"> 1714 <div class="overview_intro"> 1715 <span class="cta-title">User Management & Roles</span> 1716 </div> 1717 </a> 1718 1719 <a class="overview_intro_a" href="https://vmppass.com/sso"> 1720 <div class="overview_intro"> 1721 <span class="cta-title">SSO/SAML</span> 1722 </div> 1723 </a> 1724 1725 <a class="overview_intro_a" href="https://vmppass.com/scim"> 1726 <div class="overview_intro"> 1727 <span class="cta-title">SCIM 2.0 Provisioning</span> 1728 </div> 1729 </a> 1730 1731 <a class="overview_intro_a" href="https://vmppass.com/integrations"> 1732 <div class="overview_intro"> 1733 <span class="cta-title">SIEM Integrations</span> 1734 </div> 1735 </a> 1736 1737 <a class="overview_intro_a" href="https://vmppass.com/trust-center"> 1738 <div class="overview_intro">
1739 <span class="cta-title">Compliance: SOC 2, HIPAA, GDPR</span> 1740 </div> 1741 </a> 1742 1743 </div> 1744 </div> 1745 1746 1747 <!-- Right Column: For Teams (doc-aligned collaboration features) --> 1748 <div class="why-vmp-column features-column column_border_1"> 1749 <h3 class="column-title">For Teams</h3> 1750 <div class="column-items"> 1751 <a class="overview_intro_a" href="https://vmppass.com/team-password-manager"> 1752 <div class="overview_intro"> 1753 <span class="cta-title">Team Password Manager</span> 1754 </div> 1755 </a> 1756 1757 <a class="overview_intro_a" href="https://vmppass.com/business-sharing"> 1758 <div class="overview_intro"> 1759 <span class="cta-title">Shared Folders & Vaults</span> 1760 </div> 1761 </a> 1762 1763 <a class="overview_intro_a" href="https://vmppass.com/password-sharing"> 1764 <div class="overview_intro"> 1765 <span class="cta-title">Secure Password Sharing</span> 1766 </div> 1767 </a> 1768 1769 <a class="overview_intro_a" href="https://vmppass.com/authentication"> 1770 <div class="overview_intro"> 1771 <span class="cta-title">Two-Factor Authentication</span> 1772 </div> 1773 </a> 1774 1775 <a class="overview_intro_a" href="https://vmppass.com/enterprise"> 1776 <div class="overview_intro"> 1777 <span class="cta-title">Enterprise & Multi-Org</span> 1778 </div> 1779 </a> 1780 </div> 1781 </div> 1782 1783 <!-- Right Column: CTA Boxes --> 1784 <div class="why-vmp-column cta-column business-template-cta-column"> 1785 1786 <a href="https://vmppass.com/vault/" class="cta-download-btn"> 1787 <div class="cta-box cta-style-primary cta_style_personal"> 1788 <div class="cta-icon"> 1789 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" /> 1790 </div> 1791 <div> 1792 <h4 class="cta-title">Try Business free</h4> 1793 <p class="cta-description">Free VMP™ Pass Business trial.</p> 1794 </div> 1795 </div> 1796 </a> 1797 1798 <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn"> 1799 <div class="cta-box cta-style-secondary cta_style_personal"> 1800 <div class="cta-icon"> 1801 <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" /> 1802 </div> 1803 <div> 1804 <h4 class="cta-title">See Business pricing</h4> 1805 <p class="cta-description">Compare plans for businesses of every size.</p> 1806 </div> 1807 </div> 1808 </a> 1809 1810 <a href="https://vmppass.com/choose-plan" class="cta-download-btn"> 1811 <div class="cta-box cta-style-contact cta_style_personal"> 1812 <div class="cta-icon"> 1813 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1814 <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/> 1815 <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/> 1816 </svg> 1817 1818 </div> 1819 <div> 1820 <h4 class="cta-title">Get started with VMP™ Pass Free</h4> 1821 <p class="cta-description">
1821Single-device vault. Unlimited records.</p> 1822 </div> 1823 </div> 1824 </a> 1825 1826 1827 </div> 1828 </div> 1829</div> 1830 </div> 1831</div> 1832</li> 1833<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-935 vmp-mega-menu-item has-mega-menu"><a href="https://vmppass.com/other-products-by-vmp/" class="nav-link">Other Products by VMPâ¢</a> 1834<div class="vmp-mega-menu-dropdown mega-menu-full-width"> 1835 <div class="mega-menu-inner"> 1836<style> 1837 1838 .mega-menu-full-width:has(.others-template-root) { 1839 max-width: 760px; 1840 margin-left: auto; 1841 margin-right: auto; 1842 } 1843 1844 .others-template-cta-column .cta-box { 1845 padding: 30px 20px; 1846 } 1847 1848 .vmp-mega-menu-template .others-template{ 1849 display: grid!important; 1850 grid-template-columns: 1fr 1fr; 1851 gap: 0!important; 1852 align-items: start!important; 1853 } 1854 1855 .others-template .overview_intro { 1856 margin-bottom: 5px; 1857 margin-top: 5px; 1858 } 1859 1860 .mega-menu-full-width:has(.others-template-root) { 1861 max-width: 530px; 1862 } 1863 1864 .column_border_1 { 1865 padding: 20px; 1866 } 1867 1868 @media (max-width: 1630px) { 1869 .mega-menu-full-width:has(.others-template-root) { 1870 max-width: 620px; 1871 } 1872 } 1873 1874</style> 1875 1876 1877<div class="vmp-mega-menu-template vmp-template-why-vmp-pass others-template-root"> 1878 1879 1880 <div class="mega-menu-custom-content"> 1881 dfasdfdsafasdefsdfsdfdesfesw rewrew 1882rewrewrwe 1883rewr 1884ewrew 1885rew 1886rewrew </div> 1887 1888 <div class="why-vmp-pass-container others-template"> 1889 <!-- Left Column: Overview (flagship product) --> 1890 <div class="why-vmp-column overview-column column_border_1"> 1891 <h3 class="column-title">OVERVIEW</h3> 1892 <div class="column-items"> 1893 <a class="overview_intro_a" href="https://vmppass.com"> 1894 <div class="overview_intro"> 1895 <span class="cta-title">VMP™ Pass</span> 1896 <p class="nav-heading-link-description">The all-in-one password manager for individuals, families, and teams.</p> 1897 </div> 1898 </a> 1899 1900 <hr> 1901 1902 <div class="overview_intro all_features"> 1903 <a href="https://vmppass.com/download" class="cta-title">Explore all VMP™ apps <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;"> 1904 <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1905 </svg> 1906 </a> 1907 </div> 1908 1909 </div> 1910 </div> 1911 1912 <!-- Right Column: All products --> 1913 <div class="why-vmp-column features-column column_border_1"> 1914 <h3 class="column-title">PRODUCTS</h3> 1915 <div class="column-items"> 1916 <a class="overview_intro_a" href="https://vpnmasterpro.com" target="_blank" rel="noopener noreferrer"> 1917 <div class="overview_intro"> 1918 <span class="cta-title">VPN Master Pro</span> 1919 </div> 1920 </a> 1921 <a class="overview_intro_a" href="https://vmpmessenger.com" target="_blank" rel="noopener noreferrer"> 1922 <div class="overview_intro"> 1923 <span class="cta-title">VMP™ Messenger</span> 1924 </div> 1925 </a> 1926 <a class="overview_intro_a" href="https://vmpsecurity.com" target="_blank" rel="noopener noreferrer"> 1927 <div class="overview_intro"> 1928 <span class="cta-title">VMP™ Security</span> 1929 </div> 1930 </a> 1931 </div> 1932 </div> 1933 </div> 1934</div> 1935 </div> 1936</div> 1937</li> 1938</ul> </div> 1939 1940 <!-- Mobile Actions --> 1941 <div class="mobile-menu-actions mt-4"> 1942 <button data-vmp-event="start_trial" data-vmp-label="header_get_vmp_pass_modal" class="btn btn-danger w-100 mb-3" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Get VMP™ Pass free</button> 1943 1944 <div class="mobile-contact-sales mb-3"> 1945 <a href="#" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-center" data-bs-toggle="collapse" data-bs-target="#mobileContactSales"> 1946 <svg style="margin-right: 10px;
1946" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1947 <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="currentColor"/> 1948 <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="currentColor"/> 1949 </svg> 1950 Contact sales </a> 1951 <div class="collapse mt-2" id="mobileContactSales"> 1952 <div class="list-group"> 1953 <a href="#" class="list-group-item list-group-item-action">Submit sales inquiry</a> 1954 <a href="#" class="list-group-item list-group-item-action">Chat with sales</a> 1955 <a href="#" class="list-group-item list-group-item-action">Request a demo</a> 1956 <a href="#" class="list-group-item list-group-item-action">Find a partner</a> 1957 </div> 1958 </div> 1959 </div> 1960 1961 <!-- Mobile Top Bar Links --> 1962 <div class="mobile-top-links border-top pt-3"> 1963 <a href="https://vmppass.com/blog" class="d-block py-2 text-decoration-none text-dark">Blog</a> 1964 1965 <!-- Mobile Resource Center Dropdown --> 1966 <div class="mobile-resource-center mb-3"> 1967 <a href="#" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#mobileResourceCenter"> 1968 Resource Center <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1969 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1970 </svg> 1971 </a> 1972 <div class="collapse mt-2" id="mobileResourceCenter"> 1973 <div class="list-group"> 1974 <div class="list-group-item bg-light"> 1975 <strong>LEARN</strong> 1976 </div> 1977 <a href="https://vmppass.com/how-vmp-pass-works/" class="list-group-item list-group-item-action">How VMP™ Pass works</a> 1978 <a href="https://vmppass.com/why-vmp-pass/" class="list-group-item list-group-item-action">Why VMP™ Pass</a> 1979 <a href="https://vmppass.com/features/" class="list-group-item list-group-item-action">Features</a> 1980 <a data-vmp-event="view_pricing" data-vmp-label="compare" href="https://vmppass.com/compare/" class="list-group-item list-group-item-action">Compare plans</a> 1981 <a href="https://vmppass.com/about/" class="list-group-item list-group-item-action">About us</a> 1982 <a href="https://vmppass.com/blog/" class="list-group-item list-group-item-action">Blog</a> 1983 <div class="list-group-item bg-light mt-2"> 1984 <strong>TRUST & SECURITY</strong> 1985 </div> 1986 <a href="https://vmppass.com/trust-center" class="list-group-item list-group-item-action">Trust Center</a> 1987 <a href="https://vmppass.com/trust-center" class="list-group-item list-group-item-action">Compliance Center</a> 1988 <a href="https://vmppass.com/zero-knowledge-security/" class="list-group-item list-group-item-action">Zero-knowledge security</a> 1989 <a href="https://vmppass.com/how-is-vmp-pass-secure/" class="list-group-item list-group-item-action">Is VMP Pass secure?</a> 1990 <a href="https://vmppass.com/passkeys/" class="list-group-item list-group-item-action">Passkeys</a> 1991 </div> 1992 </div> 1993 </div> 1994 1995 <!-- Mobile Support Dropdown --> 1996 <div class="mobile-support mb-3"> 1997 <a href="https://vmppass.com/support" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#mobileSupport"> 1998 Support <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1999 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2000 </svg> 2001 </a> 2002 <div class="collapse mt-2" id="mobileSupport"> 2003 <div class="list-group"> 2004 <div class="list-group-item bg-light"> 2005 <strong>HELP</strong> 2006 </div> 2007 <a href="https://vmppass.com/support" class="list-group-item list-group-item-action"> 2008 <strong>Support Center</strong> 2009 <small class="d-block text-muted">Self-service library of resources and guides for all VMP™ Pass products.</small> 2010 </a> 2011 </div> 2012 </div> 2013 </div> 2014 2015 <a data-vmp-event="login" data-vmp-label="nav_mobile_login" href="https://vmppass.com/client/login" class="d-block py-2 text-decoration-none text-dark"> 2016 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pers
2016on-circle me-1" viewBox="0 0 16 16"> 2017 <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0" /> 2018 <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1" /> 2019 </svg> 2020 Log in </a> 2021 2022 <div class="dropdown lang-switcher-dropdown"> 2023 <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn" 2024 type="button" 2025 id="langSwitcherBtnMobile" 2026 data-bs-toggle="dropdown" 2027 aria-expanded="false" 2028 aria-label="Select language"> 2029 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;"> 2030 <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/> 2031 </svg> 2032 <span class="lang-switcher-label">EN</span> 2033 <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true"> 2034 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2035 </svg> 2036 </button> 2037 <ul class="dropdown-menu lang-switcher-menu" aria-labelledby="langSwitcherBtnMobile"> 2038 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active" 2039 href="https://vmppass.com/blog/" 2040 data-lang="en" 2041 lang="en" 2042 dir="ltr" 2043 aria-current="true">English â</a></li> 2044 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option" 2045 href="https://vmppass.com/es/blog/" 2046 data-lang="es" 2047 lang="es" 2048 dir="ltr" 2049 >Español</a></li> 2050 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option" 2051 href="https://vmppass.com/de/blog/" 2052 data-lang="de" 2053 lang="de" 2054 dir="ltr" 2055 >Deutsch</a></li> 2056 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option" 2057 href="https://vmppass.com/fr/blog/" 2058 data-lang="fr" 2059 lang="fr" 2060 dir="ltr" 2061 >Français</a></li> 2062 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option" 2063 href="https://vmppass.com/it/blog/" 2064 data-lang="it" 2065 lang="it" 2066 dir="ltr" 2067 >Italiano</a></li> 2068 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option" 2069 href="https://vmppass.com/nl/blog/" 2070 data-lang="nl" 2071 lang="nl" 2072 dir="ltr" 2073 >Nederlands</a></li> 2074 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option" 2075 href="https://vmppass.com/pt/blog/" 2076 data-lang="pt" 2077 lang="pt" 2078 dir="ltr" 2079 >Português</a></li> 2080 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option" 2081 href="https://vmppass.com/ru/blog/" 2082 data-lang="ru" 2083 lang="ru" 2084 dir="ltr" 2085 >Ð ÑÑÑкий</a></li> 2086 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option" 2087 href="https://vmppass.com/fa/blog/" 2088 data-lang="fa" 2089 lang="fa" 2090 dir="rtl" 2091 >ÙØ§Ø±Ø³Û</a></li> 2092 </ul> 2093 </div> 2094 </div> 2095 </div> 2096 </div> 2097 </div> 2098 2099 <!-- Countdown Sale Banner â disabled. Re-enable for an active promo by 2100 replacing the `if (false)` guard and adding JS that toggles `.active` 2101 on `#sale-banner`. Lang keys (sale_text/sale_days/...) still live in 2102 lang/{lang}/header.php. --> 2103 2104 <style> 2105 .sale-countdown-banner { 2106 background-color: var(--secondary-color); 2107 color: white; 2108 padding: 12px 20px; 2109 text-align: center; 2110 font-family: Arial, sans-serif; 2111 display: none; 2112 transition: 0.3s ease; 2113 } 2114 2115 .sale-countdown-banner:hover { 2116 background-color: #0563c9; 2117 transition: 0.3s ease; 2118 } 2119 2120 .sale-countdown-banner.active { 2121 display: block; 2122 } 2123 2124 .sale-banner-content { 2125 display: flex; 2126 align-items: center; 2127 justify-content: center; 2128 flex-wrap: wrap; 2129 gap: 20px; 2130 max-width: 1200px; 2131 margin: 0 auto; 2132 } 2133 2134 .sale-banner-text { 2135 font-size: 16px; 2136 font-weight: 600; 2137 letter-spacing: 0.5px; 2138 } 2139 2140 .countdown-timer { 2141 display: flex; 2142 align-items: center; 2143 gap: 8px; 2144 } 2145 2146 .countdown-item { 2147 display: flex; 2148 flex-direction: column; 2149 align-items: center; 2150 min-width: 45px; 2151 } 2152 2153 .countdown-number { 2154 font-size: 16px; 2155 font-weight: 700; 2156 line-height: 1; 2157 font-family: 'Source Sans 3'; 2158 } 2159 2160 .countdown-label { 2161 font-size: 11px; 2162 font-weight: 400; 2163 margin-top: 2px; 2164 opacity: 0.9; 2165 } 2166 2167 .countdown-separator { 2168 font-size: 20px; 2169 font-weight: 700; 2170 margin: 0 2px; 2171 } 2172 2173 .sale-banner-btn { 2174 background-color: white; 2175 color: #000; 2176 padding: 10px 24px; 2177 border-radius: 5px; 2178 text-decoration: none; 2179 font-weight: 600; 2180 font-size: 14px; 2181 transition: all 0.3s ease; 2182 white-space: nowrap; 2183 } 2184 2185 .sale-banner-btn:hover { 2186 background-color: #f0f0f0; 2187 transform: scale(1.05); 2188 } 2189 2190 @media (max-width: 768px) { 2191 .sale-banner-content { 2192 gap: 15px; 2193 } 2194 2195 .sale-banner-text { 2196 font-size: 14px; 2197 width: 100%; 2198 } 2199 2200 .countdown-number { 2201 font-size: 18px; 2202 } 2203 2204 .countdown-label { 2205 font-size: 10px; 2206 } 2207 2208 .sale-banner-btn { 2209 width: min-content; 2210 padding: 12px 24px; 2211 } 2212 } 2213 </style> 2214 2215 2216 <!-- Sticky Header Scroll Behavior --> 2217 <style> 2218 /* Sticky navbar styles */ 2219 #mainNavbar { 2220 transition: all 0.3s ease-in-out; 2221 position: relative; 2222 z-index: 1000; 2223 box-shadow: 0 6px 10px -6px rgba(0, 0, 0, 0.2); 2224 } 2225 2226 #mainNavbar.sticky { 2227 position: fixed; 2228 top: 0; 2229 left: 0; 2230 right: 0; 2231 z-index: 1050; 2232 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 2233 animation: slideDown 0.3s ease-in-out; 2234 } 2235 2236 @keyframes slideDown { 2237 from { 2238 transform: translateY(-100%); 2239 opacity: 0; 2240 } 2241 to { 2242 transform: translateY(0); 2243 opacity: 1; 2244 } 2245 } 2246 2247 /* Language Switcher */ 2248 .lang-switcher-btn { 2249 font-size: 13px; 2250 font-weight: 600; 2251 color: var(--primary-color) !important; 2252 gap: 5px; 2253 letter-spacing: 0.3px; 2254 } 2255 .lang-switcher-btn:hover { 2256 color: var(--secondary-color) !important; 2257 } 2258 .lang-switcher-label { 2259 font-size: 13px; 2260 font-weight: 700; 2261 } 2262 .lang-switcher-caret { 2263 transition: transform 0.2s ease; 2264 } 2265 .lang-switcher-btn[aria-expanded="true"] .lang-switcher-caret { 2266 transform: rotate(180deg); 2267 } 2268 2269 .lang-switcher-btn:active{ 2270 background: transparent!important; 2271 } 2272 2273 .lang-switcher-btn:focus-visible{ 2274 box-shadow: none; 2275 } 2276 2277 .lang-switcher-menu { 2278 min-width: 150px; 2279 border-radius: 10px; 2280 box-shadow: 0 8px 28px rgba(25,25,112,0.12); 2281 border: 1px solid rgba(25,25,112,0.08); 2282 padding: 6px 0; 2283 margin: 0 0 0 -1px !important; 2284 z-index: 1001; 2285 } 2286 2287 .lang-switcher-dropdown .btn.show{ 2288 background: transparent!important; 2289 } 2290 2291 .lang-switcher-menu .lang-option { 2292 font-size: 13.5px; 2293 font-weight: 500; 2294 color: #374151; 2295 padding: 7px 18px; 2296 } 2297 .lang-switcher-menu .lang-option:hover { 2298 background: rgba(0,122,255,0.07); 2299 color: var(--secondary-color); 2300 } 2301 .lang-switcher-menu .lang-option.active { 2302 background: rgba(0,122,255,0.1); 2303 color: var(--secondary-color); 2304 font-weight: 700; 2305 } 2306 </style> 2307 2308 <!-- Language Switcher: persistent language preference across navigation --> 2309
2309<script> 2310 (function() { 2311 var langPrefixes = ["es","de","fr","it","nl","pt","ru","fa"]; 2312 var homeUrl = 'https://vmppass.com'; // raw site root, NEVER vmp_home_url() â JS prepends the lang prefix itself 2313 var homePath = new URL(homeUrl).pathname.replace(/\/?$/, '/'); // always ends with / 2314 2315 // ââ Cookie helpers âââââââââââââââââââââââââââââââââââââââââââââââââââ 2316 function setCookie(name, value, days) { 2317 var expires = ''; 2318 if (days) { 2319 var d = new Date(); 2320 d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000); 2321 expires = '; expires=' + d.toUTCString(); 2322 } 2323 document.cookie = name + '=' + encodeURIComponent(value) + expires + '; path=/; SameSite=Lax'; 2324 } 2325 function getCookie(name) { 2326 var match = document.cookie.match(new RegExp('(?:^|; )' + name.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&') + '=([^;]*)')); 2327 return match ? decodeURIComponent(match[1]) : null; 2328 } 2329 2330 // ââ Determine language from URL ââââââââââââââââââââââââââââââââââââââ 2331 var currentPath = window.location.pathname; 2332 var relativePath = currentPath.startsWith(homePath) 2333 ? currentPath.slice(homePath.length) 2334 : currentPath.replace(/^\//, ''); 2335 2336 var urlLang = 'en'; 2337 var firstSegment = relativePath.split('/')[0]; 2338 if (langPrefixes.indexOf(firstSegment) !== -1) { 2339 urlLang = firstSegment; 2340 relativePath = relativePath.slice(firstSegment.length).replace(/^\//, ''); 2341 } 2342 2343 // URL lang is authoritative â always sync cookie FROM URL. 2344 // Root URL (no prefix) always means English; reset any stale cookie. 2345 var cookieLang; 2346 if (urlLang !== 'en') { 2347 cookieLang = urlLang; 2348 setCookie('vmp_lang', cookieLang, 365); 2349 } else { 2350 cookieLang = 'en'; 2351 setCookie('vmp_lang', 'en', 365); 2352 } 2353 2354 var currentLang = cookieLang; 2355 var label = document.querySelector('.lang-switcher-label'); 2356 2357 // ââ Sync dropdown active state and button label ââââââââââââââââââââââ 2358 document.querySelectorAll('.lang-option').forEach(function(link) { 2359 if (link.getAttribute('data-lang') === currentLang) { 2360 link.classList.add('active'); 2361 } 2362 }); 2363 if (label) label.textContent = currentLang.toUpperCase(); 2364 2365 // ââ Language option click: set cookie + reload so PHP serves new lang â 2366 document.querySelectorAll('.lang-option').forEach(function(link) { 2367 link.addEventListener('click', function(e) { 2368 e.preventDefault(); 2369 var lang = link.getAttribute('data-lang'); 2370 2371 // 1. Persist language choice in cookie (PHP will read this) 2372 setCookie('vmp_lang', lang, 365); 2373 2374 // 2. Navigate to the REAL WordPress URL (no language prefix). 2375 // WordPress can't serve /de/page/ â it only serves /page/. 2376 // PHP will read the cookie and load the right translation file. 2377 // On load, history.replaceState will add the cosmetic prefix. 2378 window.location.href = window.location.origin + homePath + relativePath; 2379 }); 2380 }); 2381 })(); 2382 </script>
2382 2383 2384 <style> 2385 2386 /* Top utility bar slide-up animation */ 2387 .top-utility-bar { 2388 transition: all 0.3s ease-in-out; 2389 /* overflow: hidden; */ 2390 } 2391 2392 .top-utility-bar.hidden { 2393 max-height: 0; 2394 opacity: 0; 2395 padding-top: 0; 2396 padding-bottom: 0; 2397 margin: 0; 2398 transform: translateY(-100%); 2399 } 2400 2401 /* Add padding to body when navbar is fixed to prevent content jump */ 2402 body.navbar-fixed { 2403 padding-top: 70px; 2404 } 2405 2406 /* CLS FIX: the main menu <ul> ships with `flex-wrap`, so during load it 2407 briefly wraps to two lines then settles to one â changing the navbar 2408 height and shoving the whole page (~0.96 CLS). Reserve a stable navbar 2409 height and keep the desktop menu on a single line. */ 2410 #mainNavbar { min-height: 74px; } 2411 @media (min-width: 992px) { 2412 #mainNavbar .navbar-left ul { flex-wrap: nowrap; } 2413 } 2414 </style> 2415 2416
2416<script> 2417 (function() { 2418 const navbar = document.getElementById('mainNavbar'); 2419 const topBar = document.querySelector('.top-utility-bar'); 2420 const scrollThreshold = 50; 2421 let lastScrollTop = 0; 2422 2423 function handleScroll() { 2424 // While the password-game intro auto-scrolls, don't toggle the sticky 2425 // navbar â programmatic scrolling past the threshold would flip it to 2426 // position:fixed mid-reveal and cause a large layout shift (CLS). 2427 if (document.body.classList.contains('vgs-intro')) return; 2428 2429 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 2430 2431 if (scrollTop > scrollThreshold) { 2432 // Hide top bar and make navbar sticky 2433 topBar.classList.add('hidden'); 2434 navbar.classList.add('sticky'); 2435 document.body.classList.add('navbar-fixed'); 2436 } else { 2437 // Show top bar and remove sticky navbar 2438 topBar.classList.remove('hidden'); 2439 navbar.classList.remove('sticky'); 2440 document.body.classList.remove('navbar-fixed'); 2441 } 2442 2443 lastScrollTop = scrollTop; 2444 } 2445 2446 // Throttle scroll event for better performance 2447 let scrollTimeout; 2448 window.addEventListener('scroll', function() { 2449 if (!scrollTimeout) { 2450 scrollTimeout = setTimeout(function() { 2451 handleScroll(); 2452 scrollTimeout = null; 2453 }, 10); 2454 } 2455 }); 2456 2457 // Initial check 2458 handleScroll(); 2459 })(); 2460 </script>
2460 2461 2462 <!-- Hover Dropdown Behavior for Resources and Support --> 2463
2463<script> 2464 (function() { 2465 // Detect if device has touch capability 2466 const isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0); 2467 2468 // Only apply hover behavior on non-touch devices 2469 if (!isTouchDevice) { 2470 // Get dropdown elements 2471 const resourcesDropdown = document.querySelector('.resources-dropdown'); 2472 const supportDropdown = document.querySelector('.support-dropdown'); 2473 const contactSalesDropdown = document.querySelector('.contact-sales-dropdown'); 2474 const userAccountDropdown = document.querySelector('.user-account-dropdown'); 2475 2476 // Timeout for contact sales dropdown delay 2477 let contactSalesTimeout = null; 2478 let userAccountTimeout = null; 2479 2480 // Function to show dropdown 2481 function showDropdown(dropdownElement) { 2482 const dropdownMenu = dropdownElement.querySelector('.dropdown-menu'); 2483 const dropdownButton = dropdownElement.querySelector('[id$="Dropdown"]'); 2484 2485 dropdownMenu.classList.add('show'); 2486 dropdownButton.setAttribute('aria-expanded', 'true'); 2487 } 2488 2489 // Function to hide dropdown 2490 function hideDropdown(dropdownElement) { 2491 const dropdownMenu = dropdownElement.querySelector('.dropdown-menu'); 2492 const dropdownButton = dropdownElement.querySelector('[id$="Dropdown"]'); 2493 2494 dropdownMenu.classList.remove('show'); 2495 dropdownButton.setAttribute('aria-expanded', 'false'); 2496 } 2497 2498 // Add hover listeners to Resources dropdown 2499 if (resourcesDropdown) { 2500 resourcesDropdown.addEventListener('mouseenter', function() { 2501 showDropdown(resourcesDropdown); 2502 }); 2503 2504 resourcesDropdown.addEventListener('mouseleave', function() { 2505 hideDropdown(resourcesDropdown); 2506 }); 2507 } 2508 2509 // Add hover listeners to Support dropdown 2510 if (supportDropdown) { 2511 supportDropdown.addEventListener('mouseenter', function() { 2512 showDropdown(supportDropdown); 2513 }); 2514 2515 supportDropdown.addEventListener('mouseleave', function() { 2516 hideDropdown(supportDropdown); 2517 }); 2518 } 2519 2520 // Add hover listeners to Contact Sales dropdown with 200ms delay 2521 if (contactSalesDropdown) { 2522 contactSalesDropdown.addEventListener('mouseenter', function() { 2523 // Clear any pending hide timeout 2524 if (contactSalesTimeout) { 2525 clearTimeout(contactSalesTimeout); 2526 contactSalesTimeout = null; 2527 } 2528 showDropdown(contactSalesDropdown); 2529 }); 2530 2531 contactSalesDropdown.addEventListener('mouseleave', function() { 2532 // Add 200ms delay before hiding 2533 contactSalesTimeout = setTimeout(function() { 2534 hideDropdown(contactSalesDropdown); 2535 }, 200); 2536 }); 2537 } 2538 2539 // Add hover listeners to User Account dropdown with 200ms delay 2540 if (userAccountDropdown) { 2541 userAccountDropdown.addEventListener('mouseenter', function() { 2542 // Clear any pending hide timeout 2543 if (userAccountTimeout) { 2544 clearTimeout(userAccountTimeout); 2545 userAccountTimeout = null; 2546 } 2547 showDropdown(userAccountDropdown); 2548 }); 2549 2550 userAccountDropdown.addEventListener('mouseleave', function() { 2551 // Add 200ms delay before hiding 2552 userAccountTimeout = setTimeout(function() { 2553 hideDropdown(userAccountDropdown); 2554 }, 200); 2555 }); 2556 } 2557 } else { 2558 // For touch devices, enable click behavior 2559 const resourcesButton = document.getElementById('resourcesDropdown'); 2560 const supportButton = document.getElementById('supportDropdown'); 2561 const contactSalesButton = document.getElementById('contactSalesDropdown'); 2562 const userAccountButton = document.getElementById('userAccountDropdown'); 2563 2564 if (resourcesButton) { 2565 resourcesButton.setAttribute('data-bs-toggle', 'dropdown'); 2566 } 2567 2568 if (supportButton) { 2569 supportButton.setAttribute('data-bs-toggle', 'dropdown'); 2570 } 2571 2572 if (contactSalesButton) { 2573 contactSalesButton.setAttribute('data-bs-toggle', 'dropdown'); 2574 } 2575 2576 if (userAccountButton) { 2577 userAccountButton.setAttribute('data-bs-toggle', 'dropdown'); 2578 } 2579 } 2580 })(); 2581 </script>
2581 2582 2583 <!-- Logout Confirmation Modal --> 2584 <div class="modal fade" id="logoutConfirmModal" tabindex="-1" aria-labelledby="logoutConfirmModalLabel" aria-hidden="true"> 2585 <div class="modal-dialog modal-dialog-centered"> 2586 <div class="modal-content"> 2587 <div class="modal-header border-0 pb-0"> 2588 <button data-vmp-label="close_1" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2589 </div> 2590 <div class="modal-body text-center px-4 pt-2 pb-4"> 2591 2592 <h5 class="modal-title mb-3" id="logoutConfirmModalLabel">Are you sure you want to logout?</h5> 2593 <p class="text-muted mb-4">You will be redirected to the login page.</p> 2594 <div class="d-grid gap-2"> 2595 <button data-vmp-label="confirmlogoutbtn" type="button" class="btn btn-primary" id="confirmLogoutBtn">Confirm</button> 2596 <button data-vmp-label="header_btn_2" type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button> 2597 </div> 2598 </div> 2599 </div> 2600 </div> 2601 </div> 2602 2603 <style> 2604 #logoutConfirmModal .modal-content { 2605 border-radius: 12px; 2606 border: none; 2607 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); 2608 } 2609 2610 #logoutConfirmModal .modal-body { 2611 padding: 2rem; 2612 } 2613 2614 #logoutConfirmModal .btn { 2615 padding: 12px 24px; 2616 font-weight: 600; 2617 border-radius: 8px; 2618 } 2619 2620 #logoutConfirmModal .btn-danger { 2621 background-color: #dc3545; 2622 border-color: #dc3545; 2623 } 2624 2625 #logoutConfirmModal .btn-danger:hover { 2626 background-color: #bb2d3b; 2627 border-color: #b02a37; 2628 } 2629 2630 #logoutConfirmModal .btn-outline-secondary:hover { 2631 background-color: #f8f9fa; 2632 border-color: #6c757d; 2633 color: #212529; 2634 } 2635 </style> 2636 2637
2637<script> 2638 (function() { 2639 // Handle logout confirmation 2640 const confirmLogoutBtn = document.getElementById('confirmLogoutBtn'); 2641 const logoutUrl = 'https://vmppass.com/client/logout'; 2642 2643 if (confirmLogoutBtn) { 2644 confirmLogoutBtn.addEventListener('click', function() { 2645 // Show loading state 2646 confirmLogoutBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>Logging out...'; 2647 confirmLogoutBtn.disabled = true; 2648 2649 // Redirect to logout URL after a brief moment 2650 setTimeout(function() { 2651 window.location.href = logoutUrl; 2652 }, 500); 2653 }); 2654 } 2655 })(); 2656 </script>
2656 2657 2658 </header> 2659 2660<!-- Blog Header --> 2661<section data-vmp-section="blog_header" class="blog-header py-4" style="background-color: white; border-bottom: 2px solid #e0e0e0;"> 2662 <div class="container"> 2663 <div class="row align-items-center"> 2664 <div class="col-md-6"> 2665 <h1 class="fw-bold mb-0" style="color: var(--primary-color);">Blog</h1> 2666 </div> 2667 <div class="col-md-6"> 2668 <nav class="d-flex justify-content-md-end"> 2669 <ul class="nav"> 2670 <li class="nav-item"><a class="nav-link active" href="https://vmppass.com/blog/">Recent</a></li> </ul> 2671 </nav> 2672 </div> 2673 </div> 2674 </div> 2675</section> 2676 2677<!-- Preview Section with Blog Topics --> 2678<section data-vmp-section="blog_preview" class="blog-preview py-5" style="background-color: #f8f9fa;"> 2679 <div class="container"> 2680 <div class="row mb-4"> 2681 <div class="col-12 text-center"> 2682 <h3 class="fw-bold mb-2" style="color: var(--primary-color);">Topics We Cover</h3> 2683 <p class="text-muted">Explore cybersecurity insights, best practices, and expert guidance</p> 2684 </div> 2685 </div> 2686 2687 <div class="row g-4"> 2688 <!-- Blog Post Card --> 2689 <div class="col-md-4"> 2690 <a href="https://vmppass.com/how-password-managers-work/" class="text-decoration-none"> 2691 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2692 <div class="position-relative"> 2693 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-1-300x172.jpg" class="card-img-top" alt="How Password Managers Work: A Plain-English Guide" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2694 </div> 2695 <div class="card-body"> 2696 <div class="d-flex justify-content-between align-items-center mb-2"> 2697 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2698 </div> 2699 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">How Password Managers Work: A Plain-English Guide</h5> 2700 <p class="card-text text-muted mb-3"> 2701 You’ve heard you should use a password manager. Maybe you already do. But what’s actually happening when you click “autofill”... </p> 2702 <div class="d-flex justify-content-between align-items-center text-muted small"> 2703 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2704 <span><i class="fas fa-clock"></i> 9 min read</span> 2705 </div> 2706 </div> 2707 </div> 2708 </a> 2709 </div> 2710 <!-- Blog Post Card --> 2711 <div class="col-md-4"> 2712 <a href="https://vmppass.com/what-is-a-password-manager/" class="text-decoration-none"> 2713 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2714 <div class="position-relative"> 2715 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-300x172.jpg" class="card-img-top" alt="What Is a Password Manager and Why You Need One in 2026" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2716 </div> 2717 <div class="card-body"> 2718 <div class="d-flex justify-content-between align-items-center mb-2"> 2719 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2720 </div> 2721 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">What Is a Password Manager and Why You Need One in 2026</h5> 2722 <p class="card-text text-muted mb-3"> 2723 If you’re still juggling sticky notes, browser-saved logins, or the same six passwords across every site you use, this guide... </p> 2724 <div class="d-flex justify-content-between align-items-center text-muted small">
2725 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2726 <span><i class="fas fa-clock"></i> 9 min read</span> 2727 </div> 2728 </div> 2729 </div> 2730 </a> 2731 </div> 2732 <!-- Blog Post Card --> 2733 <div class="col-md-4"> 2734 <a href="https://vmppass.com/are-password-managers-safe/" class="text-decoration-none"> 2735 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2736 <div class="position-relative"> 2737 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-2-300x172.jpg" class="card-img-top" alt="Are Password Managers Safe? The Honest 2026 Answer" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2738 </div> 2739 <div class="card-body"> 2740 <div class="d-flex justify-content-between align-items-center mb-2"> 2741 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2742 </div> 2743 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">Are Password Managers Safe? The Honest 2026 Answer</h5> 2744 <p class="card-text text-muted mb-3"> 2745 You’ve been told to use a password manager. You’re also vaguely aware that password managers themselves get hacked sometimes. So... </p> 2746 <div class="d-flex justify-content-between align-items-center text-muted small"> 2747 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2748 <span><i class="fas fa-clock"></i> 8 min read</span> 2749 </div> 2750 </div> 2751 </div> 2752 </a> 2753 </div> 2754 <!-- Blog Post Card --> 2755 <div class="col-md-4"> 2756 <a href="https://vmppass.com/browser-vs-password-manager/" class="text-decoration-none"> 2757 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2758 <div class="position-relative"> 2759 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-3-300x172.jpg" class="card-img-top" alt="Password Manager vs Browser Saved Passwords: Which Is Better in 2026?" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2760 </div> 2761 <div class="card-body"> 2762 <div class="d-flex justify-content-between align-items-center mb-2"> 2763 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2764 </div> 2765 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">Password Manager vs Browser Saved Passwords: Which Is Better in 2026?</h5> 2766 <p class="card-text text-muted mb-3"> 2767 multiple web browsers, multiple web browsers all offer to save your passwords. They’re free, built in, and one click away.... </p> 2768 <div class="d-flex justify-content-between align-items-center text-muted small"> 2769 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2770 <span><i class="fas fa-clock"></i> 9 min read</span> 2771 </div> 2772 </div> 2773 </div> 2774 </a> 2775 </div> 2776 <!-- Blog Post Card --> 2777 <div class="col-md-4"> 2778 <a href="https://vmppass.com/zero-knowledge-encryption/" class="text-decoration-none"> 2779 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2780 <div class="position-relative"> 2781 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-4-300x172.jpg" class="card-img-top" alt="What Is Zero-Knowledge Encryption? (And Why It Matters in 2026)" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2782 </div> 2783 <div class="card-body"> 2784 <div class="d-flex justify-content-between align-items-center mb-2">
2785 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2786 </div> 2787 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">What Is Zero-Knowledge Encryption? (And Why It Matters in 2026)</h5> 2788 <p class="card-text text-muted mb-3"> 2789 If you’ve evaluated more than two password managers, you’ve seen the phrase “zero-knowledge” on every marketing page. It sounds like... </p> 2790 <div class="d-flex justify-content-between align-items-center text-muted small"> 2791 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2792 <span><i class="fas fa-clock"></i> 8 min read</span> 2793 </div> 2794 </div> 2795 </div> 2796 </a> 2797 </div> 2798 <!-- Blog Post Card --> 2799 <div class="col-md-4"> 2800 <a href="https://vmppass.com/aes-256-encryption/" class="text-decoration-none"> 2801 <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;"> 2802 <div class="position-relative"> 2803 <img src="https://vmppass.com/wp-content/uploads/2026/05/render-5-300x172.jpg" class="card-img-top" alt="AES-256 Encryption Explained for Non-Techies (2026)" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;"> 2804 </div> 2805 <div class="card-body"> 2806 <div class="d-flex justify-content-between align-items-center mb-2"> 2807 <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span> 2808 </div> 2809 <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">AES-256 Encryption Explained for Non-Techies (2026)</h5> 2810 <p class="card-text text-muted mb-3"> 2811 You’ve seen “AES-256 encryption” stamped on every security marketing page since about 2010. It’s on banks, password managers, VPNs, messaging... </p> 2812 <div class="d-flex justify-content-between align-items-center text-muted small"> 2813 <span><i class="fas fa-calendar"></i> May 06, 2026</span> 2814 <span><i class="fas fa-clock"></i> 8 min read</span> 2815 </div> 2816 </div> 2817 </div> 2818 </a> 2819 </div> 2820 </div> 2821 2822 <div class="row"> 2823 <div class="col-lg-8 mx-auto"> 2824 <style> 2825.vmp-nl-box{border-radius:14px;padding:28px 24px;margin:32px 0} 2826.vmp-nl-box--light{background:linear-gradient(135deg,#f4f6ff 0%,#eef9f2 100%);border:1px solid #dfe6f5;color:#1c2033} 2827.vmp-nl-box--dark{background:#101031;border:1px solid #2c2c5a;color:#fff} 2828.vmp-nl-box--hero{background:linear-gradient(135deg,#0b0b28 0%,#1d1db8 130%);color:#fff;text-align:center;padding:48px 28px} 2829.vmp-nl-box__title{font-weight:800;font-size:1.35rem;margin:0 0 6px} 2830.vmp-nl-box--hero .vmp-nl-box__title{font-size:1.9rem} 2831.vmp-nl-box__sub{margin:0 0 16px;opacity:.85;font-size:.95rem} 2832.vmp-nl-box__form{display:flex;gap:10px;flex-wrap:wrap} 2833.vmp-nl-box--hero .vmp-nl-box__form{justify-content:center} 2834.vmp-nl-box__form input[type=email]{flex:1;min-width:220px;border-radius:8px;padding:11px 14px;border:1px solid #c5cce0;font-size:.95rem} 2835.vmp-nl-box--dark .vmp-nl-box__form input[type=email],.vmp-nl-box--hero .vmp-nl-box__form input[type=email]{background:#050519;border-color:#2c2c5a;color:#fff} 2836.vmp-nl-box__form button{border:0;border-radius:8px;padding:11px 22px;font-weight:700;background:#1d1db8;color:#fff;cursor:pointer} 2837.vmp-nl-box--dark .vmp-nl-box__form button,.vmp-nl-box--hero .vmp-nl-box__form button{background:#36e07f;color:#04122a} 2838.vmp-nl-box__form button:disabled{opacity:.6;cursor:wait} 2839.vmp-nl-box__msg{margin:10px 0 0;font-size:.9rem;min-height:1.2em} 2840.vmp-nl-box__privacy{margin:8px 0 0;font-size:.78rem;opacity:.65} 2841@media (max-width:576px){.vmp-nl-box__form{flex-direction:column}.vmp-nl-box__form input[type=email]{min-width:0}} 2842</style>
2843<script> 2844document.addEventListener('submit', function (e) { 2845 var f = e.target; 2846 if (!f.classList || !f.classList.contains('vmp-nl-box__form')) return; 2847 e.preventDefault(); 2848 var email = f.querySelector('input[type=email]'), btn = f.querySelector('button'), 2849 msg = f.parentNode.querySelector('.vmp-nl-box__msg'); 2850 // GA: count a subscribe click ONLY when the email box is not empty. 2851 if (email.value.trim() !== '') { 2852 try { if (window.vmpTrack) window.vmpTrack('newsletter_subscribe_click', { placement: (f.querySelector('input[name=source]') || {}).value || 'unknown' }); } catch (x0) {} 2853 } 2854 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value.trim())) { msg.textContent = f.getAttribute('data-msg-invalid'); return; } 2855 btn.disabled = true; msg.textContent = 'â¦'; 2856 var fd = new FormData(f); 2857 fetch(f.getAttribute('action'), { method: 'POST', body: fd, credentials: 'same-origin' }) 2858 .then(function (r) { return r.json().catch(function () { return { success: r.ok }; }); }) 2859 .then(function (r) { 2860 if (r && r.success !== false) { 2861 msg.textContent = f.getAttribute('data-msg-success'); email.disabled = true; 2862 try { if (window.vmpTrack) { window.vmpTrack('newsletter_submit', { placement: fd.get('source') }); window.vmpTrack('lead', { location: fd.get('source') }); } } catch (x) {} 2863 // referral spine: surface the personal invite link site-wide, not 2864 // just inside the game (the handler mints the code either way) 2865 try { 2866 var code = r && r.data && r.data.referral_code; 2867 if (code && !f.parentNode.querySelector('.vmp-nl-box__invite')) { 2868 try { localStorage.setItem('vmpMyRef', code); } catch (x2) {} 2869 var origin = location.origin + '/'; 2870 var invite = origin + '?utm_source=site_invite&utm_medium=referral&ref=' + code; 2871 var wrap = document.createElement('div'); 2872 wrap.className = 'vmp-nl-box__invite'; 2873 wrap.style.cssText = 'display:flex;gap:8px;margin-top:10px;flex-wrap:wrap'; 2874 var inp = document.createElement('input'); 2875 inp.type = 'text'; inp.readOnly = true; inp.value = invite; 2876 inp.setAttribute('aria-label', 'Your invite link'); 2877 inp.style.cssText = 'flex:1;
2877min-width:200px;border-radius:8px;padding:9px 12px;border:1px dashed #9aa0c0;font-size:.85rem;background:transparent;color:inherit'; 2878 var cp = document.createElement('button'); 2879 cp.type = 'button'; cp.textContent = 'ð'; 2880 cp.setAttribute('aria-label', 'Copy invite link'); 2881 cp.style.cssText = 'border:0;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer'; 2882 cp.addEventListener('click', function () { 2883 try { navigator.clipboard.writeText(invite); } catch (x3) {} 2884 cp.textContent = 'â'; 2885 try { if (window.vmpTrack) window.vmpTrack('share', { method: 'invite_copy_site', content_type: 'newsletter_box' }); } catch (x4) {} 2886 }); 2887 wrap.appendChild(inp); wrap.appendChild(cp); 2888 msg.parentNode.insertBefore(wrap, msg.nextSibling); 2889 } 2890 } catch (x5) {} 2891 } else { 2892 btn.disabled = false; 2893 msg.textContent = (r && r.data && r.data.message) ? r.data.message : f.getAttribute('data-msg-error'); 2894 } 2895 }) 2896 .catch(function () { btn.disabled = false; msg.textContent = f.getAttribute('data-msg-error'); }); 2897}, true); 2898</script>
2898 2899 <div class="vmp-nl-box vmp-nl-box--light" id="vmp-nl-box-1"> 2900 <p class="vmp-nl-box__title">ð Stay one breach ahead</p> 2901 <p class="vmp-nl-box__sub">Security tips, product updates, and a 5-minute password mission â once a week, no spam.</p> 2902 <form data-vmp-form="vmp_nl_box_form" class="vmp-nl-box__form" action="https://vmppass.com/wp-admin/admin-ajax.php" method="post" novalidate 2903 data-msg-success="â You're in â check your inbox for a welcome note." 2904 data-msg-invalid="Please enter a valid email address." 2905 data-msg-error="Something went wrong â please try again in a minute."> 2906 <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd"> 2907 <input type="hidden" name="action" value="vmp_submit_newsletter"> 2908 <input type="hidden" name="form_type" value="newsletter"> 2909 <input type="hidden" name="source" value="blog_index"> 2910 <input type="hidden" name="lang" value="en"> 2911 <input type="email" name="email" inputmode="email" autocomplete="email" placeholder="[email protected]" aria-label="[email protected]" maxlength="190" required> 2912 <button type="submit" data-vmp-event="subscribe" data-vmp-label="newsletter_box_submit" data-vmp-item="blog_index">Subscribe</button> 2913 </form> 2914 <p class="vmp-nl-box__msg" aria-live="polite"></p> 2915 <p class="vmp-nl-box__privacy">We never share your email. Unsubscribe anytime with one click.</p> 2916</div> 2917 </div> 2918 </div> 2919 2920 <!-- Pagination --> 2921 <div class="row mt-5"> 2922 <div class="col-12"> 2923 <nav aria-label="Blog pagination"> 2924 <ul class="pagination justify-content-center"> 2925 <li class="page-item"><span aria-current="page" class="page-link current">1</span></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/2/">2</a></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/3/">3</a></li><li class="page-item"><span class="page-link dots">…</span></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/12/">12</a></li><li class="page-item"><a class="next page-link" href="https://vmppass.com/blog/page/2/">Next »</a></li> </ul> 2926 </nav> 2927 </div> 2928 </div> 2929 2930 </div> 2931</section> 2932 2933<!-- Newsletter Section --> 2934<section data-vmp-section="newsletter_section" id="newsletter" class="newsletter-section py-5" style="background-color: white;"> 2935 <div class="container"> 2936 <div class="row justify-content-center"> 2937 <div class="col-lg-10 col-xl-9"> 2938 <div class="vmp-newsletter-card"> 2939 <div class="vmp-newsletter-card__decoration" aria-hidden="true"></div> 2940 <div class="vmp-newsletter-card__inner text-center text-white"> 2941 <span class="vmp-newsletter-card__badge" aria-hidden="true"> 2942 <i class="fas fa-envelope-open-text"></i> 2943 </span> 2944 <h3 class="vmp-newsletter-card__title">Subscribe</h3> 2945 <p class="vmp-newsletter-card__subtitle">Stay updated with the latest cybersecurity insights and exclusive VMP™ Pass updates delivered to your inbox.</p> 2946 2947 <form data-vmp-form="vmp_newsletter_form" class="vmp-newsletter-form vmp-newsletter-form--dark mx-auto" novalidate> 2948 <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd"> 2949 <input type="hidden" name="action" value="vmp_submit_newsletter"> 2950 <input type="hidden" name="form_type" value="newsletter"> 2951 <input type="hidden" name="source" value="blog_page"> 2952 <input type="hidden" name="lang" value="en"> 2953 2954 <div class="row g-2 align-items-start"> 2955 <div class="col-md-4"> 2956 <input type="text" name="name" aria-label="Your name" class="form-control form-control-lg" autocomplete="name" placeholder="Your name" maxlength="120"> 2957 <div class="invalid-feedback text-start" data-error-for="name"></div> 2958 </div> 2959 <div class="col-md-5"> 2960 <input type="email" name="email" aria-label="Your email" class="form-control form-control-lg" autocomplete="email" placeholder="[email protected]" required maxlength="190"> 2961 <div class="invalid-feedback text-start" data-error-for="email"></div> 2962 </div> 2963 <div class="col-md-3"> 2964 <button data-vmp-label="vmp_blog_nl_btn" type="submit" class="btn btn-lg w-100 vmp-blog-nl-btn" data-label-default="Subscribe" data-label-sending="Subscribingâ¦">
2965 <span class="vmp-blog-nl-btn__label">Subscribe</span> 2966 <i class="fas fa-arrow-right ms-2 vmp-blog-nl-btn__arrow"></i> 2967 </button> 2968 </div> 2969 </div> 2970 2971 <!-- Honeypot --> 2972 <div class="vmp-hp-field" aria-hidden="true"> 2973 <label for="vmp-blog-nl-website">Website</label> 2974 <input type="text" id="vmp-blog-nl-website" name="website" tabindex="-1" autocomplete="off"> 2975 </div> 2976 </form> 2977 <p class="vmp-newsletter-card__fineprint">By submitting, you agree to receive marketing communications regarding VMP™ Pass products and services.</p> 2978 </div> 2979 </div> 2980 </div> 2981 </div> 2982 </div> 2983</section> 2984 2985<!-- Browse Other Categories --> 2986 2987 2988<style> 2989.card { 2990 transition: transform 0.3s ease, box-shadow 0.3s ease; 2991} 2992 2993.card:hover { 2994 box-shadow: 0 12px 24px rgba(0,0,0,0.2) !important; 2995} 2996 2997.blog-header .nav-link { 2998 transition: all 0.3s ease; 2999 font-weight: 500; 3000 color: #666; 3001 padding-bottom: 8px; 3002 border-bottom: 2px solid transparent; 3003 position: relative; 3004} 3005 3006.blog-header .nav-link:hover { 3007 color: var(--secondary-color) !important; 3008 border-bottom-color: var(--secondary-color) !important; 3009 font-weight: 600; 3010} 3011 3012.blog-header .nav-link.active { 3013 color: var(--primary-color) !important; 3014 font-weight: 600; 3015 border-bottom: 2px solid var(--primary-color) !important; 3016} 3017 3018.btn { 3019 transition: all 0.3s ease; 3020} 3021 3022.btn:hover { 3023 transform: translateY(-2px); 3024} 3025 3026@keyframes fadeIn { 3027 from { 3028 opacity: 0; 3029 transform: translateY(20px); 3030 } 3031 to { 3032 opacity: 1; 3033 transform: translateY(0); 3034 } 3035} 3036 3037.blog-preview .col-md-4 { 3038 animation: fadeIn 0.6s ease-out; 3039} 3040 3041/* Pagination Styling */ 3042.pagination { 3043 gap: 8px; 3044} 3045 3046.pagination .page-item { 3047 list-style: none; 3048} 3049 3050.pagination .page-link { 3051 color: var(--primary-color); 3052 border: 1px solid #e0e0e0; 3053 border-radius: 6px; 3054 padding: 8px 16px; 3055 transition: all 0.3s ease; 3056 text-decoration: none; 3057} 3058 3059.pagination .page-link:hover { 3060 background-color: var(--secondary-color); 3061 color: white; 3062 border-color: var(--secondary-color); 3063 transform: translateY(-2px); 3064} 3065 3066.pagination .page-item.current .page-link, 3067.pagination .page-link.current { 3068 background-color: var(--primary-color); 3069 color: white; 3070 border-color: var(--primary-color); 3071 font-weight: 600; 3072} 3073 3074/* Card Link Styling â scoped to .blog-preview so the rule doesn't leak into 3075 the footer's CONTACT SALES column (which also uses col-md-4 and contains 3076 anchor buttons that would otherwise stretch to 100% column height). */ 3077.blog-preview .col-md-4 > a { 3078 display: block; 3079 height: 100%; 3080} 3081 3082.blog-preview .col-md-4 > a:hover { 3083 text-decoration: none; 3084} 3085 3086.card-img-top { 3087 position: relative; 3088 overflow: hidden; 3089} 3090 3091.card-img-top img { 3092 transition: transform 0.3s ease; 3093} 3094 3095.card:hover .card-img-top img { 3096 transform: scale(1.05); 3097} 3098 3099/* âââ Newsletter card (blog page) âââââââââââââââââââââââââââââââ */ 3100.vmp-newsletter-card { 3101 position: relative; 3102 overflow: hidden; 3103 border-radius: 20px; 3104 padding: 56px 48px 48px; 3105 background: 3106 radial-gradient(circle at 20% 0%, rgba(0, 122, 255, 0.35) 0%, transparent 55%), 3107 radial-gradient(circle at 100% 100%, rgba(0, 122, 255, 0.18) 0%, transparent 55%), 3108 linear-gradient(135deg, var(--primary-color) 0%, var(--dark-blue-color) 100%); 3109 box-shadow: 3110 0 30px 80px rgba(25, 25, 112, 0.30), 3111 inset 0 1px 0 rgba(255, 255, 255, 0.08); 3112} 3113 3114/* Decorative dot grid background */ 3115.vmp-newsletter-card__decoration { 3116 position: absolute; 3117 inset: 0; 3118 background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px); 3119 background-size: 28px 28px; 3120 pointer-events: none; 3121 opacity: 0.6; 3122} 3123 3124.vmp-newsletter-card__inner { 3125 position: relative; 3126 z-index: 1; 3127} 3128 3129.vmp-newsletter-card__badge { 3130 display: inline-flex; 3131 align-items: center; 3132 justify-content: center; 3133 width: 56px; 3134 height: 56px; 3135 margin-bottom: 18px; 3136 border-radius: 16px; 3137 background: rgba(255, 255, 255, 0.10); 3138 border: 1px solid rgba(255, 255, 255, 0.18); 3139 backdrop-filter: blur(4px); 3140 color: #ffffff; 3141 font-size: 1.4rem; 3142} 3143 3144.vmp-newsletter-card__title { 3145 font-size: 2rem; 3146 font-weight: 700; 3147 margin: 0 0 10px; 3148 letter-spacing: -0.02em; 3149} 3150 3151.vmp-newsletter-card__subtitle { 3152 margin: 0 auto 28px; 3153 max-width: 540px; 3154 font-size: 1rem; 3155 line-height: 1.6; 3156 color: rgba(255, 255, 255, 0.80); 3157} 3158 3159.vmp-newsletter-form--dark { 3160 max-width: 720px; 3161} 3162 3163.vmp-newsletter-form--dark .form-control { 3164 background: rgba(255, 255, 255, 0.97); 3165 border: 1.5px solid rgba(255, 255, 255, 0.18); 3166 color: #1a1a40; 3167 border-radius: 12px; 3168 height: 52px; 3169 font-size: 0.97rem; 3170 padding: 0 18px; 3171 box-shadow: 0 6px 18px rgba(15, 15, 50, 0.12); 3172 transition: border-color .25s ease, box-shadow .25s ease, transform .15s ease, background .25s ease; 3173} 3174.vmp-newsletter-form--dark .form-control::placeholder { color: #9ca3af; } 3175.vmp-newsletter-form--dark .form-control:focus { 3176 background: #fff; 3177 border-color: var(--secondary-color); 3178 box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.25), 0 6px 18px rgba(15, 15, 50, 0.18); 3179 outline: none; 3180} 3181 3182/* âââ Validation visuals âââââââââââââââââââââââââââââââââââââââ */ 3183.vmp-newsletter-form--dark .form-control.is-invalid { 3184 border-color: #ff5d6c; 3185 background: #fff; 3186 box-shadow: 0 0 0 4px rgba(255, 93, 108, 0.25); 3187 animation: vmp-nl-shake 0.35s cubic-bezier(.36,.07,.19,.97); 3188} 3189.vmp-newsletter-form--dark .form-control.is-invalid::placeholder { color: #c8c8c8; } 3190 3191.vmp-newsletter-form--dark .invalid-feedback { 3192 display: none; 3193 color: #ffd6da; 3194 font-size: 0.85rem; 3195 font-weight: 500; 3196 margin-top: 6px; 3197 padding-left: 4px; 3198 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 3199} 3200.vmp-newsletter-form--dark .invalid-feedback::before { 3201 content: 'â '; 3202 margin-right: 6px; 3203 color: #ff8a95; 3204} 3205.vmp-newsletter-form--dark .form-control.is-invalid + .invalid-feedback { display: block; } 3206 3207@keyframes vmp-nl-shake { 3208 10%, 90% { transform: translateX(-1px); } 3209 20%, 80% { transform: translateX(2px); } 3210 30%, 50%, 70% { transform: translateX(-3px); } 3211 40%, 60% { transform: translateX(3px); } 3212} 3213 3214/* âââ Subscribe button â dark ââââââââââââââââââââââââââââââââââ */ 3215.vmp-blog-nl-btn { 3216 background: var(--secondary-color); 3217 color: #ffffff; 3218 font-weight: 700; 3219 border: none; 3220 border-radius: 12px; 3221 height: 52px; 3222 padding: 0 18px; 3223 white-space: nowrap; 3224 box-shadow: 0 8px 22px rgba(0, 60, 130, 0.35); 3225 transition: transform .2s ease, box-shadow .2s ease, background .2s ease; 3226 display: inline-flex; 3227 align-items: center; 3228 justify-content: center; 3229 gap: 8px; 3230} 3231.vmp-blog-nl-btn:hover, 3232.vmp-blog-nl-btn:focus { 3233 background: var(--primary-color); 3234 color: #ffffff; 3235 transform: translateY(-2px); 3236 box-shadow: 0 14px 28px rgba(25, 25, 112, 0.50); 3237} 3238.vmp-blog-nl-btn:focus { 3239 outline: 2px solid rgba(255, 255, 255, 0.6); 3240 outline-offset: 2px; 3241} 3242.vmp-blog-nl-btn:hover .vmp-blog-nl-btn__arrow { transform: translateX(2px); } 3243.vmp-blog-nl-btn:disabled {
3244 cursor: not-allowed; 3245 opacity: 0.65; 3246 transform: none; 3247 background: var(--secondary-color); 3248 box-shadow: 0 8px 22px rgba(0, 60, 130, 0.20); 3249} 3250.vmp-blog-nl-btn__arrow { transition: transform .2s ease; } 3251 3252.vmp-newsletter-card__fineprint { 3253 margin: 22px auto 0; 3254 max-width: 560px; 3255 font-size: 0.82rem; 3256 line-height: 1.5; 3257 color: rgba(255, 255, 255, 0.65); 3258} 3259 3260.vmp-newsletter-form--dark .vmp-hp-field { 3261 position: absolute; left: -10000px; top: auto; 3262 width: 1px; height: 1px; overflow: hidden; 3263} 3264 3265.vmp-newsletter-form--dark .vmp-spinner { 3266 display: inline-block; 3267 width: 14px; height: 14px; 3268 border: 2px solid rgba(25, 25, 112, 0.25); 3269 border-top-color: var(--primary-color); 3270 border-radius: 50%; 3271 animation: vmp-spin 0.8s linear infinite; 3272 margin-right: 8px; 3273 vertical-align: -2px; 3274} 3275@keyframes vmp-spin { to { transform: rotate(360deg); } } 3276 3277@media (max-width: 767px) { 3278 .vmp-newsletter-card { padding: 40px 24px 36px; border-radius: 16px; } 3279 .vmp-newsletter-card__title { font-size: 1.6rem; } 3280 .vmp-newsletter-card__subtitle { font-size: 0.95rem; } 3281 .vmp-newsletter-form--dark .form-control, 3282 .vmp-blog-nl-btn { height: 48px; } 3283} 3284</style> 3285
3286<script> 3287document.addEventListener('DOMContentLoaded', function() { 3288 // Active state is now handled by PHP based on URL parameter 3289 // Links will reload the page with the selected category filter 3290}); 3291</script>
3291 3292 3293<footer class="site-footer bg-black text-white py-5 px-lg-5"> 3294 <div class="container"> 3295 <!-- Main Footer Navigation --> 3296 <div class="row"> 3297 <!-- PRODUCTS Column --> 3298 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3299 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">PRODUCTS</p> 3300 <ul class="list-unstyled footer-links"> 3301 <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_pricing" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/choose-plan">Pricing</a></li> 3302 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/business/">For Business</a></li> 3303 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/team-password-manager/">For Teams</a></li> 3304 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/family-password-manager/">For Families</a></li> 3305 <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_premium_individuals" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/premium-password-manager/">For Individuals</a></li> 3306 <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_compare_plans" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/compare/">Compare VMP™ Pass</a></li> 3307 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/features/">All Features</a></li> 3308 </ul> 3309 </div> 3310 3311 <!-- SOLUTIONS Column --> 3312 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3313 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">SOLUTIONS</p> 3314 <ul class="list-unstyled footer-links"> 3315 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-sharing/">Password sharing</a></li> 3316 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/authentication/">Authentication</a></li> 3317 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/integrations/">Integrations</a></li> 3318 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/enterprise/">For enterprises</a></li> 3319 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/small-business-password-management/">For small businesses</a></li> 3320 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/education/">For Education Institutions</a></li> 3321 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/security-dashboard/">Security Features</a></li> 3322 </ul> 3323 </div> 3324 3325 <!-- RESOURCES Column --> 3326 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3327 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">RESOURCES</p> 3328 <ul class="list-unstyled footer-links"> 3329 <li class="mb-2"><a data-vmp-event="schedule" data-vmp-label="footer_business_demo" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/business-demo/">On-demand Demos</a></li> 3330 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/trust-center/">Trust Center</a></li> 3331 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-generator/">Password Generator</a></li> 3332 <li class="mb-2"><a data-vmp-event="subscribe" data-vmp-label="footer_newsletter" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/newsletter/">Newsletter</a></li> 3333 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/blog/">All blog posts</a></li> 3334 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-manager/">What is a password manager?</a></li> 3335 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/how-vmp-pass-works/">How VMP™ Pass works</a></li> 3336 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/how-is-vmp-pass-secure/">How is VMP™ Pass secure?</a></li> 3337 </ul> 3338 </div> 3339 3340 <!-- SUPPORT Column --> 3341 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3342 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">SUPPORT</p> 3343 <ul class="list-unstyled footer-links"> 3344 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/support/">Support Center</a></li> 3345 <li class="mb-2"><a data-vmp-event="login" data-vmp-label="footer_my_account" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/client/login/">My account</a></li> 3346 <li class="mb-2"><a data-vmp-event="login" data-vmp-label="footer_my_vault" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/client/login">Vault login</a></li> 3347 </ul> 3348 </div> 3349 3350 <!-- COMPANY Column --> 3351 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3352 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">COMPANY</p> 3353 <ul class="list-unstyled footer-links"> 3354 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/about/">About Us</a></li> 3355 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/legal-center/">Legal Center</a></li> 3356 <li class="mb-2"><a data-vmp-event="contact" data-vmp-label="footer_contact_us" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/contact-us/">Contact Us</a></li> 3357 <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/why-vmp-pass/">Why VMP™ Pass?</a></li> 3358 </ul> 3359 </div> 3360 3361 <!-- CONTACT SALES Column --> 3362 <div class="col-lg col-md-4 col-sm-6 mb-4"> 3363 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">CONTACT SALES</p> 3364 <p class="small mb-2 contact_sales_column_1">Discover how VMP™ Pass safeguards your business in real time. <a href="https://vmppass.com/business-demo" class="text-white text-decoration-none fw-bold">Schedule your demo</a> today.</p> 3365 <p class="text-white small mb-3">Want to use VMP™ Pass Business now? <a href="https://vmppass.com/trial-business" class="text-white text-decoration-none fw-bold">Free 7-day VMP™ Pass</a></p> 3366 <a href="https://vmppass.com/contact-sales" class="btn btn-outline-light btn-sm mb-3 w-100">Contact Sales</a> 3367 3368 <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">
3368Install Extension</p> 3369 <a data-vmp-event="download" data-vmp-label="footer_download_app" href="https://vmppass.com/download" class="btn btn-light btn-sm mb-3 w-100 custom-bold-btn"> 3370 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-arrow-down-short" viewBox="0 0 16 16"> 3371 <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4" /> 3372 </svg> Download </a> 3373 <div class="d-flex gap-2 flex-wrap"> 3374 <a href="https://vmppass.com/download"><img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/footer_img.png" width="184" height="20" loading="lazy" decoding="async" alt="Payment methods"></a> 3375 </div> 3376 </div> 3377 </div> 3378 3379 <!-- Newsletter (inline strip â same backend as the modal, source=footer_inline) --> 3380 <div class="row"> 3381 <div class="col-lg-8 col-xl-6 mx-auto"> 3382 <div class="vmp-nl-box vmp-nl-box--dark" id="vmp-nl-box-2"> 3383 <p class="vmp-nl-box__title">ð Stay one breach ahead</p> 3384 <p class="vmp-nl-box__sub">Security tips, product updates, and a 5-minute password mission â once a week, no spam.</p> 3385 <form data-vmp-form="vmp_nl_box_form" class="vmp-nl-box__form" action="https://vmppass.com/wp-admin/admin-ajax.php" method="post" novalidate 3386 data-msg-success="â You're in â check your inbox for a welcome note." 3387 data-msg-invalid="Please enter a valid email address." 3388 data-msg-error="Something went wrong â please try again in a minute."> 3389 <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd"> 3390 <input type="hidden" name="action" value="vmp_submit_newsletter"> 3391 <input type="hidden" name="form_type" value="newsletter"> 3392 <input type="hidden" name="source" value="footer_inline"> 3393 <input type="hidden" name="lang" value="en"> 3394 <input type="email" name="email" inputmode="email" autocomplete="email" placeholder="[email protected]" aria-label="[email protected]" maxlength="190" required> 3395 <button type="submit" data-vmp-event="subscribe" data-vmp-label="newsletter_box_submit" data-vmp-item="footer_inline">Subscribe</button> 3396 </form> 3397 <p class="vmp-nl-box__msg" aria-live="polite"></p> 3398 <p class="vmp-nl-box__privacy">We never share your email. Unsubscribe anytime with one click.</p> 3399</div> 3400 </div> 3401 </div> 3402 3403 <!-- Social Media Icons --> 3404 <div class="row mt-4 pt-4 border-bottom border-secondary"> 3405 <div class="col-12"> 3406 <style> 3407 /* Inline-SVG social icons (the bundled Font Awesome ships no fa-brands 3408 font, so `fab fa-*` glyphs render as empty boxes here). currentColor 3409 lets Bootstrap's text-white-50 tint them; full white on hover/focus. */ 3410 .social-icons-footer a { display: inline-flex; transition: color .2s ease; } 3411 .social-icons-footer a:hover, 3412 .social-icons-footer a:focus-visible { color: #fff !important; outline: none; } 3413 .social-icons-footer svg { display: block; width: 20px; height: 20px; } 3414 </style> 3415 <div class="d-flex gap-3 mb-4 flex-wrap align-items-center social-icons-footer"> 3416 <a href="https://www.facebook.com/vmpBrands" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg></a> 3417 <a href="https://x.com/VMPPrivacy" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
3417<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg></a> 3418 <a href="https://www.instagram.com/vmpprivacy/" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg></a> 3419 <a href="https://www.youtube.com/@VMP-G-f5y" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a> 3420 <a href="https://www.tiktok.com/@vpnmasterpro" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="TikTok"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg></a> 3421 <a href="https://www.threads.com/@vmpprivacy" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Threads"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.01
34217c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/></svg></a> 3422 <a href="https://www.pinterest.com/vmpprivacy/" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg></a> 3423 <a href="https://www.quora.com/profile/Andrew-Arnault-2" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Quora"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M7.3799.9483A11.9628 11.9628 0 0 1 21.248 19.5397l2.4096 2.4225c.7322.7362.21 1.9905-.8272 1.9905l-10.7105.01a12.52 12.52 0 0 1-.304 0h-.02A11.9628 11.9628 0 0 1 7.3818.9503Zm7.3217 4.428a7.1717 7.1717 0 1 0-5.4873 13.2512 7.1717 7.1717 0 0 0 5.4883-13.2511Z"/></svg></a> 3424 <a href="https://bsky.app/profile/vmpprivacy.bsky.social" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Bluesky"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"/></svg></a> 3425 </div> 3426 </div> 3427 </div> 3428 3429 <!-- Footer Bottom Bar --> 3430 <div class="row mt-3"> 3431 <div class="col-lg-9 col-md-8 mb-3 mb-md-0"> 3432 <p class="text-white small mb-2 terms-text-footer"> 3433 © 2026 VMP™ Pass US LP. All rights reserved. 3434 <a href="https://vmppass.com/privacy-policy" class="text-white text-decoration-none ms-3">Privacy Policy</a> 3435 <a href="https://vmppass.com/terms-and-conditions" class="text-white text-decoration-none ms-3">Terms of Service</a> 3436 <a href="https://vmppass.com/cookie-preferences" class="text-white text-decoration-none ms-3">Cookie Preferences</a> 3437 <a href="https://vmppass.com/your-privacy-choices" class="text-white text-decoration-none ms-3">Your Privacy Choices</a> 3438 </p> 3439 </div> 3440 <div class="col-lg-3 col-md-4 text-md-end"> 3441 <div class="dropdown lang-switcher-dropdown"> 3442 <button class="btn btn-link text-white text-decoration-none d-flex align-items-center p-0 lang-switcher-btn" 3443 type="button" 3444 id="langSwitcherBtnFooter" 3445 data-bs-toggle="dropdown" 3446 aria-expanded="false" 3447 aria-label="Select language"> 3448 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;"> 3449 <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82
34491.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/> 3450 </svg> 3451 <span class="lang-switcher-label">EN</span> 3452 <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true"> 3453 <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3454 </svg> 3455 </button> 3456 <ul class="dropdown-menu lang-switcher-menu dropdown-menu-end" aria-labelledby="langSwitcherBtnFooter"> 3457 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active" 3458 href="https://vmppass.com/blog/" 3459 data-lang="en" 3460 lang="en" 3461 dir="ltr" 3462 aria-current="true">English â</a></li> 3463 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option" 3464 href="https://vmppass.com/es/blog/" 3465 data-lang="es" 3466 lang="es" 3467 dir="ltr" 3468 >Español</a></li> 3469 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option" 3470 href="https://vmppass.com/de/blog/" 3471 data-lang="de" 3472 lang="de" 3473 dir="ltr" 3474 >Deutsch</a></li> 3475 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option" 3476 href="https://vmppass.com/fr/blog/" 3477 data-lang="fr" 3478 lang="fr" 3479 dir="ltr" 3480 >Français</a></li> 3481 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option" 3482 href="https://vmppass.com/it/blog/" 3483 data-lang="it" 3484 lang="it" 3485 dir="ltr" 3486 >Italiano</a></li> 3487 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option" 3488 href="https://vmppass.com/nl/blog/" 3489 data-lang="nl" 3490 lang="nl" 3491 dir="ltr" 3492 >Nederlands</a></li> 3493 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option" 3494 href="https://vmppass.com/pt/blog/" 3495 data-lang="pt" 3496 lang="pt" 3497 dir="ltr" 3498 >Português</a></li> 3499 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option" 3500 href="https://vmppass.com/ru/blog/" 3501 data-lang="ru" 3502 lang="ru" 3503 dir="ltr" 3504 >Ð ÑÑÑкий</a></li> 3505 <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option" 3506 href="https://vmppass.com/fa/blog/" 3507 data-lang="fa" 3508 lang="fa" 3509 dir="rtl" 3510 >ÙØ§Ø±Ø³Û</a></li> 3511 </ul> 3512 </div> 3513 </div> 3514 </div> 3515 </div> 3516</footer> 3517 3518<!-- VMP™ Pass Modal --> 3519<div class="modal fade" id="vmpPassModal" tabindex="-1" aria-labelledby="vmpPassModalLabel" aria-hidden="true">
3520 <div class="modal-dialog modal-dialog-centered modal-xl"> 3521 <div class="modal-content vmp-modal-content"> 3522 <button data-vmp-label="close" type="button" class="btn-close vmp-modal-close" data-bs-dismiss="modal" aria-label="Close"> 3523 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3524 <path d="M18 6L6 18M6 6L18 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 3525 </svg> 3526 </button> 3527 <div class="modal-body p-0"> 3528 <div class="vmp-modal-container"> 3529 <!-- Business Plan --> 3530 <div style="background: #fff; border-radius: 14px;"> 3531 <div class="vmp-plan-card vmp-business-card"> 3532 <div class="vmp-plan-image"> 3533 <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/Free.webp" alt="Business Plan" class="img-fluid"> 3534 </div> 3535 <div class="vmp-plan-content"> 3536 <h2 class="vmp-plan-title">Business</h2> 3537 <p class="vmp-plan-description">Unlimited users, Admin Console, SSO/SAML, SCIM 2.0 directory sync, and SOC 2/HIPAA/GDPR.</p> 3538 <a data-vmp-event="start_trial" data-vmp-label="footer_plan_business" href="https://vmppass.com/client/login" class="vmp-plan-btn vmp-business-btn">Free 7-day VMP™ Pass</a> 3539 </div> 3540 </div> 3541 </div> 3542 3543 <div style="background: #fff; border-radius: 14px;"> 3544 <div class="vmp-plan-card vmp-business-card"> 3545 <div class="vmp-plan-image"> 3546 <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/Premium.webp" alt="Business Plan" class="img-fluid"> 3547 </div> 3548 <div class="vmp-plan-content"> 3549 <h2 class="vmp-plan-title">Personal</h2> 3550 <p class="vmp-plan-description">Premium multi-device vault for one person with unlimited passwords, payment cards, and notes across 11 record types.</p> 3551 <a data-vmp-event="start_trial" data-vmp-label="footer_plan_personal" href="https://vmppass.com/client/login" class="vmp-plan-btn vmp-personal-btn">Free 7-day VMP™ Pass</a> 3552 </div> 3553 </div> 3554 </div> 3555 </div> 3556 </div> 3557 </div> 3558 </div> 3559</div> 3560 3561<!-- Notification Modal --> 3562<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel" aria-hidden="true"> 3563 <div class="modal-dialog modal-dialog-centered"> 3564 <div class="modal-content"> 3565 <div class="modal-header"> 3566 <h5 class="modal-title" id="notificationModalLabel">Subscribe</h5> 3567 <button data-vmp-label="close_1" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 3568 </div> 3569 <div class="modal-body"> 3570 <p class="text-muted small mb-3">Get product updates and security tips delivered straight to your inbox.</p> 3571 <form data-vmp-form="vmp_newsletter_form" id="vmp-newsletter-form" class="vmp-newsletter-form" novalidate> 3572 <input type="hidden" id="vmp_newsletter_nonce" name="vmp_newsletter_nonce" value="b173c19efd" /><input type="hidden" name="_wp_http_referer" value="/blog/" /> <input type="hidden" name="action" value="vmp_submit_newsletter"> 3573 <input type="hidden" name="form_type" value="newsletter"> 3574 <input type="hidden" name="source" value="footer_modal"> 3575 <input type="hidden" name="lang" value="en"> 3576 3577 <div class="mb-3"> 3578 <label for="vmp-nl-name" class="form-label small fw-semibold">Name (optional)</label> 3579 <input type="text" id="vmp-nl-name" name="name" class="form-control" autocomplete="name" placeholder="Your name" maxlength="120"> 3580 <div class="invalid-feedback" data-error-for="name"></div> 3581 </div> 3582 3583 <div class="mb-3"> 3584 <label for="vmp-nl-email" class="form-label small fw-semibold">Email address</label> 3585 <input type="email" id="vmp-nl-email" name="email" class="form-control" autocomplete="email" placeholder="[email protected]" required maxlength="190"> 3586 <div class="invalid-feedback" data-error-for="email"></div> 3587 </div> 3588 3589 <!-- Honeypot --> 3590 <div class="vmp-hp-field" aria-hidden="true"> 3591 <label for="vmp-nl-website">Website</label> 3592 <input type="text" id="vmp-nl-website" name="website" tabindex="-1" autocomplete="off"> 3593 </div> 3594 3595 <button data-vmp-label="footer_btn_2" type="submit" class="btn btn-primary w-100" data-label-default="Subscribe" data-label-sending="Subscribingâ¦"> 3596 Subscribe </button> 3597 </form> 3598 </div> 3599 <div class="modal-footer"> 3600 <button data-vmp-label="footer_btn_3" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> 3601 </div> 3602 </div> 3603 </div> 3604</div> 3605 3606<!-- Contact Sales Modal --> 3607<div class="modal fade" id="contactSalesModal" tabindex="-1" aria-labelledby="contactSalesModalLabel" aria-hidden="true"> 3608 <div class="modal-dialog modal-dialog-centered"> 3609 <div class="modal-content"> 3610 <div class="modal-header"> 3611 <h5 class="modal-title" id="contactSalesModalLabel">Contact Sales</h5> 3612 <button data-vmp-label="close_4" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 3613 </div> 3614 <div class="modal-body"> 3615 3616<div class="wpcf7 no-js" id="wpcf7-f286-o1" lang="en-US" dir="ltr" data-wpcf7-id="286"> 3617<div class="screen-reader-response">
3617<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 3618<form action="/blog/#wpcf7-f286-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> 3619<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="286" /><input type="hidden" name="_wpcf7_version" value="6.1.6" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f286-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /> 3620</fieldset> 3621<div class="mb-4"> 3622 <p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter your name:</label><br /> 3623<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="your-name" /></span> 3624 </p> 3625</div> 3626<div class="mb-4"> 3627 <p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter the email address:</label><br /> 3628<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Your Email" value="" type="email" name="your-email" /></span> 3629 </p> 3630</div> 3631<div class="mb-4"> 3632 <p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter the subject:</label><br /> 3633<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Subject" value="" type="text" name="your-subject" /></span> 3634 </p> 3635</div> 3636<div class="mb-4"> 3637 <p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter your message:</label><br /> 3638<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Message" name="your-message"></textarea></span> 3639 </p> 3640</div> 3641<div class="text-center"> 3642 <p><input class="wpcf7-form-control wpcf7-submit has-spinner btn btn-lg px-5 contact_submit" type="submit" value="Send Message" /> 3643 </p> 3644</div><div class="wpcf7-response-output" aria-hidden="true"></div> 3645</form> 3646</div> 3647 </div> 3648 <div class="modal-footer"> 3649 <button data-vmp-label="footer_btn_5" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> 3650 </div> 3651 </div> 3652 </div> 3653</div> 3654 3655<!-- Feedback Modal --> 3656<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true"> 3657 <div class="modal-dialog modal-dialog-centered"> 3658 <div class="modal-content" style="border-radius: 12px; border: none;"> 3659 <div class="modal-header border-0 pb-0"> 3660 <button data-vmp-label="feedbackmodalclose" type="button" class="btn-close" id="feedbackModalClose" aria-label="Close"></button> 3661 </div> 3662 <div class="modal-body px-1 pb-4 pt-2"> 3663 <h6 class="text-center mb-4" style="color: #333; font-size: 16px; font-weight: 400; line-height: 1.5;">How would you rate your experience on this website?</h6> 3664 3665 <div class="emoji-rating d-flex justify-content-center gap-3 mb-4"> 3666 <button data-vmp-label="emoji_btn" type="button" class="emoji-btn" data-rating="angry" title="Very Dissatisfied"> 3667 <span style="font-size: 30px;">ð </span> 3668 </button> 3669 <button data-vmp-label="emoji_btn_6" type="button" class="emoji-btn" data-rating="sad" title="Dissatisfied"> 3670 <span style="font-size: 30px;">ð</span> 3671 </button> 3672 <button data-vmp-label="emoji_btn_7" type="button" class="emoji-btn" data-rating="neutral" title="Neutral">
3673 <span style="font-size: 30px;">ð</span> 3674 </button> 3675 <button data-vmp-label="emoji_btn_8" type="button" class="emoji-btn" data-rating="happy" title="Satisfied"> 3676 <span style="font-size: 30px;">ð</span> 3677 </button> 3678 <button data-vmp-label="emoji_btn_9" type="button" class="emoji-btn" data-rating="love" title="Very Satisfied"> 3679 <span style="font-size: 30px;">ð</span> 3680 </button> 3681 </div> 3682 3683 <!-- Feedback Questions Section (Hidden by default) --> 3684 <div id="feedbackQuestions" class="feedback-questions" style="display: none; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out;"> 3685 <div class="feedback-form-content px-3"> 3686 <!-- Question 1 --> 3687 <div class="mb-4"> 3688 <label class="form-label" style="color: #333; font-size: 14px; font-weight: 500;">How did you hear about VMP™ Pass?</label> 3689 <div class="form-check mb-2"> 3690 <input class="form-check-input" type="radio" name="hearAbout" id="hearSearch" value="search"> 3691 <label class="form-check-label" for="hearSearch" style="font-size: 14px; color: #555;"> 3692 AI results in traditional search (web browser) </label> 3693 </div> 3694 <div class="form-check mb-2"> 3695 <input class="form-check-input" type="radio" name="hearAbout" id="hearBrowser" value="browser"> 3696 <label class="form-check-label" for="hearBrowser" style="font-size: 14px; color: #555;"> 3697 Web Browser search results (blue links) </label> 3698 </div> 3699 <div class="form-check mb-2"> 3700 <input class="form-check-input" type="radio" name="hearAbout" id="hearAI" value="ai"> 3701 <label class="form-check-label" for="hearAI" style="font-size: 14px; color: #555;"> 3702 AI chat tool (application like ChatGPT) </label> 3703 </div> 3704 <div class="form-check mb-2"> 3705 <input class="form-check-input" type="radio" name="hearAbout" id="hearSocial" value="social"> 3706 <label class="form-check-label" for="hearSocial" style="font-size: 14px; color: #555;"> 3707 Social Media (e.g. Facebook, LinkedIn, X, etc.) </label> 3708 </div> 3709 <div class="form-check mb-2"> 3710 <input class="form-check-input" type="radio" name="hearAbout" id="hearDirect" value="direct"> 3711 <label class="form-check-label" for="hearDirect" style="font-size: 14px; color: #555;"> 3712 Direct URL / Bookmark </label> 3713 </div> 3714 <div class="form-check mb-2"> 3715 <input class="form-check-input" type="radio" name="hearAbout" id="hearReferral" value="referral"> 3716 <label class="form-check-label" for="hearReferral" style="font-size: 14px; color: #555;"> 3717 Referral from another website </label> 3718 </div> 3719 <div class="form-check mb-2"> 3720 <input class="form-check-input" type="radio" name="hearAbout" id="hearWord" value="word"> 3721 <label class="form-check-label" for="hearWord" style="font-size: 14px; color: #555;"> 3722 Word of mouth </label> 3723 </div> 3724 <div class="form-check mb-2"> 3725 <input class="form-check-input" type="radio" name="hearAbout" id="hearOther" value="other"> 3726 <label class="form-check-label" for="hearOther" style="font-size: 14px; color: #555;"> 3727 Other </label> 3728 </div> 3729 </div> 3730 3731 <!-- Question 2 --> 3732 <div class="mb-4"> 3733 <label class="form-label" style="color: #333; font-size: 14px; font-weight: 500;">What type of products or services are you interested in?</label> 3734 <div class="form-check mb-2"> 3735 <input class="form-check-input" type="radio" name="productInterest" id="productPersonal" value="personal"> 3736 <label class="form-check-label" for="productPersonal" style="font-size: 14px; color: #555;"> 3737 Personal security products </label> 3738 </div> 3739 <div class="form-check mb-2"> 3740 <input class="form-check-input" type="radio" name="productInterest" id="productBusiness" value="business"> 3741 <label class="form-check-label" for="productBusiness" style="font-size: 14px; color: #555;"> 3742 Business security solutions </label> 3743 </div> 3744 <div class="form-check mb-2"> 3745 <input class="form-check-input" type="radio" name="productInterest" id="productSupport" value="support"> 3746 <label class="form-check-label" for="productSupport" style="font-size: 14px; color: #555;"> 3747 Customer Support </label> 3748 </div> 3749 <div class="form-check mb-2"> 3750 <input class="form-check-input" type="radio" name="productInterest" id="productSales" value="sales"> 3751 <label class="form-check-label" for="productSales" style="font-size: 14px; color: #555;"> 3752 Get in touch with Sales Team </label> 3753 </div> 3754 <div class="form-check mb-2"> 3755 <input class="form-check-input" type="radio" name="productInterest" id="productOther" value="other"> 3756 <label class="form-check-label" for="productOther" style="font-size: 14px; color: #555;"> 3757 Other </label> 3758 </div> 3759 </div> 3760 3761 <!-- Submit Button Placeholder --> 3762 <div class="d-grid"> 3763 <button data-vmp-label="submitfeedback" type="button" class="btn btn-primary" id="submitFeedback">Submit Feedback</button> 3764 </div> 3765 </div> 3766 </div> 3767 3768 <!-- Result message (sibling of #feedbackQuestions so it isn't clipped 3769 by that container's overflow:hidden + animated max-height). --> 3770 <div id="feedbackResult" class="mt-3 small text-center px-3" role="status" aria-l
3770ive="polite" style="display:none;"></div> 3771 3772 </div> 3773 </div> 3774 </div> 3775</div> 3776 3777<style> 3778 .emoji-btn { 3779 background: none; 3780 border: none; 3781 padding: 8px; 3782 cursor: pointer; 3783 transition: transform 0.2s ease; 3784 border-radius: 8px; 3785 } 3786 3787 .emoji-btn:hover { 3788 transform: scale(1.15); 3789 background-color: #f8f9fa; 3790 } 3791 3792 .emoji-btn:active { 3793 transform: scale(1.05); 3794 } 3795 3796 .emoji-btn span { 3797 display: block; 3798 line-height: 1; 3799 } 3800 3801 #feedbackModal .modal-content { 3802 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); 3803 } 3804 3805 .feedback-questions { 3806 transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; 3807 opacity: 0; 3808 } 3809 3810 .feedback-questions.show { 3811 opacity: 1; 3812 } 3813 3814 .feedback-form-content { 3815 padding-top: 10px; 3816 } 3817 3818 .form-check { 3819 padding-left: 1.5em; 3820 } 3821 3822 .form-check-input { 3823 cursor: pointer; 3824 margin-top: 0.25em; 3825 } 3826 3827 .form-check-label { 3828 cursor: pointer; 3829 line-height: 1.5; 3830 } 3831 3832 .form-check-input:checked { 3833 background-color: #0d6efd; 3834 border-color: #0d6efd; 3835 } 3836 3837 #feedbackModal .modal-dialog { 3838 transition: max-width 0.3s ease; 3839 transform: translate(0, 0) !important; 3840 } 3841 3842 .emoji-btn.selected { 3843 background-color: #e3f2fd; 3844 transform: scale(1.1); 3845 } 3846</style> 3847
3848<script> 3849 document.addEventListener('DOMContentLoaded', function() { 3850 const emojiButtons = document.querySelectorAll('.emoji-btn'); 3851 const feedbackQuestions = document.getElementById('feedbackQuestions'); 3852 let selectedRating = null; 3853 3854 emojiButtons.forEach(button => { 3855 button.addEventListener('click', function() { 3856 const rating = this.getAttribute('data-rating'); 3857 selectedRating = rating; 3858 3859 // Remove selected class from all buttons 3860 emojiButtons.forEach(btn => btn.classList.remove('selected')); 3861 3862 // Add selected class to clicked button 3863 this.classList.add('selected'); 3864 3865 // Show feedback questions with smooth animation 3866 if (feedbackQuestions.style.display === 'none' || feedbackQuestions.style.display === '') { 3867 feedbackQuestions.style.display = 'block'; 3868 3869 // Force reflow to ensure transition works 3870 feedbackQuestions.offsetHeight; 3871 3872 // Set max-height for smooth animation 3873 feedbackQuestions.style.maxHeight = feedbackQuestions.scrollHeight + 'px'; 3874 feedbackQuestions.classList.add('show'); 3875 } 3876 }); 3877 }); 3878 3879 const feedbackModalEl = document.getElementById('feedbackModal'); 3880 3881 const feedbackModal = bootstrap.Modal.getOrCreateInstance(feedbackModalEl); 3882 3883 const feedbackModalCloseBtn = document.getElementById('feedbackModalClose'); 3884 3885 /* â reusable reset function */ 3886 function resetFeedbackForm() { 3887 3888 document.querySelectorAll('.emoji-rating button.selected').forEach(btn => { 3889 btn.classList.remove('selected'); 3890 }); 3891 3892 document.querySelectorAll('.form-check-input[type="radio"]').forEach(input => { 3893 input.checked = false; 3894 }); 3895 3896 if (typeof feedbackQuestions !== 'undefined') { 3897 feedbackQuestions.style.display = "none"; 3898 } 3899 } 3900 3901 /* close button */ 3902 feedbackModalCloseBtn.addEventListener('click', function() { 3903 feedbackModal.hide(); 3904 }); 3905 3906 /* runs on ANY modal close (outside click, ESC, JS hide, button) */ 3907 feedbackModalEl.addEventListener('hidden.bs.modal', resetFeedbackForm); 3908
3909 /* Move focus off any descendant before Bootstrap re-applies aria-hidden, 3910 to avoid the "Blocked aria-hidden on an element because its descendant 3911 retained focus" accessibility warning. */ 3912 feedbackModalEl.addEventListener('hide.bs.modal', function () { 3913 if (document.activeElement && feedbackModalEl.contains(document.activeElement)) { 3914 document.activeElement.blur(); 3915 } 3916 }); 3917 3918 3919 // Submit feedback placeholder 3920 const submitButton = document.getElementById('submitFeedback'); 3921 if (submitButton) { 3922 3923 const feedback = document.querySelector("#feedbackQuestions"); 3924 3925 if (feedback) { 3926 feedback.style.backgroundColor = "#f5f5f5"; 3927 feedback.style.padding = "20px"; 3928 feedback.style.border = "1px solid #ddd"; 3929 feedback.style.borderRadius = "10px"; 3930 } 3931 3932 const resultEl = document.getElementById('feedbackResult'); 3933 function showResult(message, isError) { 3934 if (!resultEl) return; 3935 resultEl.style.display = 'block'; 3936 resultEl.style.color = isError ? '#b00020' : '#0a7d32'; 3937 resultEl.textContent = message; 3938 } 3939 function clearResult() { 3940 if (!resultEl) return; 3941 resultEl.style.display = 'none'; 3942 resultEl.textContent = ''; 3943 } 3944 3945 submitButton.addEventListener('click', function() { 3946 clearResult(); 3947 3948 // Rating is the only required field. The two radios are optional. 3949 if (!selectedRating) { 3950 showResult((window.vmpFeedback && vmpFeedback.messages && vmpFeedback.messages.error_rating) || 'Please select a rating before submitting.', true); 3951 return; 3952 } 3953 3954 const hearAbout = document.querySelector('input[name="hearAbout"]:checked'); 3955 const productInterest = document.querySelector('input[name="productInterest"]:checked'); 3956 3957 if (!window.vmpFeedback || !window.jQuery) { 3958 showResult((window.vmpFeedback && vmpFeedback.messages && vmpFeedback.messages.error_generic) || 'Something went wrong. Please try again later.', true); 3959 return; 3960 } 3961 3962 submitButton.disabled = true; 3963 jQuery.ajax({ 3964 url: vmpFeedback.ajaxurl, 3965 type: 'POST', 3966 dataType: 'json', 3967 data: { 3968 action: 'vmp_submit_feedback', 3969 nonce: vmpFeedback.nonce, 3970 rating: selectedRating, 3971 hear_about: hearAbout ? hearAbout.value : '', 3972 product_interest: productInterest ? productInterest.value : '' 3973 } 3974 }).done(function(response) { 3975 if (response && response.success) { 3976 showResult((response.data && response.data.message) || vmpFeedback.messages.thank_you, false); 3977 // Close modal after a short delay; the existing 3978 // hidden.bs.modal listener resets the form state. 3979 setTimeout(function () { 3980 const modal = bootstrap.Modal.getInstance(document.getElementById('feedbackModal')); 3981 if (modal) modal.hide(); 3982 clearResult(); 3983 }, 1500); 3984 } else { 3985 const msg = (response && response.data && response.data.message) || vmpFeedback.messages.error_generic; 3986 showResult(msg, true); 3987 } 3988 }).fail(function() { 3989 showResult(vmpFeedback.messages.error_generic, true); 3990 }).always(function() { 3991 submitButton.disabled = false; 3992 }); 3993 }); 3994 3995 } 3996 }); 3997</script>
3997 3998
3999<script> 4000 const scrollTopBtn = document.getElementById("scrollTopBtn"); 4001 4002 window.addEventListener("scroll", () => { 4003 if (window.scrollY > 300) { 4004 scrollTopBtn.style.display = "flex"; 4005 } else { 4006 scrollTopBtn.style.display = "none"; 4007 } 4008 }); 4009 4010 scrollTopBtn.addEventListener("click", () => { 4011 window.scrollTo({ 4012 top: 0, 4013 behavior: "smooth" 4014 }); 4015 }); 4016</script>
4016 4017 4018<!-- Cookie Consent Popup --> 4019<div class="cookie-consent-overlay"></div> 4020<div class="cookie-consent-popup"> 4021 <div class="cookie-consent-header"> 4022 <h3> 4023 <span class="cookie-icon">ðª</span> 4024 Cookie Settings </h3> 4025 <button data-vmp-label="close_10" class="cookie-consent-close" aria-label="Close"> 4026 <i class="bi bi-x"></i> 4027 </button> 4028 </div> 4029 4030 <div class="cookie-consent-description"> 4031 <p>We use cookies to enhance your browsing experience and analyze our traffic. You can choose which types of cookies to accept. For more details, visit our <a href="https://vmppass.com/cookie-preferences">Cookie Preferences</a> page.</p> 4032 </div> 4033 4034 <div class="cookie-categories"> 4035 <!-- Essential Cookies (Always Active) --> 4036 <div class="cookie-category"> 4037 <div class="cookie-category-info"> 4038 <div class="cookie-category-name">Essential Cookies</div> 4039 <p class="cookie-category-desc">Required for the website to function properly</p> 4040 </div> 4041 <span class="cookie-category-always">Always Active</span> 4042 </div> 4043 4044 <!-- Analytics Cookies --> 4045 <div class="cookie-category"> 4046 <div class="cookie-category-info"> 4047 <div class="cookie-category-name">Analytics Cookies</div> 4048 <p class="cookie-category-desc">Help us understand how visitors use our website</p> 4049 </div> 4050 <label class="cookie-toggle"> 4051 <input type="checkbox" id="cookie-analytics-toggle" aria-label="Analytics Cookies" checked> 4052 <span class="cookie-toggle-slider"></span> 4053 </label> 4054 </div> 4055 4056 <!-- Marketing Cookies --> 4057 <div class="cookie-category"> 4058 <div class="cookie-category-info"> 4059 <div class="cookie-category-name">Marketing Cookies</div> 4060 <p class="cookie-category-desc">Used to track visitors across websites for advertising</p> 4061 </div> 4062 <label class="cookie-toggle"> 4063 <input type="checkbox" id="cookie-marketing-toggle" aria-label="Marketing Cookies"> 4064 <span class="cookie-toggle-slider"></span> 4065 </label> 4066 </div> 4067 4068 <!-- Functionality Cookies --> 4069 <div class="cookie-category"> 4070 <div class="cookie-category-info"> 4071 <div class="cookie-category-name">Functionality Cookies</div> 4072 <p class="cookie-category-desc">Remember your preferences and settings</p> 4073 </div> 4074 <label class="cookie-toggle"> 4075 <input type="checkbox" id="cookie-functionality-toggle" aria-label="Functionality Cookies"> 4076 <span class="cookie-toggle-slider"></span> 4077 </label> 4078 </div> 4079 </div> 4080 4081 <div class="cookie-consent-actions"> 4082 <button id="cookie-consent-accept-all" class="cookie-consent-btn cookie-consent-btn-primary" 4083 data-vmp-event="consent_decision" data-vmp-label="consent_accept_all"> 4084 Accept All </button> 4085 <button id="cookie-consent-reject" class="cookie-consent-btn cookie-consent-btn-outline" 4086 data-vmp-event="consent_decision" data-vmp-label="consent_reject_optional"> 4087 Reject Optional </button> 4088 <button id="cookie-consent-customize" class="cookie-consent-btn cookie-consent-btn-outline" 4089 data-vmp-event="consent_decision" data-vmp-label="consent_customize"> 4090 Customize </button> 4091 <button id="cookie-consent-save" class="cookie-consent-btn cookie-consent-btn-secondary" 4092 data-vmp-event="consent_decision" data-vmp-label="consent_save_preferences"> 4093 Save Preferences </button> 4094 </div> 4095</div> 4096<!-- End Cookie Consent Popup --> 4097 4098<!-- Newsletter form toast container + styles --> 4099<div class="vmp-toast-stack" id="vmp-nl-toast-stack" aria-live="polite" aria-atomic="true"></div> 4100 4101<style> 4102 .vmp-newsletter-form .vmp-hp-field { 4103 position: absolute; left: -10000px; top: auto; 4104 width: 1px; height: 1px; overflow: hidden; 4105 } 4106 .vmp-newsletter-form .form-control.is-invalid { 4107 border-color: #e63946; 4108 box-shadow: 0 0 0 4px rgba(230, 57, 70, 0.10); 4109 }
4110 .vmp-newsletter-form .invalid-feedback { 4111 display: none; 4112 color: #e63946; 4113 font-size: 0.82rem; 4114 margin-top: 4px; 4115 } 4116 .vmp-newsletter-form .form-control.is-invalid + .invalid-feedback { display: block; } 4117 .vmp-newsletter-form .vmp-spinner { 4118 display: inline-block; 4119 width: 14px; height: 14px; 4120 border: 2px solid rgba(255,255,255,0.4); 4121 border-top-color: #fff; 4122 border-radius: 50%; 4123 animation: vmp-nl-spin 0.8s linear infinite; 4124 margin-right: 8px; 4125 vertical-align: -2px; 4126 } 4127 @keyframes vmp-nl-spin { to { transform: rotate(360deg); } } 4128 4129 /* Toast â site-wide, used by the newsletter modal */ 4130 .vmp-toast-stack { 4131 position: fixed; top: 24px; right: 24px; z-index: 10000; 4132 display: flex; flex-direction: column; gap: 10px; 4133 max-width: 360px; pointer-events: none; 4134 } 4135 .vmp-toast { 4136 background: #fff; 4137 border-left: 4px solid var(--secondary-color); 4138 box-shadow: 0 12px 32px rgba(25, 25, 112, 0.18); 4139 border-radius: 10px; 4140 padding: 14px 18px 14px 16px; 4141 font-size: 0.95rem; color: #1a1a40; 4142 opacity: 0; transform: translateX(20px); 4143 transition: opacity .25s ease, transform .25s ease; 4144 pointer-events: auto; 4145 display: flex; align-items: flex-start; gap: 10px; 4146 } 4147 .vmp-toast.is-visible { opacity: 1; transform: translateX(0); } 4148 .vmp-toast.is-success { border-left-color: #2ecc71; } 4149 .vmp-toast.is-error { border-left-color: #e63946; } 4150 .vmp-toast .vmp-toast-icon { font-size: 1.1rem; line-height: 1; margin-top: 2px; } 4151 .vmp-toast.is-success .vmp-toast-icon { color: #2ecc71; } 4152 .vmp-toast.is-error .vmp-toast-icon { color: #e63946; } 4153 @media (max-width: 480px) { 4154 .vmp-toast-stack { top: 16px; right: 12px; left: 12px; max-width: none; } 4155 } 4156</style> 4157
4158<script> 4159(function () { 4160 var VMP_NL = { 4161 ajaxUrl: "https:\/\/vmppass.com\/wp-admin\/admin-ajax.php", 4162 strings: { 4163 emailRequired: "Please enter your email address.", 4164 emailInvalid: "Please enter a valid email address.", 4165 success: "You're in \u2014 check your inbox for a confirmation.", 4166 errorGeneric: "Something went wrong. Please try again in a moment.", 4167 errorNetwork: "Network error. Check your connection and try again.", 4168 errorRate: "Too many requests. Please wait a minute before trying again.", 4169 errorSmtp: "We could not subscribe you right now. Please try again in a few minutes." } 4170 }; 4171 4172 var stack = document.getElementById('vmp-nl-toast-stack'); 4173 var forms = document.querySelectorAll('.vmp-newsletter-form'); 4174 if (!stack || forms.length === 0) return; 4175 4176 var emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 4177 4178 function showToast(message, variant) { 4179 var el = document.createElement('div'); 4180 el.className = 'vmp-toast is-' + (variant || 'success'); 4181 el.setAttribute('role', variant === 'error' ? 'alert' : 'status'); 4182 var icon = variant === 'error' ? 'â ' : 'â'; 4183 el.innerHTML = '<span class="vmp-toast-icon" aria-hidden="true">' + icon + '</span><span>' + message + '</span>'; 4184 stack.appendChild(el); 4185 requestAnimationFrame(function () { el.classList.add('is-visible'); }); 4186 setTimeout(function () { 4187 el.classList.remove('is-visible'); 4188 setTimeout(function () { el.remove(); }, 280); 4189 }, 5200); 4190 } 4191 4192 function setFieldError(form, name, message) { 4193 var input = form.querySelector('[name="' + name + '"]'); 4194 var slot = form.querySelector('[data-error-for="' + name + '"]'); 4195 if (!input || !slot) return; 4196 if (message) { 4197 input.classList.add('is-invalid'); 4198 input.setAttribute('aria-invalid', 'true'); 4199 slot.textContent = message; 4200 } else { 4201 input.classList.remove('is-invalid'); 4202 input.removeAttribute('aria-invalid'); 4203 slot.textContent = ''; 4204 } 4205 } 4206 4207 function clearAllErrors(form) { 4208 ['name', 'email'].forEach(function (n) { setFieldError(form, n, ''); }); 4209 } 4210 4211 /** If the form is inside a Bootstrap modal, hide it after success. */ 4212 function maybeCloseModal(form) { 4213 var modalEl = form.closest('.modal'); 4214 if (!modalEl || typeof bootstrap === 'undefined') return; 4215 var bsModal = bootstrap.Modal.getInstance(modalEl); 4216 if (bsModal) bsModal.hide(); 4217 } 4218 4219 function bindForm(form) { 4220 form.addEventListener('input', function (e) { 4221 if (e.target && e.target.name) setFieldError(form, e.target.name, ''); 4222 }); 4223 4224 form.addEventListener('submit', function (e) { 4225 e.preventDefault(); 4226 clearAllErrors(form); 4227 4228 var fd = new FormData(form); 4229 var d = { 4230 name: fd.get('name') || '', 4231 email: fd.get('email') || '', 4232 website: fd.get('website') || '' 4233 }; 4234 4235 // Client-side validation 4236 if (!d.email.trim()) { 4237 setFieldError(form, 'email', VMP_NL.strings.emailRequired); 4238 form.querySelector('[name="email"]').focus(); 4239 return; 4240 } 4241 // GA: count a subscribe click ONLY when the email box is not empty. 4242 try { if (window.vmpTrack) window.vmpTrack('newsletter_subscribe_click', { placement: fd.get('source') || 'footer_modal' }); } catch (x) {} 4243 if (!emailRe.test(d.email.trim())) { 4244 setFieldError(form, 'email', VMP_NL.strings.emailInvalid); 4245 form.querySelector('[name="email"]').focus(); 4246 return; 4247 } 4248 4249 // Honeypot â silently succeed 4250 if (d.website) { 4251 form.reset(); 4252 showToast(VMP_NL.strings.success, 'success'); 4253 maybeCloseModal(form); 4254 return; 4255 } 4256 4257 var btn = form.querySelector('button[type="submit"]'); 4258 var defaultLabel = btn.getAttribute('data-label-default'); 4259 var sendingLabel = btn.getAttribute('data-label-sending'); 4260 btn.disabled = true; 4261 btn.innerHTML = '<span class="vmp-spinner" aria-hidden="true"></span>' + sendingLabel; 4262
4263 fetch(VMP_NL.ajaxUrl, { method: 'POST', credentials: 'same-origin', body: fd }) 4264 .then(function (res) { return res.json().catch(function () { return null; }); }) 4265 .then(function (json) { 4266 if (json && json.success) { 4267 form.reset(); 4268 showToast((json.data && json.data.message) || VMP_NL.strings.success, 'success'); 4269 maybeCloseModal(form); 4270 } else if (json && json.data && json.data.code === 'rate_limited') { 4271 showToast(VMP_NL.strings.errorRate, 'error'); 4272 } else if (json && json.data && json.data.errors) { 4273 Object.keys(json.data.errors).forEach(function (n) { setFieldError(form, n, json.data.errors[n]); }); 4274 showToast((json.data && json.data.message) || VMP_NL.strings.errorGeneric, 'error'); 4275 } else { 4276 showToast(VMP_NL.strings.errorGeneric, 'error'); 4277 } 4278 }) 4279 .catch(function () { showToast(VMP_NL.strings.errorNetwork, 'error'); }) 4280 .finally(function () { 4281 btn.disabled = false; 4282 btn.innerHTML = defaultLabel; 4283 }); 4284 }); 4285 } 4286 4287 forms.forEach(bindForm); 4288})(); 4289</script>
4289 4290 4291
4292<script type="speculationrules"> 4293{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/vmpPass/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4294</script>
vendor: 1 bytes, line 4294
4294
4295<script id="wp-hooks-js" src="https://vmppass.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 4295
4295
4296<script id="wp-i18n-js" src="https://vmppass.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 4296
4296
4297<script id="wp-i18n-js-after"> 4298wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 4299//# sourceURL=wp-i18n-js-after 4300</script>
vendor: 1 bytes, line 4300
4300
4301<script id="swv-js" src="https://vmppass.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4301
4301
4302<script id="contact-form-7-js-before"> 4303var wpcf7 = { 4304 "api": { 4305 "root": "https:\/\/vmppass.com\/wp-json\/", 4306 "namespace": "contact-form-7\/v1" 4307 } 4308}; 4309//# sourceURL=contact-form-7-js-before 4310</script>
vendor: 1 bytes, line 4310
4310
4311<script id="contact-form-7-js" src="https://vmppass.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4311
4311
4312<script id="vmp-mega-menu-js-extra"> 4313var vmpMegaMenu = {"triggerType":"both","hoverDelay":"200","animationSpeed":"300"}; 4314//# sourceURL=vmp-mega-menu-js-extra 4315</script>
vendor: 1 bytes, line 4315
4315
4316<script id="vmp-mega-menu-js" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/js/mega-menu.js?ver=1790905676"></script>
vendor: 1 bytes, line 4316
4316
4317<script id="bootstrap-bundle-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/bootstrap.bundle.min.js?ver=5.3.2"></script>
vendor: 1 bytes, line 4317
4317
4318<script id="cookie-consent-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/cookie-consent.js?ver=1.1"></script>
vendor: 1 bytes, line 4318
4318
4319<script id="tab-swipe-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/tab-swipe.js?ver=1.0"></script>
vendor: 1 bytes, line 4319
4319
4320<script id="vmp-main-js-extra"> 4321var vmpFeedback = {"ajaxurl":"https://vmppass.com/wp-admin/admin-ajax.php","nonce":"1ca358c513","messages":{"thank_you":"Thank you for your feedback!","error_rating":"Please select a rating before submitting.","error_rate_limit":"You've already submitted feedback.","error_generic":"Something went wrong. Please try again later."}}; 4322//# sourceURL=vmp-main-js-extra 4323</script>
vendor: 1 bytes, line 4323
4323
4324<script id="vmp-main-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/main.js?ver=1.1"></script>
vendor: 1 bytes, line 4324
4324
4325<script id="language-switcher-js-extra"> 4326var vmpLangSwitcher = {"homeUrl":"https://vmppass.com","supportedLangs":["en","es","de","fr","it","nl","pt","ru","fa"],"currentLang":"en","defaultLang":"en"}; 4327//# sourceURL=language-switcher-js-extra 4328</script>
vendor: 1 bytes, line 4328
4328
4329<script id="language-switcher-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/language-switcher.js?ver=1.3"></script>
vendor: 1 bytes, line 4329
4329
4330<script id="vmp-tracking-js-extra"> 4331var vmpAnalyticsConfig = {"ga4Id":"G-5V8RH21VXZ","pixelId":"947800294393207","pageType":"resource","template":"all-blog.php","postId":"23","lang":"en","loggedIn":"0","userType":"visitor","capiUrl":"","capiNonce":"","debug":"0"}; 4332//# sourceURL=vmp-tracking-js-extra 4333</script>
vendor: 1 bytes, line 4333
4333
4334<script id="vmp-tracking-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/vmp-tracking.js?ver=1785655223"></script>
vendor: 1 bytes, line 4334
4334
4335<script id="vmp-autotrack-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/vmp-autotrack.js?ver=1785655570"></script>
4335 4336
4337<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dbbbde8f593048539877d65fa81eef9b","r":1,"spa":2}' crossorigin="anonymous"></script>
4337 4338</body> 4339 4340</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.