Gallery Wide

<div class="t-gallery-wide">
    <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>

    <main id="maincontent">
        <h1>Photo / Video Gallery for Wide Cards</h1>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Ergonomic Concrete Sausages</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/nMtjkvL/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Deorsum cado victus assentator claudeo asperiores. Utrimque depraedor attero aspernatur catena acies defero caries tremo admiratio.</p>
            </div>
            <a class="c-card__link-2" href="">Small Metal Pizza</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Modern Soft Fish</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/8tKpJ4WG4/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Argumentum creta possimus tenuis cupiditate tego tertius sufficio ipsam. Clam turpis tendo perspiciatis cibo subnecto collum.</p>
            </div>
            <a class="c-card__link-2" href="">Gorgeous Rubber Shoes</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Fantastic Frozen Mouse</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/C6Aq4/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Usus peccatus urbanus quod tres admitto deprecator cibo. Angustus curatio tempus callide.</p>
            </div>
            <a class="c-card__link-2" href="">Recycled Concrete Tuna</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Fantastic Concrete Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/QAtnq/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Videlicet tenus substantia corporis torqueo depromo strues cado. Candidus ustulo quia beatae vulticulus.</p>
            </div>
            <a class="c-card__link-2" href="">Unbranded Cotton Mouse</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Electronic Bronze Soap</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/nUcBLp2/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Adduco benigne uterque comptus tolero curo quae absum. Timidus impedit ceno carmen.</p>
            </div>
            <a class="c-card__link-2" href="">Luxurious Cotton Chicken</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Gorgeous Fresh Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/QktJdu/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Antepono summa amissio conor. Adstringo attero atavus coniecto ipsum.</p>
            </div>
            <a class="c-card__link-2" href="">Rustic Concrete Gloves</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Ergonomic Rubber Shoes</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/yGFSR2z08/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Cohaero adipiscor corroboro confugo. Possimus coerceo claudeo decretum.</p>
            </div>
            <a class="c-card__link-2" href="">Luxurious Cotton Pizza</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Steel Mouse</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/Hrbplg0r/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Mollitia defendo dolor colligo tepesco amor damnatio ulterius delinquo velut. Carmen abscido theca vulgo communis uter.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Rubber Table</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Cotton Gloves</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/kRNlU/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vigor amiculum contego accendo contabesco veniam. Urbanus taedium atqui vado odio ancilla dedecor tergiversatio appello repudiandae.</p>
            </div>
            <a class="c-card__link-2" href="">Rustic Concrete Hat</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Soft Shoes</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/J9aox2PBmh/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Cohaero antiquus depopulo textus decumbo corrumpo. Super exercitationem contigo cura undique.</p>
            </div>
            <a class="c-card__link-2" href="">Gorgeous Frozen Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Licensed Plastic Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/d2NTVB/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Aperiam minus cotidie. Auctor attero curtus temperantia confero thymbra titulus officia conturbo caries.</p>
            </div>
            <a class="c-card__link-2" href="">Bespoke Soft Tuna</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Fantastic Soft Chicken</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/hpYmds/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Voluptate aliquam adipiscor stella tondeo. Ulciscor tonsor textilis termes victoria textilis sub.</p>
            </div>
            <a class="c-card__link-2" href="">Tasty Fresh Chicken</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Granite Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/qpmux/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Sufficio somniculosus toties suspendo vulgo audentia. Ocer valeo baiulus necessitatibus cui depulso delectatio traho conspergo bellum.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Cotton Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Fantastic Fresh Chips</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/EQLT5bKxPA/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Titulus tantum ratione umerus sonitus tenetur. Suspendo curia creator viscus alienus cerno tertius concedo auctus.</p>
            </div>
            <a class="c-card__link-2" href="">Small Rubber Sausages</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Generic Frozen Pants</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/caNKfNcUz0/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Thema facilis vox textus adopto vilicus somnus. Coadunatio pecus admitto conatus vilicus harum consuasor et.</p>
            </div>
            <a class="c-card__link-2" href="">Incredible Soft Computer</a>
        </section>
    </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>