Cornerstone

Text Hero

The Text Hero is a Snippet that needs to be added as the first item in a content area for it to work. The XSL template will move the text hero up into the page heading area.

<div class="tcu-page-heading">
    <div class="tcu-page-heading__inner">
        <nav aria-label="Breadcrumb" role="navigation">
            <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumbs">
                <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a itemprop="item" href="#"><span itemprop="name">College of Education</span>
                        <meta itemprop="position" content="1" />
                    </a>
                </li>
                <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a itemprop="item" href="#"><span itemprop="name">About</span>
                        <meta itemprop="position" content="2" />
                    </a>
                </li>
                <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <span itemprop="name">Page Name</span>
                    <meta itemprop="position" content="3" />
                </li>
            </ol>
        </nav>
        <h1>Heading 1</h1>
        <div class="tcu-text-hero">
            <p>In our state-of-the-art facilities, students immerse themselves in hands-on learning, original works of art and elevate their creative skills. Our world-class performance centers, labs, theaters and studios ensure that our students are fully prepared for life-long successful careers in the fine and performing arts.</p>
            <p><a class='button' href='#'>Primary Button</a></p>
        </div>
    </div>
</div>