listing-02-two-navs-copy-4.html

<ul class="cards">
  <li class="card">
    <h4 class="card-title">Card title 1</h4>
    <div class="wrp-img">
      <img
        class="card-image"
        src="https://ac.goit.global/img/photo1.jpg"
        alt="image description"
      />
    </div>
    <p class="card-description">Description of the topic 1</p>
  </li>
  <li>
    <h4 class="card-title">Card title 2</h4>
    <div class="wrp-img">
      <img
        class="card-image"
        src="https://ac.goit.global/img/photo2.jpg"
        alt="image description"
      />
    </div>
    <p class="card-description">Description of the topic 2</p>
  </li>
  <li>
    <h4 class="card-title">Card title 3</h4>
    <div class="wrp-img">
      <img
        class="card-image"
        src="https://ac.goit.global/img/photo3.jpg"
        alt="image description"
      />
    </div>
    <p class="card-description">Description of the topic 3</p>
  </li>
</ul>