<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>Generic Cotton Hat</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/iwpMeY/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Deinde vinum tricesimus tabella aufero ascit sumptus.</p>
</div>
<a class="c-card__link-2" href="">Gorgeous Wooden Cheese</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Rustic Metal Tuna</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/zJzSqPLs9/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Ventosus adhuc certus volaticus consuasor iure somniculosus solus amor.</p>
</div>
<a class="c-card__link-2" href="">Small Bronze Ball</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Sleek Plastic Bike</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/ZgPDybsf/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Compono defetiscor repudiandae.</p>
</div>
<a class="c-card__link-2" href="">Rustic Bronze Tuna</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Handcrafted Cotton Soap</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/nQ9eh1Vw/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Ancilla tremo ventosus.</p>
</div>
<a class="c-card__link-2" href="">Small Rubber Bike</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Handcrafted Plastic Keyboard</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/OsCmO4T/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Deduco articulus paens adulatio validus aro suscipio tonsor ad substantia.</p>
</div>
<a class="c-card__link-2" href="">Sleek Granite Chicken</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Ergonomic Fresh Hat</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/7A3BPd/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Amicitia somnus delibero solutio voluntarius trepide calculus amicitia dolorum facere.</p>
</div>
<a class="c-card__link-2" href="">Ergonomic Soft Keyboard</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Incredible Frozen Sausages</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/CdDR10/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Tabernus advenio sulum debitis chirographum succedo.</p>
</div>
<a class="c-card__link-2" href="">Recycled Steel Chicken</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Awesome Metal Chips</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/r2uJW1oY2H/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Cohors vulgus barba canonicus eos corrupti aliquid vespillo desidero porro.</p>
</div>
<a class="c-card__link-2" href="">Tasty Cotton Chips</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Fantastic Steel Computer</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/1ZmW6/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Pecus tutamen volaticus minus strenuus carus.</p>
</div>
<a class="c-card__link-2" href="">Incredible Steel Soap</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Tasty Metal Chips</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/K1uJYo2uTG/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Deficio torrens aperiam.</p>
</div>
<a class="c-card__link-2" href="">Modern Steel Keyboard</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Generic Rubber Salad</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/S0VXA/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Debilito varietas stipes vos clibanus tenuis vulnero repellendus deduco.</p>
</div>
<a class="c-card__link-2" href="">Rustic Frozen Pants</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Refined Concrete Bike</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/RwpgK/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Praesentium altus ipsam ventito bene.</p>
</div>
<a class="c-card__link-2" href="">Oriental Granite Shoes</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Incredible Steel Gloves</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/PKsxRC/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Molestiae veniam super voluptatem odio perferendis tabernus amissio adflicto.</p>
</div>
<a class="c-card__link-2" href="">Handmade Metal Salad</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Unbranded Granite Tuna</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/mW1SSU19kx/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Beatus quia somnus corpus alius.</p>
</div>
<a class="c-card__link-2" href="">Handmade Rubber Towels</a>
</section>
<section class="c-card">
<a class="c-card__figure" href="">
<h2>Awesome Frozen Towels</h2>
<div class="c-card__image">
<img src="https://picsum.photos/seed/pmYHa0OHag/640/480" alt="Nature scene">
</div>
</a>
<div class="c-card__caption">
<p>Thesis esse ago conservo.</p>
</div>
<a class="c-card__link-2" href="">Small Bronze Gloves</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>
<div class="t-gallery-narrow">
<header>
{{ render '@skipnav' }}
{{ render '@header' }}
</header>
{{ render '@breadcrumb' }}
<main id="maincontent">
<h1>Photo / Video Gallery for Narrow Cards</h1>
<h2>A Second Level Heading</h2>
{{#each card}}
{{> @card }}
{{/each}}
</main>
<footer>
{{ render '@footer' }}
</footer>
</div>
{
"card": [
{
"card": {
"title": "Generic Cotton Hat",
"image": "https://picsum.photos/seed/iwpMeY/640/480",
"link1": "",
"caption": "Deinde vinum tricesimus tabella aufero ascit sumptus.",
"link2": "Gorgeous Wooden Cheese"
}
},
{
"card": {
"title": "Rustic Metal Tuna",
"image": "https://picsum.photos/seed/zJzSqPLs9/640/480",
"link1": "",
"caption": "Ventosus adhuc certus volaticus consuasor iure somniculosus solus amor.",
"link2": "Small Bronze Ball"
}
},
{
"card": {
"title": "Sleek Plastic Bike",
"image": "https://picsum.photos/seed/ZgPDybsf/640/480",
"link1": "",
"caption": "Compono defetiscor repudiandae.",
"link2": "Rustic Bronze Tuna"
}
},
{
"card": {
"title": "Handcrafted Cotton Soap",
"image": "https://picsum.photos/seed/nQ9eh1Vw/640/480",
"link1": "",
"caption": "Ancilla tremo ventosus.",
"link2": "Small Rubber Bike"
}
},
{
"card": {
"title": "Handcrafted Plastic Keyboard",
"image": "https://picsum.photos/seed/OsCmO4T/640/480",
"link1": "",
"caption": "Deduco articulus paens adulatio validus aro suscipio tonsor ad substantia.",
"link2": "Sleek Granite Chicken"
}
},
{
"card": {
"title": "Ergonomic Fresh Hat",
"image": "https://picsum.photos/seed/7A3BPd/640/480",
"link1": "",
"caption": "Amicitia somnus delibero solutio voluntarius trepide calculus amicitia dolorum facere.",
"link2": "Ergonomic Soft Keyboard"
}
},
{
"card": {
"title": "Incredible Frozen Sausages",
"image": "https://picsum.photos/seed/CdDR10/640/480",
"link1": "",
"caption": "Tabernus advenio sulum debitis chirographum succedo.",
"link2": "Recycled Steel Chicken"
}
},
{
"card": {
"title": "Awesome Metal Chips",
"image": "https://picsum.photos/seed/r2uJW1oY2H/640/480",
"link1": "",
"caption": "Cohors vulgus barba canonicus eos corrupti aliquid vespillo desidero porro.",
"link2": "Tasty Cotton Chips"
}
},
{
"card": {
"title": "Fantastic Steel Computer",
"image": "https://picsum.photos/seed/1ZmW6/640/480",
"link1": "",
"caption": "Pecus tutamen volaticus minus strenuus carus.",
"link2": "Incredible Steel Soap"
}
},
{
"card": {
"title": "Tasty Metal Chips",
"image": "https://picsum.photos/seed/K1uJYo2uTG/640/480",
"link1": "",
"caption": "Deficio torrens aperiam.",
"link2": "Modern Steel Keyboard"
}
},
{
"card": {
"title": "Generic Rubber Salad",
"image": "https://picsum.photos/seed/S0VXA/640/480",
"link1": "",
"caption": "Debilito varietas stipes vos clibanus tenuis vulnero repellendus deduco.",
"link2": "Rustic Frozen Pants"
}
},
{
"card": {
"title": "Refined Concrete Bike",
"image": "https://picsum.photos/seed/RwpgK/640/480",
"link1": "",
"caption": "Praesentium altus ipsam ventito bene.",
"link2": "Oriental Granite Shoes"
}
},
{
"card": {
"title": "Incredible Steel Gloves",
"image": "https://picsum.photos/seed/PKsxRC/640/480",
"link1": "",
"caption": "Molestiae veniam super voluptatem odio perferendis tabernus amissio adflicto.",
"link2": "Handmade Metal Salad"
}
},
{
"card": {
"title": "Unbranded Granite Tuna",
"image": "https://picsum.photos/seed/mW1SSU19kx/640/480",
"link1": "",
"caption": "Beatus quia somnus corpus alius.",
"link2": "Handmade Rubber Towels"
}
},
{
"card": {
"title": "Awesome Frozen Towels",
"image": "https://picsum.photos/seed/pmYHa0OHag/640/480",
"link1": "",
"caption": "Thesis esse ago conservo.",
"link2": "Small Bronze Gloves"
}
}
]
}
No notes defined.