IntraCDL UI

Gallery Narrow Logos 

<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>CDL Program and Service Logos</h1>
        <p>Celo spero atrox cohibeo caste vis pecus. Conservo similique universe corpus tabesco cubitum centum. Bellicus viduo versus cubicularis uxor.</p>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Wooden Shoes</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p0.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Luxurious Fresh Chicken</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p1.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Small Rubber Pants</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p2.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Generic Soft Chicken</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p3.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Sleek Bronze Gloves</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p4.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Refined Bronze Shirt</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p5.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Electronic Steel Chips</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p6.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Handmade Metal Towels</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p7.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Awesome Wooden Towels</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p8.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Tasty Metal Chair</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p9.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</a>
        </section>
        <section class="c-card">
            <a class="c-card__figure" href="">
                <h2>Licensed Frozen Sausages</h2>
                <div class="c-card__image">
                    <img src="https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p10.svg?pageId&#x3D;b295d073-b030-4e99-b185-d8d2b84fc8fb" alt="Nature scene">
                </div>
                <div class="c-card__link-1">
                    Logo Guidelines
                </div>
            </a>
            <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</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>CDL Program and Service Logos</h1>
    <p>{{ gallery_narrow.intro_paragraph }}</p>
    {{#each logo}}
      {{> @card--2 }}
    {{/each}}
  </main>
  <footer>
    {{ render '@footer' }}
  </footer>
</div>
 
{
  "gallery_narrow": {
    "intro_paragraph": "Celo spero atrox cohibeo caste vis pecus. Conservo similique universe corpus tabesco cubitum centum. Bellicus viduo versus cubicularis uxor."
  },
  "logo": [
    {
      "card": {
        "title": "Handmade Wooden Shoes",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p0.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Luxurious Fresh Chicken",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p1.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Small Rubber Pants",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p2.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Generic Soft Chicken",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p3.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Sleek Bronze Gloves",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p4.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Refined Bronze Shirt",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p5.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Electronic Steel Chips",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p6.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Handmade Metal Towels",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p7.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Awesome Wooden Towels",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p8.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Tasty Metal Chair",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p9.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    },
    {
      "card": {
        "title": "Licensed Frozen Sausages",
        "image": "https://files.axshare.com/gsc/MWNJ3F/51/04/b5/5104b527ebd5496eb53f6a198127037a/images/interior-page_logo-index_campuses/p10.svg?pageId=b295d073-b030-4e99-b185-d8d2b84fc8fb",
        "link1": "Logo Guidelines",
        "caption": "",
        "link2": "Download ZIP (EPS, PNG, SVG)"
      }
    }
  ]
}

No notes defined.