<div class="px-8">
    <h1 class="mb-4 text-xl font-bold text-gray-700 dark:text-gray-200">Authors</h1>
    <div class="flex flex-col max-w-sm px-6 py-4 mx-auto bg-white dark:bg-gray-800 rounded-lg shadow-md">
        <ul class="-mx-4">
            <li class="flex items-center"><img
                        src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=731&amp;q=80"
                        alt="avatar" class="object-cover w-10 h-10 mx-4 rounded-full">
                <p>
                    <a href="#" class="mx-1 font-bold text-gray-700 hover:underline">Alex John</a>
                    <span class="text-sm font-light text-gray-700">Created 23 Posts</span>
                </p>
            </li>
            <li class="flex items-center mt-6"><img
                        src="https://images.unsplash.com/photo-1464863979621-258859e62245?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=333&amp;q=80"
                        alt="avatar" class="object-cover w-10 h-10 mx-4 rounded-full">
                <p>
                    <a href="#" class="mx-1 font-bold text-gray-700 hover:underline">Jane Doe</a><span
                            class="text-sm font-light text-gray-700">Created 52 Posts</span></p>
            </li>
            <li class="flex items-center mt-6"><img
                        src="https://images.unsplash.com/photo-1531251445707-1f000e1e87d0?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=281&amp;q=80"
                        alt="avatar" class="object-cover w-10 h-10 mx-4 rounded-full">
                <p>
                    <a href="#" class="mx-1 font-bold text-gray-700 hover:underline">Lisa Way</a><span
                            class="text-sm font-light text-gray-700">Created 73 Posts</span></p>
            </li>
            <li class="flex items-center mt-6"><img
                        src="https://images.unsplash.com/photo-1500757810556-5d600d9b737d?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=735&amp;q=80"
                        alt="avatar" class="object-cover w-10 h-10 mx-4 rounded-full">
                <p>
                    <a href="#" class="mx-1 font-bold text-gray-700 hover:underline">Steve Matt</a><span
                            class="text-sm font-light text-gray-700">Created 245 Posts</span></p>
            </li>
            <li class="flex items-center mt-6"><img
                        src="https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=373&amp;q=80"
                        alt="avatar" class="object-cover w-10 h-10 mx-4 rounded-full">
                <p><a href="#" class="mx-1 font-bold text-gray-700 hover:underline">Khatab
                        Wedaa</a><span class="text-sm font-light text-gray-700">Created 332 Posts</span>
                </p>
            </li>
        </ul>
    </div>
</div>
