Need help creating CSS cards : This question might be a bit broad but I need urgent help in completing this. I am trying to create three cards and a bar that is on top of them like this:
[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/Vg5d8.png

Where the orange parts are images and the grey parts are text.

Here is my code:

<h1>HTML</h1>

        <body>
     
      <div class="blue-line"></div>
      <div class="card"></div>
      <div class="card"></div>
      <div class="card"></div>
      
      
    </body>

<h1>CSS</h1>

    .blue-line{
      height: 100px;
      background-color: lightblue;
      margin-left: 10px;
      margin-right:10px;
      
    }
    .card{
      height: 400px;
      width: 300px;
      background-color: grey;
      margin-left: 10px;
      margin-right:10px;
      margin-top:20px;
      
    }

