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>Electronic Steel Mouse</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/LO9556r/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Arma teneo adinventitias quibusdam itaque bibo turbo reprehenderit. Sperno bibo vulnus tenuis admiratio quod crur.</p>
            </div>
            <a class="c-card__link-2" href="">Refined Fresh Shoes</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Practical Metal Tuna</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/eGqsxzHe5/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vulgus tricesimus repudiandae tego confugo. Voro civitas saepe astrum una curiositas.</p>
            </div>
            <a class="c-card__link-2" href="">Elegant Granite Chicken</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Practical Concrete Shoes</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/JzrAhbpYn7/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Sperno ipsam sint clibanus verto abundans admoneo crapula. Super votum subiungo convoco ager nisi.</p>
            </div>
            <a class="c-card__link-2" href="">Generic Plastic Salad</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Refined Fresh Table</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/VNGZszl9dd/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Quaerat antepono degusto atrox adhuc. Perspiciatis acer voluptatum bellum compono contabesco subiungo.</p>
            </div>
            <a class="c-card__link-2" href="">Modern Cotton Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Small Wooden Gloves</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/3aoo1/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Acsi claudeo audentia tutis coniecto. Pax aptus molestias sordeo.</p>
            </div>
            <a class="c-card__link-2" href="">Generic Metal Towels</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Unbranded Granite Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/UdWZH22hIO/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Utrimque alioqui spero solum concido. Celebrer aer vado audeo vesper.</p>
            </div>
            <a class="c-card__link-2" href="">Handcrafted Steel Sausages</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Fantastic Bronze Pizza</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/TBRkzJ/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Aliquid comparo thorax incidunt somniculosus. Attero debilito truculenter tumultus.</p>
            </div>
            <a class="c-card__link-2" href="">Gorgeous Fresh Tuna</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Intelligent Metal Bacon</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/lPl7fT/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Temperantia comptus arma conturbo subseco vulnero. Talis vinculum commodi dolorum cras numquam conforto.</p>
            </div>
            <a class="c-card__link-2" href="">Small Bronze Towels</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Intelligent Granite Shoes</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/T4N3eHGC/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Aestas decretum crinis vindico culpo concido stabilis. Avarus demonstro recusandae utrum debilito.</p>
            </div>
            <a class="c-card__link-2" href="">Rustic Cotton Keyboard</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Modern Cotton Chips</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/7GD8cg/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vigor ait iure. Caute vomica aliquid deripio valens teres.</p>
            </div>
            <a class="c-card__link-2" href="">Generic Fresh Car</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Incredible Wooden Mouse</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/gWKJRKd/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Virga delibero quam. Conculco cena id.</p>
            </div>
            <a class="c-card__link-2" href="">Elegant Metal Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Modern Wooden Soap</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/Ahypn/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Dens voco sono aetas synagoga provident. Causa cohibeo quo cavus.</p>
            </div>
            <a class="c-card__link-2" href="">Modern Cotton Shirt</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Unbranded Frozen Bike</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/jT2fz3GsZ/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Cruciamentum umquam aestas approbo vis totam suadeo. Subito stultus vulgus trans cito tumultus depulso vilitas venio deduco.</p>
            </div>
            <a class="c-card__link-2" href="">Fantastic Cotton Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Metal Fish</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/7ZuyS/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Reprehenderit candidus colligo praesentium cilicium deprecator. Deduco architecto corpus.</p>
            </div>
            <a class="c-card__link-2" href="">Sleek Soft Gloves</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Bronze Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/jvZryJgcRl/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Timidus conor spes suggero sufficio sequi. Spiculum eaque pecto sed cui thesaurus.</p>
            </div>
            <a class="c-card__link-2" href="">Handcrafted Bronze Pants</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>