Gallery Narrow

<div class="t-gallery-narrow">
    <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 Narrow Cards</h1>
        <h2>A Second Level Heading</h2>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Concrete Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/fT8GWHL/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Templum auctor aranea veritatis reiciendis cedo pauper amicitia rem.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Metal Table</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Oriental Plastic Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/N3ra6uu5J0/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Alioqui carpo custodia maiores tribuo.</p>
            </div>
            <a class="c-card__link-2" href="">Oriental Bronze Computer</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Plastic Table</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/Fdrskd2/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Quas vorax voluntarius civitas laboriosam.</p>
            </div>
            <a class="c-card__link-2" href="">Handcrafted Frozen Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Electronic Cotton Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/w9MXByrA/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Ubi uredo animadverto sto eius varius decens valetudo tergum trado.</p>
            </div>
            <a class="c-card__link-2" href="">Refined Wooden Bike</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Bespoke Soft Gloves</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/TchicE2j/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Itaque arbitro aggredior amo cetera tollo canis voluntarius civitas necessitatibus.</p>
            </div>
            <a class="c-card__link-2" href="">Fantastic Frozen Bike</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Unbranded Cotton Computer</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/5uhL1/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Solitudo illum adopto avarus vulgivagus taceo aliquid summisse adopto incidunt.</p>
            </div>
            <a class="c-card__link-2" href="">Modern Granite Keyboard</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Wooden Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/Ys3QC4wY/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vae sodalitas sono auditor adaugeo attero assumenda.</p>
            </div>
            <a class="c-card__link-2" href="">Gorgeous Concrete Ball</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Rustic Metal Sausages</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/PaBAF6/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Curatio volup utroque possimus crustulum omnis pecus.</p>
            </div>
            <a class="c-card__link-2" href="">Luxurious Granite Chair</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Bespoke Frozen Chicken</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/9Xw0k9za/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Desino delectatio blanditiis sto.</p>
            </div>
            <a class="c-card__link-2" href="">Bespoke Rubber Tuna</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Bespoke Soft Salad</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/0vcFNq/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Clarus necessitatibus valens tui delibero timidus solvo velut capto.</p>
            </div>
            <a class="c-card__link-2" href="">Luxurious Soft Pants</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/QiaIML/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vinco sonitus bonus ademptio atrocitas vulnus.</p>
            </div>
            <a class="c-card__link-2" href="">Fantastic Bronze Pizza</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Luxurious Fresh Cheese</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/2fXWIg/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Repellendus corrumpo bibo.</p>
            </div>
            <a class="c-card__link-2" href="">Oriental Frozen Chicken</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Ergonomic Soft Chicken</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/wk4McBr/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Decumbo spiculum totus iure ventus demulceo vallum complectus suspendo.</p>
            </div>
            <a class="c-card__link-2" href="">Rustic Cotton Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Frozen Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/ZVVkA/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Vulnus ceno civis adsidue via.</p>
            </div>
            <a class="c-card__link-2" href="">Generic Rubber Computer</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Granite Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/OnAacl/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Contego denego ancilla verumtamen repellat ab ver.</p>
            </div>
            <a class="c-card__link-2" href="">Bespoke Concrete Hat</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>