UCEA

Media Link 

<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
    <a href="./" class="flex h-full">

        <div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
            <svg class="w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center">
                <use href="/front-end/sprite.svg#icon-download"></use>
            </svg>
        </div>

        <div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
            <p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">Journal of Antibiotics</p>
            <p class="w-10/12 leading-tight font-light text-grey">PDF 220KB</p>
        </div>

        <div class="flex items-center p-4 md:pr-6 md:pl-0">

            <svg class="fill-current text-heading w-8 md:w-10 h-6 md:h-8">
                <use href="/front-end/sprite.svg#icon-download"></use>
            </svg>

        </div>

    </a>
</div>
 
<div class="rounded-xl w-full hover:shadow-md transition-shadow duration-300 border-[1px] border-grey-200 bg-white h-full overflow-hidden">
    <a href="{{url}}" class="flex h-full">
        {% if downloadLink %}
            <div class="flex items-center bg-heading m-0 px-3.5 md:px-9 py-6 text-white">
                {% render "@icon", { name: downloadIcon, modifier: "w-6 md:w-8 h-8 md:h-10 fill-current text-white justify-self-center" } %}
            </div>
        {% endif %}
        <div class="text-left w-full p-4 lg:p-6 pr-0 xl:pr-2 flex flex-col justify-center">
            <p class="w-10/12 text-lg leading-tight font-bold text-heading mb-1">{{title}}</p>
            <p class="w-10/12 leading-tight font-light text-grey">{{subtext}}</p>        
        </div>
        {% if otherLink %}
            <div class="flex items-center p-4 md:pr-6 md:pl-0">
                    {% if linkIcon == "icon-internal-link" %}
                        {% render "@icon", { name: linkIcon, modifier: "fill-current text-heading w-6 md:w-7 h-4 md:h-5" } %}
                    {% else %}
                        {% render "@icon", { name: linkIcon, modifier: "fill-current text-heading w-8 md:w-10 h-6 md:h-8" } %}
                    {% endif %}
            </div>
        {% endif %}
    </a>
</div>
 
{
  "siteName": "UCEA"
}

No notes defined.