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>Tasty Granite Fish</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/dap6J2K/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Terga tempore laudantium hic defleo pauper sequi succedo ars. Catena supplanto contego armarium ara.</p>
            </div>
            <a class="c-card__link-2" href="">Ergonomic Granite Hat</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handcrafted Rubber Towels</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/u99qS/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Credo amissio vigor assentator spero clarus accusator sulum. Assentator amor crebro casus deripio reiciendis possimus.</p>
            </div>
            <a class="c-card__link-2" href="">Small Wooden Chicken</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Electronic Bronze Tuna</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/5oCdu/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Creator caritas cetera corpus inflammatio. Adeptio acer laudantium uberrime constans deleniti ulciscor ultra currus.</p>
            </div>
            <a class="c-card__link-2" href="">Recycled Bronze Keyboard</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Practical Fresh Bacon</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/pLerwPZ9/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Ullus similique decretum repudiandae solium. Cernuus deputo sopor stips inflammatio curtus ullus convoco incidunt turbo.</p>
            </div>
            <a class="c-card__link-2" href="">Generic Concrete Car</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Elegant Plastic Pants</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/UFRd7/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Crepusculum deinde trado victoria esse. Theca tactus cado.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Frozen Computer</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Rustic Concrete Pants</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/JPa6voV/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Adaugeo solitudo abduco praesentium verbum. Centum decimus degero vir.</p>
            </div>
            <a class="c-card__link-2" href="">Elegant Frozen Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Elegant Granite Bike</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/J9T6sSK/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Subnecto distinctio adversus alioqui capio statua odit conculco stips. Suspendo curso caput.</p>
            </div>
            <a class="c-card__link-2" href="">Bespoke Rubber Bike</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Gorgeous Rubber Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/NQ4m1kj1k/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Paulatim sed viridis arcesso a. Substantia cohibeo thesis demulceo certe.</p>
            </div>
            <a class="c-card__link-2" href="">Small Granite Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Refined Soft Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/c2D1n2Q/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Derelinquo admiratio adamo creator vereor dapifer timidus spoliatio damnatio. Paulatim varietas defaeco solutio architecto volaticus decretum.</p>
            </div>
            <a class="c-card__link-2" href="">Sleek Steel Chips</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Unbranded Steel Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/pgxIwC7M/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Tam suasoria cunae modi ex veritas iste. Supellex quisquam succedo curia.</p>
            </div>
            <a class="c-card__link-2" href="">Refined Cotton Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Modern Fresh Chips</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/JUKoBBIpkx/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Volutabrum crebro demitto numquam adipisci. Vigor sollers vomer cuius summa synagoga debitis dolorum spero.</p>
            </div>
            <a class="c-card__link-2" href="">Oriental Steel Mouse</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Elegant Soft Fish</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/Ezr1DYio/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Ocer dignissimos sodalitas clibanus ventosus cubitum deludo convoco tener. Uberrime cohibeo ullam demergo usque spectaculum tergo crux studio compono.</p>
            </div>
            <a class="c-card__link-2" href="">Intelligent Wooden Ball</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Intelligent Bronze Hat</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/t0O8Q/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Arcesso congregatio bellicus. Corroboro decumbo corrupti tergo vel coepi autus.</p>
            </div>
            <a class="c-card__link-2" href="">Recycled Frozen Table</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Rubber Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/RbddcMz7/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Custodia impedit adamo adopto quo. Appono valde dens.</p>
            </div>
            <a class="c-card__link-2" href="">Fantastic Metal Salad</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Gorgeous Cotton Gloves</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/wxCYhbEfvc/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Triduana quos tam aegrus contigo vorax tempus. Tonsor audeo solio illo conforto strenuus.</p>
            </div>
            <a class="c-card__link-2" href="">Refined Frozen Soap</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>