<div class="card !shadow-none !rounded-none !h-auto !border-x-0 !border-t-0 !mb-0">
    <img class="card-img-top img-fluid" src="assets/images/card/2.png" alt="Card image cap">
    <div class="sm:p-7.5 p-4">
        <p class="sm:text-sm">He lay on his armour-like back, and if he lifted his head a little </p>
    </div>
    <div class="border-t border-border py-4 px-5 sm:flex justify-between items-center">
        <p class="sm:text-sm 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 !border-x-0 !border-t-0 !mb-0">
    <img class="card-img-top img-fluid" src="assets/images/card/2.png" alt="Card image cap">
    <div class="sm:p-7.5 p-4">
        <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 bg-primary hover:bg-primaryhover hover:shadow-btnprimary text-white min-h-3.5 align-middle cursor-wait pointer-events-none opacity-50 animate-placeholderglow w-1/2 before:content-[''] before:inline-block"></a>
    </div>
</div>
													
												

													
<div class="card !shadow-none !rounded-none !h-auto !border-x-0 !border-t-0 !mb-0">
	<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 !border-x-0 !border-t-0 !mb-0">
    <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 !border-x-0 !border-t-0 !mb-0">
    <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 !border-x-0 !border-t-0 !mb-0">
    <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>