<div class="t-home js-home">
<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>
<div class="t-banner">
<section class="c-banner js-banner">
<header>
<h2>Join OPSA & UC colleagues for bingo on Feb. 17</h2>
<button aria-label="close"></button>
</header>
Veritas damnatio arca acies. Temperantia vespillo talio aspernatur vitium antepono studio. Bardus doloribus tepesco.
</section>
</div>
<div class="t-top-section">
<div class="c-qlinks-header">
<h2 id="qlinks-header-cdl">CDL Links</h2>
<a href="#all">All CDL Links</a>
</div>
<nav class="c-quicklinks--cdl" aria-labelledby="qlinks-header-cdl">
<ul>
<li><a href="">CDL Org Chart</a></li>
<li><a href="">Travel & Training Pre-Approval Form</a></li>
<li><a href="">Order Request Form</a></li>
<li><a href="">CDL Website Login</a></li>
<li><a href="">CDL Logos</a></li>
<li><a href="">Infrastructure & Applications Support (IAS)</a></li>
</ul>
</nav>
<div class="c-qlinks-header">
<h2 id="qlinks-header-ucop">UCOP Staff Resources</h2>
<a href="#employee">All Employee Resources</a>
</div>
<nav class="c-quicklinks--ucop" aria-labelledby="qlinks-header-ucop">
<ul>
<li><a href="">UC Path</a></li>
<li><a href="">Time Reporting System (TRS)</a></li>
<li><a href="">Service Now</a></li>
<li><a href="">UC Learning</a></li>
<li><a href="">Outlook Web Access</a></li>
<li><a href="">Link: UCOP Staff News</a></li>
</ul>
</nav>
<article class="c-feature">
<h1>Latest Video Recording</h1>
<time datetime="2022-09-18">18 August 2022</time>
<div class="c-feature__caption">
<p>A coadunatio soleo aut demulceo consequatur acidus titulus casus.</p>
<p>Ullus accusamus valetudo tabgo.</p>
</div>
<div class="c-feature__media">
<img src="https://picsum.photos/seed/QUkWGhI/640/480" alt="Random nature scene">
</div>
<ul class="c-feature__links">
<li><a href="">Watch Recording</a></li>
<li><a href="">All Video Recordings</a></li>
</ul>
</article>
</div>
<div class="t-help-section">
<h2 class="c-home-subheading">Help With…</h2>
<div class="t-topicbox-group">
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li>Learn how to update:
<ul>
<li><a href="">Lorem ipsum dolor sit amet</a></li>
<li><a href="">Quia unde iste perspiciatis quidem</a></li>
<li><a href="">Impedit nihil dolores obcaecati</a></li>
<li><a href="">Voluptatem reiciendis alias corporis sed</a></li>
<li><a href="">Eius dolorem fugit itaque harum</a></li>
</ul>
</li>
<li>Or get in touch at:
<ul>
<li><strong><a href="mailto:website.requests@cdlib.org">Website.Requests@cdlib.org</a></strong></li>
</ul>
</li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<p><strong>For help with:</strong></p>
<p>Qui aliquam, Expedita laboriosam, Ipsum eius sed, Ea nemo voluptas, Voluptates reprehenderit, Ab totam consequatur, Aperiam soluta, Eaque maxime</p>
<p><strong><a href="">Infrastructure & Application Suport</a></strong></p>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li>Learn how to update:
<ul>
<li><a href="">Lorem ipsum dolor sit amet</a></li>
<li><a href="">Quia unde iste perspiciatis quidem</a></li>
<li><a href="">Impedit nihil dolores obcaecati</a></li>
<li><a href="">Voluptatem reiciendis alias corporis sed</a></li>
<li><a href="">Eius dolorem fugit itaque harum</a></li>
</ul>
</li>
<li>Or get in touch at:
<ul>
<li><strong><a href="mailto:website.requests@cdlib.org">Website.Requests@cdlib.org</a></strong></li>
</ul>
</li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<p><strong>For help with:</strong></p>
<p>Qui aliquam, Expedita laboriosam, Ipsum eius sed, Ea nemo voluptas, Voluptates reprehenderit, Ab totam consequatur, Aperiam soluta, Eaque maxime</p>
<p><strong><a href="">Infrastructure & Application Suport</a></strong></p>
</div>
</section>
</div>
</div>
</header>
<main id="maincontent">
<h2 id="all" class="c-home-subheading">About CDL</h2>
<div class="t-topicbox-group">
<section class="c-topicbox--color2 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color2 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color2 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color2 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
</div>
<h2 class="c-home-subheading">Resources to Do Your Work</h2>
<div class="t-topicbox-group">
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
</div>
<h2 class="c-home-subheading">Communications</h2>
<div class="t-topicbox-group">
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color1 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
</div>
<h2 id="employee" class="c-home-subheading">Human Resources</h2>
<div class="t-topicbox-group">
<section class="c-topicbox--color3 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color3 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color3 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
<section class="c-topicbox--color3 js-topicbox">
<header>
<h3>Section Heading</h3>
<button aria-label="open" aria-expanded="false"></button>
</header>
<div class="js-topicbox__content">
<ul>
<li><a href="">Ex pariatur sunt culpa quidem</a></li>
<li><a href="">Fugit suscipit dolorum deserunt eos</a></li>
<li><a href="">Harum accusantium quidem temporibus dolor</a></li>
<li><a href="">Animi officiis aspernatur recusandae non</a></li>
<li><a href="">Vero sit sed consectetur voluptate</a></li>
</ul>
</div>
</section>
</div>
</main>
<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-home js-home">
<header>
{{ render '@skipnav' }}
{{ render '@header' }}
<div class="t-banner">
{{ render '@banner' }}
</div>
<div class="t-top-section">
{{ render '@qlinks-header' }}
{{ render '@quicklinks' }}
{{ render '@qlinks-header--2' }}
{{ render '@quicklinks--2' }}
{{ render '@feature' }}
</div>
<div class="t-help-section">
<h2 class="c-home-subheading">Help With…</h2>
<div class="t-topicbox-group">
{{ render '@topicbox' }}
{{ render '@topicbox--2' }}
{{ render '@topicbox' }}
{{ render '@topicbox--2' }}
</div>
</div>
</header>
<main id="maincontent">
<h2 id="all" class="c-home-subheading">About CDL</h2>
<div class="t-topicbox-group">
{{ render '@topicbox--3' }}
{{ render '@topicbox--3' }}
{{ render '@topicbox--3' }}
{{ render '@topicbox--3' }}
</div>
<h2 class="c-home-subheading">Resources to Do Your Work</h2>
<div class="t-topicbox-group">
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
</div>
<h2 class="c-home-subheading">Communications</h2>
<div class="t-topicbox-group">
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
{{ render '@topicbox--4' }}
</div>
<h2 id="employee" class="c-home-subheading">Human Resources</h2>
<div class="t-topicbox-group">
{{ render '@topicbox--5' }}
{{ render '@topicbox--5' }}
{{ render '@topicbox--5' }}
{{ render '@topicbox--5' }}
</div>
</main>
<footer>
{{ render '@footer' }}
</footer>
</div>
/* No context defined. */
No notes defined.