<div class="card__download bg-white border border-gray-light rounded p-6 flex justify-between">
<div class="card__download__content">
<div class="font-normal text-base md:text-base font-bold text-primary uppercase leading-tight tracking-wider">PDF</div>
<h3 class="heading font-black text-xl font-sansExt leading-tight mt-1">Online Provider Search Tool</h3>
<p class="font-normalfont-sansExt text-gray-darker text-base md:text-lg leading-tight mt-1">Use this to search for providers in your area</p>
<div class="mt-3">
<span class="text-gray-darker text-lg leading-normal">Download:</span>
<a class="mx-1 text-primary mt-2 text-lg text-primary hover:text-tertiary-dark transition">English</a>
<a class="mx-1 text-primary mt-2 text-lg text-primary hover:text-tertiary-dark transition">Spanish</a>
<a class="mx-1 text-primary mt-2 text-lg text-primary hover:text-tertiary-dark transition">Chinese</a>
</div>
</div>
<div class="card__download__icon ml-4">
<svg xmlns="http://www.w3.org/2000/svg" width="30.2521" height="40" viewBox="0 0 18.15 24"><defs><style>.cls-1{fill:#005daa;fill-rule:evenodd;}</style></defs><g id="Layer_2" data-name="Layer 2"><path class="cls-1" d="M1.4,0A1.4,1.4,0,0,0,0,1.4V22.6A1.4,1.4,0,0,0,1.4,24H16.76a1.4,1.4,0,0,0,1.39-1.4V6L18,5.81,12.31,0Zm0,.93H11.65V5.19a1.42,1.42,0,0,0,1.4,1.42h4.17v16a.45.45,0,0,1-.46.47H1.4a.46.46,0,0,1-.47-.47V1.4A.46.46,0,0,1,1.4.93Zm11.18.68,4,4.06H13.05a.49.49,0,0,1-.47-.48Z"/><polygon class="cls-1" points="11.62 13.7 11.62 17.91 12.47 17.91 12.47 16.12 14.23 16.12 14.23 15.41 12.47 15.41 12.47 14.41 14.5 14.41 14.5 13.7 11.62 13.7"/><path class="cls-1" d="M6.41,14.18a1.09,1.09,0,0,0-.6-.42,5.26,5.26,0,0,0-1-.06H3.43v4.21h.85V16.32h.56a4.87,4.87,0,0,0,.88-.06,1.23,1.23,0,0,0,.44-.2,1.31,1.31,0,0,0,.36-.41A1.46,1.46,0,0,0,6.66,15,1.24,1.24,0,0,0,6.41,14.18Zm-.73,1.15a.49.49,0,0,1-.26.21,2.29,2.29,0,0,1-.67.07H4.28v-1.2h.41a3.84,3.84,0,0,1,.61,0,.58.58,0,0,1,.35.19.53.53,0,0,1,.13.38A.51.51,0,0,1,5.68,15.33Z"/><path class="cls-1" d="M10.75,14.85a1.83,1.83,0,0,0-.4-.68,1.37,1.37,0,0,0-.64-.39,3.17,3.17,0,0,0-.8-.08H7.36v4.21H9a2.56,2.56,0,0,0,.75-.09,1.45,1.45,0,0,0,.6-.34,1.93,1.93,0,0,0,.45-.74,2.67,2.67,0,0,0,.13-.9A3.15,3.15,0,0,0,10.75,14.85Zm-.83,1.73a.79.79,0,0,1-.22.4.66.66,0,0,1-.34.18,2.21,2.21,0,0,1-.52,0H8.21V14.41h.38a3.59,3.59,0,0,1,.7,0,.81.81,0,0,1,.39.2.83.83,0,0,1,.24.41,2.38,2.38,0,0,1,.09.75A2.66,2.66,0,0,1,9.92,16.58Z"/></g></svg>
</div>
</div>
<div class="card__download bg-white border border-gray-light rounded p-6 flex justify-between">
<div class="card__download__content">
{{#if filetype}}
<div class="font-normal text-base md:text-base font-bold text-primary uppercase leading-tight tracking-wider">{{filetype}}</div>
{{/if}}
{{#if heading}}
<h3 class="heading font-black text-xl font-sansExt leading-tight mt-1">{{heading}}</h3>
{{/if}}
{{#if description}}
<p class="font-normalfont-sansExt text-gray-darker text-base md:text-lg leading-tight mt-1">{{description}}</p>
{{/if}}
{{#if language}}
<div class="mt-3">
<span class="text-gray-darker text-lg leading-normal">Download:</span>
{{#each language}}
<a class="mx-1 text-primary mt-2 text-lg text-primary hover:text-tertiary-dark transition">{{this}}</a>
{{/each}}
</div>
{{/if}}
</div>
<div class="card__download__icon ml-4">
{{> @icon-file-pdf}}
</div>
</div>
{
"link": {
"url": "#"
},
"image": {
"source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80",
"caption": {
"caption": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"credit": "Getty Images"
}
},
"label": "Architecture",
"heading": "Online Provider Search Tool",
"subheading": "The Stadtbibliothek Stuttgart is the public library of the city of Stuttgart.",
"description": "Use this to search for providers in your area",
"author": [
"Emily Dickinson",
"Walt Wiltman",
"Virginia Woolf"
],
"date": {
"month": "March",
"day": "7",
"year": "2020"
},
"modifier": "download",
"filetype": "PDF",
"language": [
"English",
"Spanish",
"Chinese"
]
}
There are no notes for this item.