<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
    <img class="card-img-top img-fluid" src="assets/images/card/2.png" alt="Card image cap">
    <div class="p-3.75">
        <p class="text-2xs">He lay on his armour-like back, and if he lifted his head a little </p>
    </div>
    <div class="border-t border-bordercolor py-4 px-3.75 sm:flex justify-between items-center">
        <p class="text-2xs inline">Card footer</p>
        <a href="javascript:void(0);" class="card-link float-end">Card link</a>
    </div>
</div>
													
												

													
<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
    <img class="card-img-top img-fluid" src="assets/images/card/2.png" alt="Card image cap">
    <div class="p-3.75">
        <h5 class="mb-2">
            <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-1/2"></span>
        </h5>
        <p class="mb-4">
            <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-7/12"></span>
            <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-1/3"></span>
            <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-1/3"></span>
            <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-1/2"></span>
        </p>
        <a class="btn btn-primary min-h-3.5 align-middle cursor-wait pointer-events-none opacity-50 animate-placeholderglow w-1/2 before:inline-block"></a>
    </div>
</div>
													
												

													
<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
	<span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-1/2"></span>
	<span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-3/4"></span>
	<span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow" style="width: 25%;"></span>
</div>
													
												

													
<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
    <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderwave w-full"></span>
</div>
													
												

													
<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
    <span class="inline-block min-h-[1.2em] align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
    <span class="inline-block min-h-[.8em] align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
    <span class="inline-block min-h-[.6em] align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
</div>
													
												

													
<div class="card shadow-none! rounded-none! h-auto! mb-0! border-b border-bordercolor">
    <span class="inline-block min-h-3.5 align-middle cursor-wait bg-current opacity-50 animate-placeholderglow w-full"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-primary"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-secondary"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-success"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-danger"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-warning"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-info"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-light"></span>
    <span class="inline-block min-h-3.5 align-middle cursor-wait opacity-50 animate-placeholderglow w-full bg-dark"></span>
</div>