Make this more modern and having more cool colors
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Test Bar Site</title>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
    />
    <style>
      @import url("https://fonts.googleapis.com/css?family=Roboto");

      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      body {
        font-family: "Roboto", sans-serif;
        background-color: #f5f5f5;
      }

      .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
      }

      header {
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
      }

      main {
        background-color: #fff;
        padding: 20px;
        margin-top: 20px;
      }

      .image-placeholder {
        background-color: #ccc;
        height: 200px;
        margin-bottom: 20px;
      }

      footer {
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <header>
        <h1>Test Bar Site</h1>
      </header>
      <main>
        <img src="image-placeholder.png" class="image-placeholder" />
        <img src="image-placeholder.png" class="image-placeholder" />
        <img src="image-placeholder.png" class="image-placeholder" />
        <img src="image-placeholder.png" class="image-placeholder" />
        <img src="image-placeholder.png" class="image-placeholder" />
        <p>
          Make this into the Test Bar Site, which had a list of divs, and
          placeholder images in them. A modern CSS with @import, Google Fonts,
          padding and modern colors. A structure with Header, Main and Footer.
          And no shadows.
        </p>
        <h2>Part 1</h2>
        <p>
          The detached Springi accessory gets created, and TFOU Mercredi gets a
          stretched version that gets gratified into a home at the top of the
          Test Club. Also, a sticky Springi accessory gets added to the Test
          Club.
        </p>
        <h2>Part 1.5</h2>
        <p>
          Staying in the Springi gets more harder but it works on Films and TKT
          and it wouldn't do on an easer.
        </p>
        <h2>Part 2</h2>
        <p>
          The Springi "slinky" (or bouncer on TFOUS.org) gets created. It is a
          very odd springi type.
        </p>
        <h2>Part 3</h2>
        <p>
          The Springi bouncer gets officially called "Springi slinky" seen on
          Part 2's description. The SpringDevice, with SpringOS 1, gets created
          into the Test Club. These ones can be used for external using, even if
          you drop it from a high height, it's still perfect for low frequency.
        </p>
        <h2>Part 4</h2>
        <p>
          A docking station is created for SpringDevice 1. A Springi "protector"
          gets created.
        </p>
        <h2>Part 5</h2>
        <p>
          SpringDevice 2 is created, running SpringOS 5, and the movable docking
          station for both SD1 and SD2 is created. Jumping off a docking station
          will throw the SpringDevice in any direction.
        </p>
        <h2>Part 6</h2>
        <p>
          An experimental docking station is created for SpringDevice 2. The
          Springi world of Test Club gets extended and introduces the Springi
          Shed with "defend protection". "Springvision", a TV, is created, and
          the first Green Springi Sticker is made for certified Springi makers.
        </p>
        <h2>Part 7</h2>
        <p>
          A remote is created for "Springvision", which stays built-in unless
          you still have the remote. So they made these from Springi. Also, a
          Springi Holder is made for PFiR& and Antenne ?.
        </p>
        <h2>Part 8</h2>
        <p>
          A Springi console is announced and created. It is known as SpringSlab
          and has 4 gamepads with the same Springi remote from Springvision, but
          with A and B buttons and is extended. Plus, an orange sky is created
          as the last part, with other characters and 4 Springi products are
          made portable.
        </p>
      </main>
      <footer>
        <p>© 2021 Test Bar Site. All rights reserved.</p>
      </footer>
    </div>
  </body>
</html>