{"id":148,"date":"2026-10-15T20:47:39","date_gmt":"2026-10-15T20:47:39","guid":{"rendered":"https:\/\/vpmc.co.ke\/staging\/?page_id=148"},"modified":"2026-10-16T09:57:38","modified_gmt":"2026-10-16T09:57:38","slug":"staff-mail","status":"publish","type":"page","link":"https:\/\/vpmc.co.ke\/staging\/staff-mail\/","title":{"rendered":"Staff Mail"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"148\" class=\"elementor elementor-148\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18b96cd e-con e-atomic-element e-flexbox-base e-default-div e-a4d57c6 \" data-id=\"18b96cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"18b96cd\" data-e-type=\"e-flexbox\" data-id=\"18b96cd\">\n    \t\t<div class=\"elementor-element elementor-element-9b08d9a elementor-widget elementor-widget-html\" data-id=\"9b08d9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section id=\"vpmc-staff-mail\">\n  <style>\n    #vpmc-staff-mail {\n      --mail-blue: #174A86;\n      --mail-navy: #103761;\n      --mail-cyan: #08B5E5;\n      --mail-teal: #369F9F;\n      --mail-text: #263238;\n      --mail-muted: #667789;\n      --mail-bg: #F2F6F9;\n\n      position: relative;\n      left: 50%;\n      width: 100vw;\n      max-width: 100vw;\n      margin-left: -50vw;\n      overflow: hidden;\n      background: #fff;\n      color: var(--mail-text);\n      font-family: inherit;\n      box-sizing: border-box;\n    }\n\n    #vpmc-staff-mail *,\n    #vpmc-staff-mail *::before,\n    #vpmc-staff-mail *::after {\n      box-sizing: border-box;\n    }\n\n    #vpmc-staff-mail .vsm-container {\n      width: min(1180px, calc(100% - 48px));\n      margin: 0 auto;\n    }\n\n    \/* HERO *\/\n    #vpmc-staff-mail .vsm-hero {\n      position: relative;\n      padding: 85px 20px 90px;\n      background:\n        radial-gradient(ellipse at 90% 5%, rgba(8,181,229,.18), transparent 34%),\n        radial-gradient(ellipse at 0% 100%, rgba(54,159,159,.12), transparent 38%),\n        linear-gradient(135deg, #F1F6F9 0%, #E8F0F5 100%);\n      text-align: center;\n    }\n\n    #vpmc-staff-mail .vsm-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      margin-bottom: 20px;\n      color: var(--mail-teal);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 2px;\n      line-height: 1.5;\n      text-transform: uppercase;\n    }\n\n    #vpmc-staff-mail .vsm-eyebrow::before,\n    #vpmc-staff-mail .vsm-eyebrow::after {\n      content: \"\";\n      width: 25px;\n      height: 3px;\n      border-radius: 4px;\n      background: var(--mail-cyan);\n    }\n\n    #vpmc-staff-mail .vsm-hero h1 {\n      max-width: 850px;\n      margin: 0 auto 20px;\n      color: var(--mail-blue);\n      font-size: clamp(38px, 5vw, 60px);\n      font-weight: 800;\n      line-height: 1.12;\n      letter-spacing: -1.6px;\n    }\n\n    #vpmc-staff-mail .vsm-hero h1 span {\n      color: var(--mail-teal);\n    }\n\n    #vpmc-staff-mail .vsm-hero p {\n      max-width: 680px;\n      margin: 0 auto;\n      color: var(--mail-muted);\n      font-size: 16px;\n      line-height: 1.9;\n    }\n\n    #vpmc-staff-mail .vsm-heading-line {\n      width: 72px;\n      height: 4px;\n      margin: 27px auto 0;\n      border-radius: 5px;\n      background: var(--mail-cyan);\n    }\n\n    \/* LOGIN SECTION *\/\n    #vpmc-staff-mail .vsm-login-section {\n      padding: 0 20px 85px;\n      background: var(--mail-bg);\n    }\n\n    #vpmc-staff-mail .vsm-login-card {\n      position: relative;\n      top: -35px;\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n      gap: 35px;\n      max-width: 1000px;\n      margin: 0 auto -35px;\n      padding: 42px;\n      border: 1px solid #E0E9F0;\n      border-radius: 18px;\n      background: #fff;\n      box-shadow: 0 20px 55px rgba(16,55,97,.09);\n    }\n\n    #vpmc-staff-mail .vsm-login-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    #vpmc-staff-mail .vsm-mail-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 70px;\n      height: 70px;\n      margin-bottom: 24px;\n      border: 1px solid #CDEAF1;\n      border-radius: 15px;\n      background: #EAF8FB;\n      color: var(--mail-blue);\n    }\n\n    #vpmc-staff-mail .vsm-mail-icon svg {\n      width: 37px;\n      height: 37px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    #vpmc-staff-mail .vsm-login-copy h2 {\n      margin: 0 0 16px;\n      color: var(--mail-blue);\n      font-size: clamp(28px, 3vw, 36px);\n      font-weight: 800;\n      letter-spacing: -.7px;\n      line-height: 1.2;\n    }\n\n    #vpmc-staff-mail .vsm-login-copy > p {\n      margin: 0 0 22px;\n      color: var(--mail-muted);\n      font-size: 15px;\n      line-height: 1.85;\n    }\n\n    #vpmc-staff-mail .vsm-login-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      width: fit-content;\n      max-width: 100%;\n      min-height: 55px;\n      padding: 15px 24px;\n      border: 2px solid var(--mail-blue);\n      border-radius: 7px;\n      background: var(--mail-blue);\n      color: #fff !important;\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.5;\n      text-align: center;\n      text-decoration: none !important;\n      transition: transform .25s ease, background .25s ease,\n        box-shadow .25s ease;\n    }\n\n    #vpmc-staff-mail .vsm-login-button:hover {\n      transform: translateY(-3px);\n      background: var(--mail-navy);\n      border-color: var(--mail-navy);\n      color: #fff !important;\n      box-shadow: 0 9px 22px rgba(16,55,97,.2);\n    }\n\n    #vpmc-staff-mail .vsm-login-button span {\n      font-size: 20px;\n      line-height: 1;\n    }\n\n    #vpmc-staff-mail .vsm-secure-note {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      margin-top: 19px;\n      color: var(--mail-muted);\n      font-size: 12px;\n      line-height: 1.7;\n    }\n\n    #vpmc-staff-mail .vsm-secure-note svg {\n      flex: 0 0 18px;\n      width: 18px;\n      height: 18px;\n      margin-top: 1px;\n      fill: none;\n      stroke: var(--mail-teal);\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* LOGIN STEPS *\/\n    #vpmc-staff-mail .vsm-steps {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 13px;\n      padding: 27px;\n      border: 1px solid #E0EAF1;\n      border-radius: 13px;\n      background: #F7FAFC;\n    }\n\n    #vpmc-staff-mail .vsm-steps h3 {\n      margin: 0 0 8px;\n      color: var(--mail-blue);\n      font-size: 19px;\n      font-weight: 800;\n      line-height: 1.4;\n    }\n\n    #vpmc-staff-mail .vsm-step {\n      display: flex;\n      align-items: flex-start;\n      gap: 13px;\n      padding: 15px 0;\n      border-bottom: 1px solid #E2EAF0;\n    }\n\n    #vpmc-staff-mail .vsm-step:last-child {\n      padding-bottom: 0;\n      border-bottom: 0;\n    }\n\n    #vpmc-staff-mail .vsm-step-number {\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 32px;\n      height: 32px;\n      border-radius: 9px;\n      background: #E2F5FA;\n      color: var(--mail-blue);\n      font-size: 13px;\n      font-weight: 800;\n    }\n\n    #vpmc-staff-mail .vsm-step strong {\n      display: block;\n      margin: 0 0 5px;\n      color: var(--mail-text);\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.5;\n    }\n\n    #vpmc-staff-mail .vsm-step p {\n      margin: 0;\n      color: var(--mail-muted);\n      font-size: 12px;\n      line-height: 1.75;\n    }\n\n    \/* SUPPORT NOTE *\/\n    #vpmc-staff-mail .vsm-support {\n      max-width: 920px;\n      margin: 43px auto 0;\n      text-align: center;\n    }\n\n    #vpmc-staff-mail .vsm-support h3 {\n      margin: 0 0 10px;\n      color: var(--mail-blue);\n      font-size: 23px;\n      font-weight: 800;\n      line-height: 1.4;\n    }\n\n    #vpmc-staff-mail .vsm-support p {\n      max-width: 670px;\n      margin: 0 auto;\n      color: var(--mail-muted);\n      font-size: 14px;\n      line-height: 1.9;\n    }\n\n    #vpmc-staff-mail .vsm-support strong {\n      color: var(--mail-blue);\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 760px) {\n      #vpmc-staff-mail .vsm-container {\n        width: calc(100% - 32px);\n      }\n\n      #vpmc-staff-mail .vsm-hero {\n        padding: 57px 17px 68px;\n      }\n\n      #vpmc-staff-mail .vsm-eyebrow {\n        gap: 7px;\n        font-size: 10px;\n        letter-spacing: 1.5px;\n      }\n\n      #vpmc-staff-mail .vsm-eyebrow::before,\n      #vpmc-staff-mail .vsm-eyebrow::after {\n        width: 17px;\n      }\n\n      #vpmc-staff-mail .vsm-hero h1 {\n        font-size: clamp(34px, 8.5vw, 45px);\n        letter-spacing: -.9px;\n      }\n\n      #vpmc-staff-mail .vsm-hero p {\n        font-size: 14px;\n        line-height: 1.85;\n      }\n\n      #vpmc-staff-mail .vsm-login-section {\n        padding: 0 16px 55px;\n      }\n\n      #vpmc-staff-mail .vsm-login-card {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 25px;\n        top: -28px;\n        margin-bottom: -28px;\n        padding: 25px 20px;\n        border-radius: 14px;\n      }\n\n      #vpmc-staff-mail .vsm-mail-icon {\n        width: 58px;\n        height: 58px;\n        margin-bottom: 18px;\n        border-radius: 12px;\n      }\n\n      #vpmc-staff-mail .vsm-mail-icon svg {\n        width: 30px;\n        height: 30px;\n      }\n\n      #vpmc-staff-mail .vsm-login-copy h2 {\n        font-size: 29px;\n      }\n\n      #vpmc-staff-mail .vsm-login-copy > p {\n        font-size: 14px;\n      }\n\n      #vpmc-staff-mail .vsm-login-button {\n        width: 100%;\n      }\n\n      #vpmc-staff-mail .vsm-steps {\n        padding: 21px 17px;\n      }\n\n      #vpmc-staff-mail .vsm-support {\n        margin-top: 34px;\n      }\n\n      #vpmc-staff-mail .vsm-support h3 {\n        font-size: 21px;\n      }\n\n      #vpmc-staff-mail .vsm-support p {\n        font-size: 13px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #vpmc-staff-mail *,\n      #vpmc-staff-mail *::before,\n      #vpmc-staff-mail *::after {\n        transition-duration: .01ms !important;\n      }\n    }\n  <\/style>\n\n  <!-- HERO -->\n  <header class=\"vsm-hero\">\n    <div class=\"vsm-container\">\n      <span class=\"vsm-eyebrow\">VPMC Staff Portal<\/span>\n      <h1>Staff <span>Mail<\/span><\/h1>\n      <p>\n        Access your official VPMC email through our webmail portal.\n        Stay connected with colleagues, manage your correspondence,\n        and keep up with important workplace communications.\n      <\/p>\n      <div class=\"vsm-heading-line\"><\/div>\n    <\/div>\n  <\/header>\n\n  <!-- LOGIN CARD -->\n  <section class=\"vsm-login-section\">\n    <div class=\"vsm-container\">\n\n      <div class=\"vsm-login-card\">\n\n        <div class=\"vsm-login-copy\">\n          <div class=\"vsm-mail-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 48 48\">\n              <rect x=\"4\" y=\"9\" width=\"40\" height=\"30\" rx=\"4\"\/>\n              <path d=\"m6 13 18 14 18-14\"\/>\n              <path d=\"M6 36l12-11\"\/>\n              <path d=\"M42 36 30 25\"\/>\n            <\/svg>\n          <\/div>\n\n          <h2>Access Your Work Email<\/h2>\n\n          <p>\n            Use the official VPMC webmail portal to sign in to your\n            staff email account from your computer, tablet, or phone.\n          <\/p>\n\n          <a\n            class=\"vsm-login-button\"\n            href=\"https:\/\/vpmc.co.ke:2096\/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\">\n            Log In to Webmail\n            <span aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n\n          <div class=\"vsm-secure-note\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\"\/>\n              <path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/>\n              <path d=\"M12 14v3\"\/>\n            <\/svg>\n            <span>\n              For staff use only. Keep your password private and\n              always sign out when using a shared computer.\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vsm-steps\">\n          <h3>How to Sign In<\/h3>\n\n          <div class=\"vsm-step\">\n            <span class=\"vsm-step-number\">01<\/span>\n            <div>\n              <strong>Open the webmail portal<\/strong>\n              <p>\n                Select the \u201cLog In to Webmail\u201d button to open the\n                VPMC email login page.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"vsm-step\">\n            <span class=\"vsm-step-number\">02<\/span>\n            <div>\n              <strong>Enter your email credentials<\/strong>\n              <p>\n                Use the email address and password provided for\n                your official VPMC staff account.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"vsm-step\">\n            <span class=\"vsm-step-number\">03<\/span>\n            <div>\n              <strong>Access your inbox<\/strong>\n              <p>\n                After signing in, use the webmail interface to\n                read and manage your work correspondence.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- SUPPORT -->\n      <div class=\"vsm-support\">\n        <h3>Having Trouble Signing In?<\/h3>\n        <p>\n          If your credentials do not work or you cannot access your\n          mailbox, contact the VPMC staff member responsible for\n          email administration for assistance. Never share your\n          password with another person.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VPMC Staff Portal Staff Mail Access your official VPMC email through our webmail portal. Stay connected with colleagues, manage your correspondence, and keep up with important workplace communications. Access Your Work Email Use the official VPMC webmail portal to sign in to your staff email account from your computer, tablet, or phone. Log In to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":7,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/148\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}