IntraCDL UI

Interior Related Links 

<div class="t-interior-related-links">
    <header>
        <a href="#maincontent" class="c-skipnav">Skip to main content</a>

        <div class="c-header">
            <a class="c-header-logo" href="">IntraCDL</a>

        </div>

    </header>
    <nav class="c-breadcrumb" aria-label="breadcrumb">
        <ul>
            <li><a href="">IntraCDL</a></li>
            <li>Order Request Process</li>
        </ul>
    </nav>

    <aside>
        <nav class="c-relatedlinks js-relatedlinks" aria-labelledby="relatedlinks-heading">
            <header>
                <h2 id="relatedlinks-heading">Related Links</h2>
                <button aria-label="open" aria-expanded="false"></button>
            </header>
            <div class="js-relatedlinks__list">
                <ul>
                    <li><a href="">Lorem ipsum dolor</a></li>
                    <li><a href="">Ex odit saepe</a></li>
                    <li><a href="">Natus delectus numquam</a></li>
                    <li><a href="">Temporibus libero aliquam</a></li>
                    <li><a href="">Consequuntur veritatis</a></li>
                </ul>
            </div>
        </nav>

    </aside>
    <main id="maincontent">
        <h1>Order Request Process</h1>

        <h2>Short Content Example</h2>

        <p>Tyrannus quisquam amplus absque nam cerno coadunatio. Commodo demonstro conqueror. Vulgivagus nam subnecto nulla uberrime dolore cur iure atque.</p>
    </main>
    <aside class="c-postdate" aria-label="updated by document owner">
        <dl>
            <div>
                <dt>Last updated</dt>
                <dd>April 28, 2024</dd>
            </div>
            <div>
                <dt>Document owner</dt>
                <dd>Virginia Grimes</dd>
            </div>
        </dl>
    </aside>

    <footer>
        <div class="c-footer">
            <a href="" class="c-footer-logo">California Digital Library</a>

            <ul>
                <li><a href="">About IntraCDL</a></li>
                <li><a href="">Privacy Policy</a></li>
                <li><a href="">Comments / Feedback</a></li>
                <li><a href="">Accessiblity</a></li>
            </ul>
        </div>

    </footer>
</div>
 
<div class="t-interior-related-links">
  <header>
    {{ render '@skipnav' }}
    {{ render '@header' }}
  </header>
  {{ render '@breadcrumb' }}
  <aside>
    {{ render '@relatedlinks' }}
  </aside>
  <main id="maincontent">
    {{ render '@content--2' }}
  </main>
  {{ render '@postdate' }}
  <footer>
    {{ render '@footer' }}
  </footer>
</div>
 
/* No context defined. */

No notes defined.