<!--
Copy and paste the code below into Cascade. Make sure to change img src URL, the alt text description, and the link for the button.
-->
<div class="row row-cols-1 row-cols-md-2">
  <div class="col">
    <div class="card">
      <img src="https://www.dummyimage.com/600x400/808080/fff.jpg&text=card%20image" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">Example content for your card</p>
        <a href="#" class="btn btn-primary">Learn More</a>
      </div>
    </div>
  </div>
</div>

External CSS

  1. https://www.ualberta.ca/_assets/css/framework-v2.css
  2. https://www.ualberta.ca/_assets/css/font-awesome.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js