header.html

<!DOCTYPE html>
<html>
    <head> 
      <title>Welcome to my website</title>
    </head>
    <link rel="stylesheet" href="style.css"/>
    <body>
      <h1 id="first">My First Header</h1>
      <p class="red-color-black-bg">Hello World, welcome to my first website</p>

      <h1 class="red-color-black-bg">My seond heading</h1>
    </body>
    <body>
  <div class="container">
    <div class="card">
      <h2 class="card-title">my first Card</h2>
      <div class="card-image" style="background-color: #FFD700;"></div> 
      <div class="card-content">
        <p>Some text content for Card 1.</p>
      </div>
    </div>

    <div class="card">
      <h2 class="card-title">my second card</h2>
      <div class="card-image" style="background-color: #7CFC00;"></div> 
      <div class="card-content">
        <p>Some text content for Card 2.</p>
      </div>
    </div>

   

  </div>
</body>
</html>