Cornerstone

Interior Hero

Lead in styled text with responsive image element. Must be the first component in the page content.

  • Hero Image (Mobile): 640x640
  • Hero Image (Desktop): 1000x600
<p class="tcu-interior-hero__text tcu-sub-headline">Before commencement you must complete the following easy steps to graduation:</p>
<picture class="tcu-interior-hero__image">
    <source media="(min-width: 600px)" srcset="https://assets.tcu.edu/cornerstone/images/1000x600-grad.jpg" />
    <img src="https://assets.tcu.edu/cornerstone/images/640x640-grad.jpg" alt="two girls moving their tassels to the side" />
</picture>