random.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>"Random" Test Page</title>
    <link rel="stylesheet" href="stylesheet.css">
<body>
    <section class="usa-banner">
        <div class="usa-accordion">
          <header class="usa-banner-header">
            <div class="usa-grid usa-banner-inner"> <img src="/assets/uswds/img/favicons/favicon-57.png" alt="U.S. flag">
              <p>An official website of the United States government</p> <button class="usa-accordion-button usa-banner-button" aria-expanded="false" aria-controls="gov-banner"> <span class="usa-banner-button-text">Here's how you know</span> </button> </div>
          </header>
          <div class="usa-banner-content usa-grid usa-accordion-content" id="gov-banner" aria-hidden="true">
            <div class="usa-banner-guidance-gov usa-width-one-half"> <img class="usa-banner-icon usa-media_block-img" src="/assets/uswds/img/icon-dot-gov.svg" alt="Dot gov">
              <div class="usa-media_block-body">
                <p> <strong>The .gov means it’s official.</strong> <br> Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site. </p>
              </div>
            </div>
            <div class="usa-banner-guidance-ssl usa-width-one-half"> <img class="usa-banner-icon usa-media_block-img" src="/assets/uswds/img/icon-https.svg" alt="Https">
              <div class="usa-media_block-body">
                <p> <strong>The site is secure.</strong> <br> The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely. </p>
              </div>
            </div>
          </div>
        </div>
      </section>
    
    <h1>Hello World</h1>
    <h2>Wow this is a "random" page.</h2>
    <p>also hosted with GitHub Pages.</p>
    <p>convert the last modified property into a date object:</p><br>
    <p id="lastModified"></p>
    <script>
        const lastModified = new Date(document.lastModified);
        document.getElementById("lastModified").innerHTML = "Page last edited: " + lastModified;
    </script><br>
    <a href="/index.html">Go to Home page</a><br>
</body>
</html>