Cornerstone

Background Container: Default

Background Container

The background container…

The use case is currently limited to WWW(tcu.edu), CSE, Admissions, Addran.

<div
  id="tcu-background-container-5"
  class="tcu-module-wrapper _full-width tcu-background-container _has-image "
  style="background-color: #fff"
>
  <div class="tcu-background-container__image"></div>
</div>
<style>
    #tcu-background-container .tcu-background-container__image {
        background-image: url('https://via.placeholder.com/1800x1200');
    }

    @media (min-width: 43.75em) {
        #tcu-background-container .tcu-background-container__image {
            background-image: url('https://via.placeholder.com/1272x848');
        }
    }
</style>

<div id="tcu-background-container" class="tcu-module-wrapper _full-width tcu-background-container _has-image | tcu-background-container  " style="background-color: transparent">
    <div class="tcu-background-container__content">
        <h1 style='text-align: center;'><strong>This Is Where It All Starts. Apply.</strong></h1>
        <p class='tcu-sub-headline' style='text-align: center;'>Ready for a life journey grounded in personal attention and opportunities? You’ll never know how the TCU experience will propel your future until you take the next step. We look forward to learning more about you.</p>
        <div class="button-group align-center">
            <a href="" class="tcu-button _hollow | button hollow">
                Hollow Button
            </a>
        </div>
    </div>

    <div class="tcu-background-container__image"></div>
</div>