Systems Maintenance

<!DOCTYPE html> <html lang="en"> <head>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z22RP25Y5K"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-Z22RP25Y5K'); </script> <meta charset="utf-8" /> <title>Systems Maintenance</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://kit.fontawesome.com/789c50e8aa.js" crossorigin="anonymous"></script> <style> h1 { font-family: "Noto Sans VF", "Noto Sans", "Helvetica", "Arial", sans-serif; color: #222222; font-size: 2.3rem; } h2 { font-size: 1.8rem; color: #1d3557; } .notification { width: 100%; min-height: 30px; background-color: #f6c51b; } a { color: #0c60a0; text-decoration-line: none; cursor: pointer; } body { font-size: 1.1rem; } .container { width: 85%; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; } .bg-color { background-color: #14558f !important; border-bottom: 1px solid #f1f1f1; } .app-name { color: #FFFFFF; font-size: 1.6rem; letter-spacing: 1px; font-weight: 500; } .bg-footer-color { background-color: #f5f5f5; box-shadow: 0 .5rem 1rem #00000026 !important; margin-bottom: 0; } .massgov a { color: #3D7D5A; font-size: 1.5rem; font-weight: 500; font-family: "Noto Sans VF", "Noto Sans", "Helvetica", "Arial", sans-serif; align-content: left; } .massgov a:hover { text-decoration-line: none; } .bg-icon-color i { color: #14558f; } .bg-icon-color i:hover { color: #2d67d2; } .tooltip-inner { background-color: #2c67d2; } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #2c67d2 !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #2c67d2 !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #2c67d2 !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #2c67d2 !important; } .arrow-left { cursor: pointer; } </style> </head> <body> <header>  <div class="notification"></div>  <div class="d-flex bg-color"> <div class="p-1 ml-3 mb-2 mt-2 app-name mx-4 mr-auto"> <img src="https://www.doe.mass.edu/images/esp/stateseal-color.png" alt="State seal Logo" width="45" height="45" /> MA Education Security Portal </div> </div> </header>  <main> <section class="pb-5"> <div class="container mt-5"> <div class="row mb-4"> <div class="col-lg-12 px-5 py-4"> <h1 class="mb-4">System Maintenance</h1> <p><strong>*** Update *** Systems maintenance has been scheduled for the following day/time:</strong> <ul> <li>Day: <span class="blux">Thursday, February 27, 2025</span></li> <li>Time: <span class="blux">From 5:30 PM to, potentially, 9:30 PM (ET)</span></li> </ul> During maintenance, users may experience intermittent connectivity. We apologize for any inconvenience. <p>Please plan accordingly and thank you for your cooperation.</p> <br> <br><br> </div> </div> </div> </section> </main>  <footer class="fixed-bottom"> <div class="bg-footer-color p-3"> </div> </footer>  <script> $(document).ready(function () { $('[data-toggle="tooltip"]').tooltip(); }); </script> </body> </html>

CINXE.COM

Systems Maintenance