You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.9 KiB
HTML
78 lines
2.9 KiB
HTML
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-6 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-1.5 rounded-full bg-gray-300"></span>
|
|
</span>
|
|
</span>
|
|
|
|
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-8 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-2 rounded-full bg-red-400"></span>
|
|
</span>
|
|
</span>
|
|
|
|
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-10 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-2.5 rounded-full bg-gray-300"></span>
|
|
</span>
|
|
</span>
|
|
|
|
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-12 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-3 rounded-full bg-green-400"></span>
|
|
</span>
|
|
</span>
|
|
|
|
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-14 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-3.5 rounded-full bg-gray-300"></span>
|
|
</span>
|
|
</span>
|
|
|
|
<span class="relative inline-block">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt=""
|
|
class="size-16 rounded-md"
|
|
/>
|
|
<span
|
|
class="absolute right-0 bottom-0 block translate-x-1/2 translate-y-1/2 transform rounded-full border-2 border-white"
|
|
>
|
|
<span class="block size-4 rounded-full bg-gray-300"></span>
|
|
</span>
|
|
</span>
|