<!--
Copy and paste the code below into Cascade. If you're going to use a single wide image try to ensure it's 1400px in width. Make sure you upload your image to a Cascade media library and publish it. Then use the URL of that image and place it in the src="" parameter of the img element.

If you'd like to make the splash image expand fully across the entire page then put this code into a Row in Cascade and change the settings to Row Settings > Full Width > Without Padding.
-->
<div class="row row-cols-1">
  <div class="col px-0">
    <img class="h-100 w-100" alt="Don't forget to give me an alt description" src="https://www.dummyimage.com/1400x500/808080/fff.jpg&text=splash%20image" />
  </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