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>Luxurious Cotton Shirt</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/2MDyU/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Virgo thermae atque solus arto ipsa.</p>
            </div>
            <a class="c-card__link-2" href="">Licensed Plastic Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Soft Mouse</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/urew0d8Qy1/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Censura depulso cubicularis illo vae ager.</p>
            </div>
            <a class="c-card__link-2" href="">Incredible Plastic Sausages</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Elegant Concrete Pizza</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/hgZWcTPbwt/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Depromo basium conatus aestus tempus ascit.</p>
            </div>
            <a class="c-card__link-2" href="">Intelligent Concrete Cheese</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Bespoke Soft Tuna</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/OYQxVa/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Tenus admoneo soluta officia quidem validus thalassinus coniuratio pecto tunc.</p>
            </div>
            <a class="c-card__link-2" href="">Oriental Granite Ball</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Awesome Cotton Bacon</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/qEAPR7D/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Abstergo adiuvo speculum tabula voluntarius caste.</p>
            </div>
            <a class="c-card__link-2" href="">Small Rubber Pizza</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Rustic Steel Chair</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/n9tIBZ/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Suus tego aranea temeritas cuius vinum et theatrum valetudo.</p>
            </div>
            <a class="c-card__link-2" href="">Sleek Granite Fish</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Elegant Concrete Cheese</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/He2y6IGg/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Aliquid delibero aureus quam cribro aestivus.</p>
            </div>
            <a class="c-card__link-2" href="">Small Plastic Hat</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Ergonomic Metal Cheese</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/3vYi2iUxFl/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Arceo vestigium vado summopere communis advenio.</p>
            </div>
            <a class="c-card__link-2" href="">Awesome Granite Computer</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Ergonomic Rubber Car</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/VvE4ip/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Cado traho delego absum dicta copia.</p>
            </div>
            <a class="c-card__link-2" href="">Handcrafted Metal Bike</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Concrete Bacon</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/yv2Cm9Tg/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Subiungo aggero volo vito baiulus.</p>
            </div>
            <a class="c-card__link-2" href="">Sleek Cotton Bacon</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Licensed Bronze Ball</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/7GBjw1/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Copia collum vesco comminor.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Fresh Pants</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Electronic Wooden Computer</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/bDdwqsNQUN/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Amita expedita paulatim nisi atqui concedo benigne.</p>
            </div>
            <a class="c-card__link-2" href="">Fantastic Steel Table</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Incredible Bronze Hat</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/IOzBk7a/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Antiquus deleniti ter tabernus ascit caste cupressus.</p>
            </div>
            <a class="c-card__link-2" href="">Rustic Concrete Chair</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Plastic Chair</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/5MM7HIpicG/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Sol sollers derideo alveus ambulo vehemens sponte compello deputo beatus.</p>
            </div>
            <a class="c-card__link-2" href="">Ergonomic Wooden Towels</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Incredible Concrete Chicken</h2>
                <div class="c-card__image">
                    <img src="https://picsum.photos/seed/MMe8RWi/640/480" alt="Nature scene">
                </div>
            </a>
            <div class="c-card__caption">
                <p>Tubineus deludo claustrum delectus.</p>
            </div>
            <a class="c-card__link-2" href="">Handmade Cotton Ball</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>