adding note and formatting

views/login_selection.ejs

@@ -77,7 +77,17 @@
     <a class="no-external-icon usa-button dslogon" href="<%- dslogon_login_link -%>" style="margin-bottom: 15px;">DS Logon</a>
     <a class="no-external-icon usa-button mhv" href="<%-  mhv_login_link -%>" style="margin-bottom: 15px; margin-block-end: 20px;">My HealtheVet</a>
   </div>
-  <div class="usa-grid">
+    <div class="usa-grid" style="max-width: 450px; margin: 0 auto; text-align: left;">
+    <div class="columns" style="padding-left: 42px; text-align: left;">
+      <p style="font-size: 1em; line-height: 1.5em; margin-bottom: 5px">
+        <strong>Note:</strong> We're moving to a simpler and more modern sign-in experience. We'll remove the My HealtheVet option after 
+        <strong>January 31, 2025</strong>, and the DS Logon option after <strong>September 30, 2025</strong>.
+        <br>
+        <a href="https://www.va.gov/resources/verifying-your-identity-on-vagov/" style="text-decoration: underline;">Learn more about creating a Login.gov or ID.me account</a>
+      </p>
+    </div>
+  </div>
+  <div class="usa-grid" style="margin-top: 20px;">
     <div class="columns">
       <h2 class="usa-heading">Or create an account</h2>
       <hr style="width: 100%; max-width: 320px; margin: 0 auto; border: 0.8px solid #999; margin-bottom: 7px;">