@sujalchoudhari/solaris-ui/templates/article1.html

A UI framework to create HTML pages with just JavaScript.

<div class="p-5 mx-auto sm:p-10 md:p-16 dark:dark:bg-gray-800 dark:dark:text-gray-100">
    <div class="flex flex-col max-w-3xl mx-auto overflow-hidden rounded">
        <img src="{{imgUrl}}" alt="" class="w-full h-60 sm:h-96 dark:dark:bg-gray-500">
        <div
            class="p-6 pb-12 m-4 mx-auto -mt-16 space-y-6 lg:max-w-2xl sm:px-10 sm:mx-12 lg:rounded-md dark:dark:bg-gray-900">
            <div class="space-y-2">
                <a rel="noopener noreferrer" href="#" class="inline-block text-2xl font-semibold sm:text-3xl">{{title}}</a>
                <p class="text-xs dark:dark:text-gray-400">By
                    <a rel="noopener noreferrer" href="#" class="text-xs hover:underline">{{author}}</a>
                </p>
            </div>
            <div class="dark:dark:text-gray-100">
                <p>{{description}}</p>
            </div>
        </div>
    </div>
</div>