archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity
tailwindcss/crates/oxide/benches/fixtures/template-004.html
Robin Malfait 1c48683a23
Hoist oxide/crates to just crates (#13333) 
* move `oxide/crates` to `crates`

* ignore `target/` folder

* ensure pnpm points to `crates` instead of `oxide/crates`

* ensure all paths point to `crates` instead of `oxide/crates`

* update `oxide/crates` -> `crates` path in workflows

* use correct path in .prettierignore

* rename `crates/core` to `crates/oxide`

* remove oxide folder

* fix test script to run `cargo test` directly
2024-03-23 09:00:48 -04:00

1936 lines
96 KiB
HTML
Raw Blame History

<div class="h-20 flex-none rounded-md object-center object-cover w-20">
<a href="#" class="w-6 h-6"> This is link 01c5a0d6-f1d4-4d79-9b17-baac0a7ab391 </a>
<nav class="text-rose-400 flex-shrink-0 h-6 w-6">
<ul class="ml-4">
<li class="w-full object-center h-full object-cover group-hover:opacity-75">
<ol class="sm:m-0 flex-shrink-0 sm:order-first ml-4 sm:mr-6">
<li class="text-gray-700 block font-medium text-sm">
<ul class="py-4">
<li class="font-medium hover:text-indigo-500 text-base text-indigo-600">
<img
class="mt-6"
alt="Profile picture of user 00048864-9863-4bf6-a54a-fffb1927198f"
src="https://example.org/pictures/9decc4fb-a49b-4aa3-ae2d-dbdbbc330975"
/>
</li>
<li class="text-white">
<a href="#" target="_blank" rel="noreferrer" class="leading-7 text-base">
This is link 5cc42d1a-0af6-4a10-a066-b2d851395cd0
</a>
<a href="#" class="flex-1 min-w-0 ml-3">
This is link b5f5e1de-32c9-4995-a79b-2db83f4ea715
</a>
<ol class="flex ml-3 h-5 items-center"></ol>
</li>
</ul>
<img
class="block ml-3 truncate"
alt="Profile picture of user 6510e98b-6102-43b6-a102-2ac2bb70d851"
src="https://example.org/pictures/13eb2101-165a-4ef9-98d2-34c83152d567"
/>
<img
class="sr-only"
alt="Profile picture of user 7b1c87f9-925b-4dbc-b29c-74be8594e21b"
src="https://example.org/pictures/76996696-c8c2-4ee2-87e0-d9d3c2c4d9bd"
/>
</li>
<li class="sm:inline block">
<ol class="text-sm text-gray-900 font-medium">
<li class="text-gray-200">
<ol
class="absolute px-2 rounded-r-md flex focus:outline-none inset-y-0 right-0 items-center"
></ol>
<ol class="leading-7 text-base"></ol>
<ol
class="object-center object-cover rounded-md sm:w-48 w-20 h-20 flex-none sm:h-48"
></ol>
</li>
<li class="hover:text-gray-800">
<a
href="#"
target="_blank"
class="lg:grid-cols-2 lg:gap-8 relative lg:items-center lg:grid mt-12 lg:mt-24"
>
This is link 47a197f0-b39d-4d71-a868-962888f48d7c
</a>
</li>
<li class="border-gray-300 border-l flex pl-4">
<a href="#" rel="noreferrer" class="w-auto h-8">
This is link 7e5933f9-a050-4d4b-8baa-c2097edb70f1
</a>
<a href="#" rel="noreferrer" class="max-w-md mx-auto lg:mx-0 sm:max-w-lg">
This is link 42386eba-0bae-4a5c-9f70-dba961e4fe89
</a>
<img
class="sm:px-6 lg:px-8 mx-auto max-w-7xl px-4"
alt="Profile picture of user 8c0f327d-a8ca-46a3-be31-20b7d55fe5e1"
src="https://example.org/pictures/eb0fa645-5693-497c-94dc-3d561c48fb02"
/>
</li>
<li class="w-8 rounded-full h-8">
<ol class="sr-only"></ol>
<ol class="text-gray-500 mt-6 font-medium text-base text-center"></ol>
<ul class="whitespace-nowrap px-3 text-sm py-4 text-gray-500"></ul>
</li>
</ol>
<a href="#" class="text-sm text-gray-500 min-w-0 pl-5 py-1 flex-1 sm:py-3">
This is link 952267b1-312a-4aa6-9ab9-7e3c37343c5f
</a>
<ol class="items-center flex px-5">
<li
class="font-medium sm:order-1 text-gray-900 row-end-2 row-span-2 sm:flex-none sm:text-right sm:w-1/3 sm:ml-6"
>
<ul
class="shadow-sm text-blue-gray-900 w-full focus:ring-blue-500 border-blue-gray-300 rounded-md mt-1 focus:border-blue-500 block sm:text-sm"
></ul>
<ol class="sr-only"></ol>
<img
class="mt-3 flex items-center"
alt="Profile picture of user 76266747-dbeb-4440-9733-ea92577ca55b"
src="https://example.org/pictures/25c77f95-2fab-4955-8fd0-f97c51125a44"
/>
</li>
<li
class="lg:col-start-2 col-span-6 grid-cols-2 md:col-start-3 gap-8 sm:grid-cols-3 md:col-span-8 md:mt-0 mt-10 grid md:row-start-1 lg:col-span-6"
>
<ul class="sm:mt-0 sm:w-auto w-full order-3 mt-2 sm:order-2 flex-shrink-0"></ul>
<img
class="text-sm text-gray-900 mt-1 sm:mt-0 sm:col-span-2"
alt="Profile picture of user 34b6fd56-e515-4df0-92a0-694dc7f5d0ff"
src="https://example.org/pictures/e95333db-a197-4eb9-a55a-2507585de19d"
/>
<img
class="col-span-1 rounded-md flex shadow-sm"
alt="Profile picture of user f7fa4dc0-b9a7-439e-9249-b1bba8d4a52e"
src="https://example.org/pictures/df7c350b-fb26-4e27-b199-56b31ac1a212"
/>
</li>
</ol>
</li>
</ol>
<ol class="col-span-3 sm:col-span-2">
<li class="relative z-10">
<a
href="#"
target="_blank"
class="sm:grid-cols-3 sm:grid sm:pt-5 sm:border-gray-200 sm:items-start sm:border-t sm:gap-4"
>
This is link 65e299a2-9cf9-41e2-8be9-53a876ba6e1a
</a>
<ol class="h-5 text-gray-300 w-5">
<li class="font-medium px-3 text-sm py-2 text-gray-900">
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-sm hover:text-gray-800 text-gray-700 font-medium"
>
This is link 90297e99-d91b-483f-abeb-8059108e8edf
</a>
<ul class="text-gray-500 mt-2"></ul>
<a
href="#"
class="bg-white focus:outline-none text-gray-400 items-center rounded-md focus:ring-indigo-500 hover:bg-gray-100 focus:ring-2 inline-flex justify-center p-2 focus:ring-inset"
>
This is link 95eb70cd-d3bd-464b-b537-33a72ef8a241
</a>
</li>
<li class="hidden sm:justify-between sm:flex-1 sm:items-center sm:flex">
<a href="#" target="_blank" rel="noreferrer" class="border-transparent">
This is link faa61b01-b9f0-4917-a586-629ba8aab6f3
</a>
<ol class="relative flex"></ol>
<ul class="h-16 items-center flex"></ul>
<ul class="space-y-4 mt-4"></ul>
</li>
<li class="font-medium block text-gray-700 text-sm">
<img
class="sr-only"
alt="Profile picture of user 210910cb-4166-4597-abc1-1a336e741051"
src="https://example.org/pictures/1d0cd6df-f240-465b-a181-b4f1f061981a"
/>
<ul class="py-12 px-4 sm:px-6 max-w-7xl lg:px-8 mx-auto"></ul>
<ol class="py-4 justify-between items-center flex"></ol>
</li>
<li
class="font-medium border text-gray-700 hover:bg-gray-50 shadow-sm text-sm px-3 bg-white disabled:opacity-30 inline-flex focus:ring-offset-2 py-2 rounded-md border-gray-300 leading-4 focus:ring-indigo-500 focus:outline-none items-center focus:ring-2 disabled:cursor-not-allowed"
>
<img
class="lg:order-first hidden lg:flex-shrink-0 lg:block"
alt="Profile picture of user cf497404-df94-43f1-adb3-08b596dadd31"
src="https://example.org/pictures/e2d66233-6aee-4eb3-99e3-f2eb50bd10ca"
/>
<ol class="lg:w-0 justify-start lg:flex-1 flex"></ol>
</li>
</ol>
</li>
<li class="sm:flex sm:space-x-5 sm:-mt-16 -mt-12 sm:items-end">
<a href="#" target="_blank" class="flex-shrink-0">
This is link 0584110f-0e96-452d-b216-ba2d4c06cc01
</a>
</li>
<li
class="items-center inline-flex justify-center bg-indigo-600 border text-base py-3 font-medium text-white px-5 border-transparent rounded-md hover:bg-indigo-700"
>
<img
class="pt-5"
alt="Profile picture of user fc143e07-0211-4488-b563-930199f3f095"
src="https://example.org/pictures/694d812b-d694-4dab-8fa7-2a329af3af26"
/>
<img
class="space-y-6 mt-6"
alt="Profile picture of user ba1b3e7d-ceea-4df0-82d5-c0ccd79e38dd"
src="https://example.org/pictures/17ebb49e-d558-4229-a2a1-e86a7661bdc3"
/>
</li>
<li class="space-x-3 flex">
<ul class="py-12 lg:py-24 lg:px-8 max-w-lg px-4 sm:px-6 mx-auto">
<li class="sm:flex-auto">
<img
class="flex-auto font-semibold text-gray-900"
alt="Profile picture of user f5983517-3e64-420d-a068-7a03cc785316"
src="https://example.org/pictures/9db57891-fce6-436a-a055-36dd8ade95d2"
/>
</li>
<li class="py-4">
<img
class="p-2 hover:text-gray-500 lg:hidden text-gray-400"
alt="Profile picture of user 7f95996a-378a-463e-9424-2302aa7d8788"
src="https://example.org/pictures/83fa08fc-0af9-4c82-8dc0-5ec68b1793be"
/>
<img
class="h-6 w-6"
alt="Profile picture of user 57797fc5-93cd-4ea8-ba4a-3e90cffeb303"
src="https://example.org/pictures/61b178f4-5795-4374-aa5a-04daf1834f47"
/>
<a href="#" target="_blank" class="text-gray-900">
This is link 1fc86234-86d5-4443-8ccf-1c01b2bcb124
</a>
</li>
<li
class="max-w-xs w-full flex-col flex bg-white shadow-xl pb-12 relative overflow-y-auto"
>
<ol
class="hover:bg-gray-100 py-2 focus:z-10 flex-col flex text-indigo-600 font-semibold h-14 bg-white px-3"
></ol>
</li>
</ul>
</li>
<li class="text-indigo-600 border-gray-300 h-4 focus:ring-indigo-500 w-4">
<ul class="text-gray-900 tracking-tight sm:text-3xl font-bold text-2xl">
<li class="text-gray-700 text-sm block font-medium">
<ul class="focus:z-10 bg-white hover:bg-gray-100 py-1.5"></ul>
<ol
class="translate-y-6 lg:translate-y-20 object-cover translate-x-6 object-left-top sm:translate-x-16 transform rounded-md"
></ol>
<ol class="space-x-2 flex mt-6"></ol>
<img
class="md:gap-x-8 sm:grid-rows-1 grid sm:gap-x-6 sm:grid-cols-12 grid-cols-1 text-sm lg:gap-x-8"
alt="Profile picture of user b9966303-1186-42d6-8d78-1335f12c7160"
src="https://example.org/pictures/59228835-fc9d-4da4-8f23-769a2af7bf10"
/>
</li>
<li class="sm:text-sm text-base flex items-center">
<img
class="md:flex hidden space-x-10"
alt="Profile picture of user 9885de0d-6165-45f6-a718-c1738083f9a8"
src="https://example.org/pictures/07aeeaee-cc76-4fb7-bd7d-3bbc06fd5cbc"
/>
<ol class="text-sm text-gray-900 truncate font-medium"></ol>
<img
class="focus:ring-indigo-500 text-indigo-600 border-gray-300 w-4 rounded h-4"
alt="Profile picture of user 2a01829d-c4a8-403b-b560-3145d4dcd4c9"
src="https://example.org/pictures/51f0f61f-4efe-40e7-a45b-2b0e48532f51"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="py-6 lg:col-span-3 sm:px-6 lg:px-0 px-2 lg:py-0"
>
This is link 9144717d-aaeb-4afb-a79b-18979f2cae3e
</a>
</li>
</ul>
<ul class="relative z-10">
<li class="lg:block hidden">
<ol
class="justify-center bg-indigo-500 sm:w-12 sm:h-12 inline-flex items-center w-10 rounded-md text-white h-10"
></ol>
</li>
<li class="h-6 w-6">
<ul class="truncate text-base"></ul>
<ol class="hover:underline text-gray-900"></ol>
<a href="#" target="_blank" rel="noreferrer" class="w-6 h-6">
This is link 346a7813-228a-4ea9-9280-742f1f6bdad7
</a>
</li>
<li class="mt-0.5">
<a href="#" rel="noreferrer" class="font-medium text-gray-900">
This is link 2b9465ae-c6f8-49bc-b242-5cf8a36369b9
</a>
<ol class="w-full"></ol>
</li>
<li class="p-2 text-gray-900 -m-2 block font-medium">
<ul
class="-m-3 duration-150 rounded-md p-3 font-medium text-gray-900 flex transition ease-in-out text-base hover:bg-gray-50 items-center"
></ul>
<img
class="focus:outline-none focus:ring-1 items-center relative hover:bg-gray-50 focus:border-indigo-500 focus:ring-indigo-500 -ml-px focus:z-10 text-gray-500 rounded-r-md font-medium border-gray-300 py-2 px-2 bg-white text-sm border inline-flex"
alt="Profile picture of user e06d2963-b02b-4f87-9d7d-13b90fda07b0"
src="https://example.org/pictures/5bfa7af9-72a4-43f9-907b-4d84a842d53e"
/>
</li>
<li class="relative divide-y divide-gray-200 z-0">
<ol class="py-2 bg-white"></ol>
</li>
</ul>
<a href="#" target="_blank" rel="noreferrer" class="space-y-10">
This is link 79885996-131d-4bd5-8265-289d16099349
</a>
<a
href="#"
class="focus:ring-0 text-gray-800 bg-transparent h-12 border-0 pl-11 sm:text-sm placeholder-gray-400 pr-4 w-full"
>
This is link 8ad67b93-1d1c-4509-9182-7aa0921c8459
</a>
</li>
</ol>
<a
href="#"
target="_blank"
rel="noreferrer"
class="object-center w-full object-cover h-full"
>
This is link 9d00a467-bc7f-4856-80e2-b5dd6953b068
</a>
</li>
<li class="text-gray-900">
<ul class="space-y-1 pb-8">
<li class="p-2 flex group items-center -m-2">
<ul class="flow-root">
<li class="bg-gray-300 rounded-full w-4 block h-4">
<ul class="lg:mt-0 sm:mt-16 mt-12"></ul>
<img
class="bg-indigo-600 lg:relative pb-16 lg:pb-0 lg:z-10"
alt="Profile picture of user 91cdec56-e714-4b27-9a6f-43b5aab36518"
src="https://example.org/pictures/d2cd1812-240a-4748-ab48-ff47968e5785"
/>
<ol class="mt-6"></ol>
</li>
<li
class="text-gray-900 focus:z-10 flex px-3 py-2 flex-col h-14 hover:bg-gray-100 bg-white"
>
<ol
class="py-3 text-grape-600 justify-center mt-8 rounded-md items-center w-full hover:bg-grape-50 text-base font-medium bg-white inline-flex border border-transparent sm:w-auto shadow-md px-5"
></ol>
<img
class="sr-only"
alt="Profile picture of user 42c080fc-8e5d-4a20-80cf-d50cae1978de"
src="https://example.org/pictures/b3c37c47-2fe2-4a64-9d93-3ecab556e1bf"
/>
<ol class="lg:px-8 sm:px-6 px-4"></ol>
</li>
</ul>
<ul class="font-medium text-sm hover:text-gray-100 text-white">
<li
class="focus:ring-2 bg-white text-gray-400 focus:ring-indigo-500 hover:text-gray-500 inline-flex focus:outline-none focus:ring-offset-2 rounded-md"
>
<a href="#" target="_blank" class="text-center sm:text-left sm:ml-4 mt-3 sm:mt-0">
This is link 9872ff29-25b9-4985-b467-9887d0ea37d9
</a>
</li>
<li class="font-medium text-white text-sm">
<img
class="space-y-1"
alt="Profile picture of user 721f11af-ed19-406f-bb6b-210bbbd2869b"
src="https://example.org/pictures/fe73398f-7d0e-4cf9-b253-1924dc52d9fb"
/>
</li>
<li class="text-gray-900 text-sm font-medium">
<img
class="flex-shrink-0 w-32 mx-auto h-32 rounded-full"
alt="Profile picture of user 07536b69-72c7-4aeb-87b6-048f16dcfa07"
src="https://example.org/pictures/77de2ddf-cfb0-4504-ab75-ed9c02762cca"
/>
<ol class="mt-1"></ol>
</li>
<li class="mt-6">
<img
class="rounded-full overflow-hidden bg-gray-200"
alt="Profile picture of user bc827edb-f535-4493-80e5-ec4498cce18f"
src="https://example.org/pictures/8bd546a4-fd38-4bc8-bb62-65ee2bdfb466"
/>
<ol class="sr-only"></ol>
<img
class="text-sm pl-4 pr-4 text-gray-500 py-4 sm:pr-6 whitespace-nowrap"
alt="Profile picture of user 68703225-f44a-4ed0-a969-21a485758448"
src="https://example.org/pictures/8da8bd2e-dc0c-4102-ae4a-35f00c7b145b"
/>
<img
class="mt-6"
alt="Profile picture of user 6a3e9860-b52b-415f-aea0-e6a800eee553"
src="https://example.org/pictures/bd3a848d-19f8-4ecc-a2f5-4a623a68b1cb"
/>
</li>
<li class="w-6 h-6">
<ul class="flex-none sm:ml-6"></ul>
<ol class="sm:mt-0 sm:flex-shrink-0 mt-3 sm:ml-3 rounded-md"></ol>
<img
class="hover:bg-gray-200 h-8 w-8 text-gray-900 justify-center items-center flex mx-auto rounded-full"
alt="Profile picture of user ddb8d823-862d-476c-980d-b61b08d4c0bf"
src="https://example.org/pictures/0fbc8599-6abc-4971-a3aa-fb5185266953"
/>
<a href="#" rel="noreferrer" class="md:order-2 flex space-x-6">
This is link eb91f211-d398-484f-bd65-aaae1ac57632
</a>
</li>
</ul>
</li>
<li
class="focus:border-indigo-500 focus:ring-indigo-500 block focus:z-10 rounded-t-md bg-transparent border-gray-300 sm:text-sm rounded-none w-full relative"
>
<ol class="h-7 flex w-7 items-center mx-auto rounded-full justify-center">
<li class="max-w-8xl sm:px-6 mt-2 px-4 mx-auto">
<a href="#" target="_blank" class="py-6 flex items-center">
This is link 22b5acb3-b769-41f3-af66-1e62546336bf
</a>
<ul class="md:mt-0 sm:flex sm:space-x-4 mt-6 sm:space-y-0 space-y-4"></ul>
<ol class="h-8 w-8 rounded-full"></ol>
<ol class="w-1/2 absolute right-0 inset-y-0 bg-indigo-700"></ol>
</li>
<li class="inset-0 z-40 fixed flex">
<a
href="#"
target="_blank"
rel="noreferrer"
class="ml-3 flex-1 min-w-0 text-gray-600"
>
This is link 8d9aa54f-668a-4df0-970e-3b56ff59d97b
</a>
<a href="#" target="_blank" class="text-sm text-gray-500">
This is link 4be40300-8802-4def-ab83-0f896301ed59
</a>
<ul class="text-gray-200"></ul>
</li>
<li class="text-xs block font-medium text-gray-900">
<a href="#" target="_blank" class="space-y-4 mt-4">
This is link 717ddd01-0974-4e2e-b182-752144d669cc
</a>
<img
class="font-medium text-lg text-gray-900"
alt="Profile picture of user 793169af-8971-4634-bbba-9c3cb0236140"
src="https://example.org/pictures/92c38417-cd84-41bb-aa57-8676eb0cf415"
/>
<ul class="mt-2"></ul>
<img
class="lg:col-span-2 xl:col-span-3 mt-6 lg:mt-0"
alt="Profile picture of user 6bbcd72d-764d-4317-9ce6-f48659725a4e"
src="https://example.org/pictures/6f7b8943-adb5-469b-bd2e-f53f935630d1"
/>
</li>
<li class="justify-center h-full flex space-x-8">
<ol class="space-y-4"></ol>
<ul
class="px-4 lg:max-w-7xl lg:gap-x-8 lg:pt-32 lg:grid-cols-2 lg:px-8 mx-auto sm:pb-32 lg:grid sm:px-6 pt-16 max-w-2xl pb-24"
></ul>
<a href="#" target="_blank" class="mt-10">
This is link 435d436c-11f5-4ff8-a098-3d9de35a92ea
</a>
</li>
</ol>
</li>
<li class="w-auto h-8">
<img
class="text-gray-500"
alt="Profile picture of user 2d259945-0258-4d5c-aa53-14d816ccdc91"
src="https://example.org/pictures/e434fb1f-725f-463f-8e57-e6ce52588420"
/>
<img
class="sm:max-w-lg"
alt="Profile picture of user b5053438-25d3-429f-aff4-d3e4ae9875d1"
src="https://example.org/pictures/5e871d0f-f7f7-49cc-8b67-205c0794411f"
/>
<ol class="flex mt-5 justify-center sm:mt-0">
<li class="font-medium text-sm text-gray-900">
<ol class="lg:max-w-none mx-auto max-w-2xl"></ol>
<img
class="mt-10 text-center text-gray-500 grid-cols-7 text-xs grid leading-6"
alt="Profile picture of user 992d2d62-25d9-4fdb-b6c1-e64ec471d6c1"
src="https://example.org/pictures/0f0b7906-bdba-4f97-bbd9-e24323b844ad"
/>
<a href="#" class="h-5 flex-shrink-0 mr-1.5 text-gray-500 w-5">
This is link 6c0cbc40-b93c-4d68-9907-421d40443d50
</a>
</li>
<li class="md:mt-0 sm:space-y-0 sm:flex sm:space-x-4 space-y-4 mt-6">
<ol class="focus:z-10 text-gray-400 bg-gray-50 hover:bg-gray-100 py-1.5"></ol>
<img
class="text-gray-400 mr-1.5 h-5 flex-shrink-0 w-5"
alt="Profile picture of user 8c9f7860-dbd4-43e1-82b8-ed170d6996a6"
src="https://example.org/pictures/ee75fb1a-cd3c-4db3-b95d-67c5884fcd85"
/>
</li>
<li class="text-gray-600 text-xl mt-4">
<ol class="mt-4"></ol>
<ul class="mt-1 text-sm sm:col-span-2 flex text-gray-900 sm:mt-0"></ul>
<ul
class="mx-auto lg:max-w-none lg:col-end-3 lg:mx-0 max-w-md lg:row-end-3 lg:row-start-2 lg:col-start-1"
></ul>
</li>
</ol>
</li>
<li class="ml-2 -mr-1 h-5 w-5">
<a href="#" class="sm:px-6 px-4 md:px-8 max-w-7xl mx-auto">
This is link 3d22778a-6d6f-4e93-ae04-bdfd3f33a137
</a>
<ul class="ml-3">
<li class="lg:col-span-2 sm:col-span-3 col-span-6">
<img
class="gap-6 px-5 sm:gap-8 relative sm:p-8 bg-white grid py-6"
alt="Profile picture of user 782b42f5-01b4-46d8-9b5a-ba5d9ab813d4"
src="https://example.org/pictures/7b17844a-bbc6-451b-82eb-01799144fb4c"
/>
<a href="#" class="flex items-center w-7 justify-center mx-auto rounded-full h-7">
This is link abc10f83-a7ce-45d8-b238-1fd4b0c3c79b
</a>
</li>
<li class="text-base font-medium text-gray-500">
<a href="#" class="sr-only"> This is link 6a907511-9073-47fc-8379-bd7dcdee0f51 </a>
<img
class="left-0 leading-5 pr-2 text-right text-xs w-14 -mt-2.5 text-gray-400 sticky -ml-14 z-20"
alt="Profile picture of user 6ea847e3-cb54-47b4-a4f9-2d5d1eda65d0"
src="https://example.org/pictures/1bdbc77a-9e01-4759-ac24-3e1db12bc7c6"
/>
<ul class="justify-center items-center h-7 flex mx-auto rounded-full w-7"></ul>
<ol class="mt-12 md:mt-0"></ol>
</li>
<li class="-ml-1.5 text-gray-400 w-5 mr-1 h-5">
<ul
class="origin-top-right inset-x-0 z-10 transition p-2 absolute md:hidden top-0 transform"
></ul>
</li>
<li class="py-4 text-gray-500 px-3 whitespace-nowrap text-sm">
<a href="#" target="_blank" rel="noreferrer" class="text-gray-300">
This is link c7260886-a1d9-47c6-8a06-88d4b347545a
</a>
<img
class="sr-only"
alt="Profile picture of user 64650f47-e980-4202-819e-856fbe3c8bed"
src="https://example.org/pictures/5de512fb-32f1-43e5-9b92-24df96d46c6e"
/>
<img
class="sm:text-sm shadow-sm border-gray-300 focus:outline-none px-3 focus:ring-indigo-500 py-2 border rounded-md block mt-1 focus:border-indigo-500 w-full"
alt="Profile picture of user 87bc2dc0-a2a8-4fc4-8973-94323e0a34e2"
src="https://example.org/pictures/5e7d0871-5b88-46bc-884b-b3c4bdcf379d"
/>
</li>
</ul>
<ol
class="text-xs pr-2 text-right -ml-14 left-0 w-14 -mt-2.5 sticky leading-5 text-gray-400 z-20"
>
<li class="items-center justify-between flex h-16">
<ul class="flex px-4 justify-between items-center"></ul>
<ol class="flex-shrink-0"></ol>
<ol class="items-center flex"></ol>
<img
class="text-indigo-600 font-medium hover:text-indigo-500"
alt="Profile picture of user 99ebec65-6375-4636-af9e-a0d82f1ee387"
src="https://example.org/pictures/e10000b3-33ae-4228-b221-dd99d56caa7a"
/>
</li>
<li class="-my-3 -mx-2 flow-root">
<ul class="ml-auto"></ul>
<ul class="flex h-5 items-center"></ul>
</li>
<li class="bg-white">
<a href="#" target="_blank" class="w-px bg-gray-200 h-6 lg:mx-6 mx-4">
This is link 238927b3-e3f6-4342-9215-5481558a4f05
</a>
</li>
</ol>
</li>
<li class="ml-4 flow-root lg:ml-8">
<ol class="flex-1 bg-white w-full pt-5 relative flex max-w-xs flex-col pb-4">
<li class="sr-only">
<a
href="#"
class="h-10 flex items-center max-w-7xl justify-between sm:px-6 mx-auto px-4 lg:px-8"
>
This is link 1484425e-3d83-4b9f-a279-e101db682563
</a>
<img
class="h-full overflow-y-scroll shadow-xl bg-white flex flex-col"
alt="Profile picture of user 1014a956-ba64-44f9-aa29-d478b0ed0743"
src="https://example.org/pictures/5b3a57bf-5afd-4dc5-b91c-aecafe2ac4ba"
/>
</li>
<li class="focus:z-10 bg-gray-50 text-gray-400 hover:bg-gray-100 py-1.5">
<ul class="items-center flex text-sm"></ul>
<ol
class="min-h-full sm:items-center flex p-4 items-end justify-center text-center sm:p-0"
></ol>
<a
href="#"
target="_blank"
rel="noreferrer"
class="md:left-0 bg-indigo-600 relative md:absolute h-56 md:h-full md:w-1/2 sm:h-72"
>
This is link 0f4ab142-1fc7-4761-a902-b1dca5a36bd2
</a>
</li>
<li
class="py-1.5 text-gray-900 bg-white focus:z-10 hover:bg-gray-100 relative rounded-tr-lg"
>
<a href="#" target="_blank" class="px-3 mt-5">
This is link 5f19f968-e1cd-450b-986e-ea7ed85752bf
</a>
</li>
</ol>
<img
class="p-2 focus:ring-white focus:outline-none bg-transparent hover:text-white focus:ring-2 inline-flex rounded-md justify-center hover:bg-opacity-10 text-cyan-200 hover:bg-white items-center"
alt="Profile picture of user d905f5c1-b485-490a-8cd2-221debef508f"
src="https://example.org/pictures/e72f7fc8-c63e-4d9a-b03c-8db4bd995654"
/>
</li>
</ul>
<ol class="space-y-2">
<li class="h-16 justify-between flex items-center">
<a href="#" class="inset-y-0 pointer-events-none absolute right-0 flex items-center">
This is link cd6791c0-582f-40d3-b0d2-1b0cc5f1e272
</a>
<img
class="py-4 text-right text-sm font-medium whitespace-nowrap relative pl-3 pr-4 sm:pr-6"
alt="Profile picture of user 58516306-fa7c-434c-8d71-1fde1eb01fee"
src="https://example.org/pictures/5084b03c-5dea-4f98-b394-64f48ee8c569"
/>
</li>
<li class="relative">
<ul class="p-2">
<li class="bg-white hover:bg-gray-50 hover:text-gray-900 text-gray-600">
<ol
class="py-2 flex-col text-gray-900 flex px-3 bg-white focus:z-10 hover:bg-gray-100 h-14"
></ol>
<ul class="flex flex-col-reverse"></ul>
<img
class="mr-2 -ml-1 h-5 w-5 group-hover:text-gray-500"
alt="Profile picture of user 30a8649c-f8a5-40e8-b985-9107a742f8f4"
src="https://example.org/pictures/afcdf93c-e005-4e4b-b890-106ee2fd9942"
/>
<img
class="sm:tracking-tight sm:text-3xl font-bold text-gray-900 text-2xl mt-2"
alt="Profile picture of user e249cb5c-53f1-44e9-9e30-4fa259991b5b"
src="https://example.org/pictures/1737489e-9063-451b-b4cd-65135f242bd1"
/>
</li>
<li class="justify-center items-center text-gray-400 rounded-md inline-flex -m-2 p-2">
<a href="#" rel="noreferrer" class="focus:z-10 hover:bg-gray-100 bg-white py-1.5">
This is link b14e9a75-fc0d-42ac-a0f5-b20d74fc0534
</a>
</li>
<li class="w-auto block h-8">
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-gray-900 font-semibold text-lg"
>
This is link b931afe6-482d-4242-ace0-65d9a7af5258
</a>
</li>
</ul>
<a href="#" rel="noreferrer" class="bg-white hover:bg-gray-100 py-1.5 focus:z-10">
This is link a96b569f-9f89-4bd2-b148-b03956ef7e83
</a>
</li>
<li class="max-w-sm text-center mx-auto relative">
<ol
class="opacity-50 sm:absolute bg-gradient-to-b to-black from-transparent sm:inset-0"
>
<li class="text-gray-700 block font-medium text-sm">
<img
class="flex items-start relative"
alt="Profile picture of user 0f5cc9ce-1551-4338-88a6-8fb37ebeb76a"
src="https://example.org/pictures/c54e2df0-6142-4192-b8ed-3af91b160940"
/>
<img
class="text-gray-900 text-sm font-medium"
alt="Profile picture of user 93b78cf3-7556-4eb6-b014-773092e885b4"
src="https://example.org/pictures/455a276c-ee5d-4fe2-9386-949bdc187bcc"
/>
</li>
<li class="h-10 rounded-md w-10">
<ul
class="bg-gray-50 focus:ring-2 text-white focus:outline-none flex focus:ring-offset-gray-50 text-sm focus:ring-offset-2 focus:ring-purple-500 rounded-full"
></ul>
</li>
<li
class="border py-2 focus:ring-indigo-500 mt-1 w-full block border-gray-300 focus:border-indigo-500 rounded-md shadow-sm px-3 focus:outline-none sm:text-sm"
>
<ol
class="hover:text-gray-500 -m-1.5 items-center p-1.5 flex-none flex text-gray-400 justify-center"
></ol>
</li>
<li class="-ml-2 bg-white p-2 rounded-md text-gray-400">
<ol class="sm:hidden"></ol>
<img
class="flex flex-col relative space-y-3 p-3 w-20"
alt="Profile picture of user b39a7b62-c4e7-46cb-bc30-07da61245703"
src="https://example.org/pictures/51a35b4c-61eb-4394-b85f-b62537937519"
/>
<ol class="text-gray-500 text-base mx-auto max-w-xl mt-4"></ol>
<ul
class="group-hover:opacity-75 overflow-hidden rounded-lg sm:h-auto w-full sm:aspect-h-3 sm:aspect-w-2 h-96"
></ul>
</li>
</ol>
<img
class="relative"
alt="Profile picture of user e914d56b-4c9a-4d6c-baf6-ad783461c3df"
src="https://example.org/pictures/0934ef60-d304-45de-8582-595f4249ebd0"
/>
</li>
<li class="md:pr-0 pl-3 sm:pr-6 relative py-3.5 pr-4">
<ol class="focus:z-10 py-1.5 hover:bg-gray-100 bg-white">
<li
class="focus:ring-offset-gray-50 bg-indigo-600 font-medium focus:ring-offset-2 w-full focus:ring-2 focus:ring-indigo-500 text-base px-4 focus:outline-none rounded-md shadow-sm border border-transparent py-3 text-white hover:bg-indigo-700"
>
<a href="#" class="focus:z-10 bg-gray-50 hover:bg-gray-100 text-gray-400 py-1.5">
This is link 5770f234-4211-4fef-b67f-14d140f14e87
</a>
<a href="#" target="_blank" class="sm:space-y-4 space-y-6 mt-6 sm:mt-4">
This is link ceb29cc3-1ab2-4224-80c0-fa6f97aaa29b
</a>
<ul class="rounded-md shadow"></ul>
<ul class="relative items-center mt-1 flex"></ul>
</li>
<li class="group-hover:text-gray-500 text-gray-400 mr-3 w-5 h-5">
<a href="#" rel="noreferrer" class="h-8 w-auto">
This is link cfd6d849-7db2-40f7-8d6e-8b3f2f90d755
</a>
</li>
<li class="right-0 inset-y-0 absolute items-center flex pointer-events-none px-2">
<ul class="text-gray-400 hover:text-gray-300"></ul>
<ol class="border-t space-y-6 border-gray-200 px-4 py-6"></ol>
<ul class="inset-0 bg-black bg-opacity-25 fixed"></ul>
<img
class="pt-4 pb-3 border-gray-200 border-t"
alt="Profile picture of user 95260ea9-2581-44b9-8eff-ed71c5cb8d29"
src="https://example.org/pictures/33215bb4-c49f-43d4-8e77-326c2c476eed"
/>
</li>
<li
class="-left-1.5 justify-center p-1.5 flex text-gray-400 hover:text-gray-500 items-center absolute -top-1"
>
<img
class="md:gap-6 md:grid-cols-3 md:grid"
alt="Profile picture of user 23bcf4c2-140c-4701-844b-30dc92416a2f"
src="https://example.org/pictures/5ddd6db6-9c42-414f-9381-47c1bb1b3073"
/>
</li>
<li
class="flex border-gray-100 sm:border-r border-b flex-col text-center sm:border-0 p-6"
>
<a href="#" target="_blank" class="relative">
This is link 226ac524-7424-4ed3-ab07-b8abcd67d02e
</a>
</li>
</ol>
</li>
</ol>
<ul class="h-5 text-gray-500 w-5">
<li class="text-white bg-gray-900">
<a href="#" target="_blank" rel="noreferrer" class="flex justify-between items-center">
This is link 91544178-7643-4229-8242-190f30a1ee98
</a>
<ol class="overflow-y-auto flex-grow bg-cyan-700 pt-5 flex pb-4 flex-col">
<li class="group-hover:text-gray-500 text-gray-400 h-5 w-5">
<ol class="p-4"></ol>
<img
class="bg-indigo-600 flex h-10 sm:h-12 rounded-md sm:w-12 flex-shrink-0 w-10 justify-center items-center text-white"
alt="Profile picture of user 657e4ffd-f5bb-49d2-8ecf-fbad41aefe60"
src="https://example.org/pictures/d99a36fd-1528-4606-a8d6-61ecbe214ebc"
/>
<a href="#" target="_blank" class="px-2 py-4 flex-1">
This is link cc62eb38-45c5-444c-8279-10e600dfb8f7
</a>
<a href="#" class="sr-only"> This is link 8673f841-25c6-4ccc-b7f5-7a471a977953 </a>
</li>
<li class="text-gray-300">
<a
href="#"
target="_blank"
rel="noreferrer"
class="lg:items-center lg:flex-1 hidden lg:space-x-6 lg:flex lg:justify-end"
>
This is link 48d367ce-5c4a-4999-bf31-b7b03b6f48d7
</a>
</li>
<li class="bg-white py-1.5 focus:z-10 hover:bg-gray-100">
<ol class="mx-auto max-w-7xl sm:px-6 lg:px-8"></ol>
<img
class="items-center flex h-5"
alt="Profile picture of user 64dc51de-428b-4fcc-8053-d628b6045635"
src="https://example.org/pictures/4a237eea-0473-40b2-8949-392115ce12a1"
/>
<a href="#" target="_blank" rel="noreferrer" class="bg-white">
This is link 934eea96-c0f8-4331-8bf3-0a46bd2c81b6
</a>
<ul class="text-gray-200"></ul>
</li>
<li class="text-gray-900 font-medium">
<ol class="sm:ml-16 mt-4 sm:flex-none sm:mt-0"></ol>
<ul class="min-h-[768px] bg-gray-50 h-0"></ul>
<ol class="bg-gray-300"></ol>
</li>
</ol>
<ul class="flex items-center justify-between h-16">
<li class="rounded-full w-10 h-10">
<a href="#" target="_blank" class="mt-3 text-cyan-100 text-sm">
This is link 797f5bd3-5672-4b09-bfc4-4bd80512d4c7
</a>
</li>
<li class="transition-colors duration-200 ease-out h-px w-full">
<ul class="flex items-center h-16 justify-between"></ul>
<ol class="text-sm ml-3"></ol>
<img
class="font-medium text-sm text-gray-700 block"
alt="Profile picture of user 7ebc740d-20ad-49d8-abf1-9896b334168b"
src="https://example.org/pictures/144757e0-d874-4db0-bf5c-93b562132e88"
/>
<img
class="py-1"
alt="Profile picture of user aeb4427a-398d-41eb-a4f1-5378610ea025"
src="https://example.org/pictures/e40e5204-8f10-45a0-8d58-a2522cd85b70"
/>
</li>
<li class="isolate flex -space-x-1 overflow-hidden">
<ul class="block flex-shrink-0 w-full"></ul>
<img
class="px-4 justify-between items-center flex"
alt="Profile picture of user 46aa9d26-be33-41ba-b1ff-6ca34d7f66e6"
src="https://example.org/pictures/a6d483a9-1fe9-4011-98f2-c0fc37a41e24"
/>
<img
class="ring-black ring-opacity-5 rounded-lg overflow-hidden ring-1 shadow-lg"
alt="Profile picture of user b08152b4-40d1-402f-ad8b-d3e402bdc50d"
src="https://example.org/pictures/9152020f-b132-4fa8-a1ff-12509e90c136"
/>
</li>
</ul>
</li>
<li class="font-medium text-sm text-gray-700 block">
<img
class="text-gray-900 font-medium"
alt="Profile picture of user a8c17dca-35e7-48d4-add7-0aab4eb2fc12"
src="https://example.org/pictures/d7e4e432-cee6-4e6a-9f52-6049915a1a0a"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="px-3 font-medium py-0.5 ml-3 rounded-full inline-block text-xs"
>
This is link 6714b478-d67b-4bd7-aabe-e43c6713c5b1
</a>
<ol class="border-gray-200 border-b">
<li class="sr-only">
<img
class="py-1.5 bg-white hover:bg-gray-100 text-gray-900 focus:z-10"
alt="Profile picture of user f1de2d3a-debb-4b02-acfa-4190d41aa928"
src="https://example.org/pictures/dca6e8c4-4752-4e3f-bea2-eca8c2f521a0"
/>
<a href="#" rel="noreferrer" class="justify-between flex">
This is link f19816ca-425a-4635-90de-ac3c386cdb9e
</a>
</li>
<li class="-mr-2">
<a href="#" target="_blank" class="space-y-6 mt-6">
This is link 50760677-cfae-4e6f-83c0-fbb3945c1bd7
</a>
<a
href="#"
rel="noreferrer"
class="hover:text-gray-500 hover:bg-gray-100 focus:ring-inset text-gray-400 inline-flex rounded-md focus:ring-purple-500 focus:outline-none focus:ring-2 justify-center bg-white p-2 items-center"
>
This is link a89f79cf-d484-4102-b0e5-a6a6cce1df52
</a>
</li>
</ol>
<img
class="h-5 items-center flex"
alt="Profile picture of user 79370c9d-1224-48ff-864d-9365e30da7aa"
src="https://example.org/pictures/5dabb1a6-0f8b-4404-9491-232cad10704e"
/>
</li>
<li class="font-bold text-gray-900 sm:text-4xl text-3xl tracking-tight">
<img
class="block text-base text-gray-900 font-medium ml-3"
alt="Profile picture of user 1f44f8d4-c717-439c-837d-d50cf1a939b5"
src="https://example.org/pictures/34352055-4040-4445-9a1a-46dd6ff81919"
/>
</li>
<li class="flex items-center w-full sm:items-end space-y-4 flex-col">
<a
href="#"
rel="noreferrer"
class="text-gray-500 group-hover:text-gray-900 text-sm font-medium ml-3"
>
This is link 492ff2e2-9e40-4eaf-8e5d-89f68be20126
</a>
<ol class="sr-only">
<li
class="bg-gray-50 py-1.5 text-gray-400 focus:z-10 hover:bg-gray-100 relative rounded-bl-lg"
>
<ol class="lg:hidden"></ol>
</li>
<li class="sr-only">
<ol class="text-center"></ol>
<a href="#" target="_blank" rel="noreferrer" class="pb-8 space-y-10 px-4 pt-10">
This is link 7e1e7444-5277-4cc7-843d-42a67b9fd63f
</a>
</li>
<li
class="border-transparent px-1 items-center pt-1 text-sm hover:border-gray-300 inline-flex text-gray-500 font-medium hover:text-gray-700 border-b-2"
>
<ul class="text-base text-blue-gray-900 font-medium"></ul>
<img
class="overflow-hidden absolute inset-0"
alt="Profile picture of user a6e25171-2827-4fe6-b7e5-d0b3d46d4c64"
src="https://example.org/pictures/3af8df0d-33f3-49b7-9cf6-bc893da87baf"
/>
<ul class="object-center object-cover"></ul>
</li>
</ol>
</li>
</ul>
</li>
</ul>
</nav>
<form class="hover:text-gray-800">
<input type="text" class="font-semibold text-xs text-gray-900" />
<input type="text" class="-m-2 font-medium block p-2 text-gray-900" />
<input type="password" class="h-full object-cover w-full" />
<p class="grid-cols-1 flex-auto grid grid-rows-1">
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
This is link 49239d36-d46d-424a-9600-701b1cdeb0cb
</a>
<a href="#" class="ml-3 truncate block">
This is link c2f9aed6-a254-4aaa-b175-790352f1d6f1
</a>
</p>
<input type="password" class="text-gray-500" />
<button type="button">This is action 4e5791ac-790e-4ec7-8aa5-dadd0c1cd264</button>
</form>
<section class="lg:block font-medium hover:text-gray-800 text-gray-700 hidden text-sm">
<main class="justify-center mt-4 flex items-center">
<form class="flex mt-6">
<p class="z-10 relative">
<span class="text-gray-500"> This is text c0187c62-0e4b-467b-ba94-11c40911d04d </span>
</p>
<select class="flex">
<option>This is item 718e4468-dfa7-43de-8199-bf9030a4d779</option>
<option>This is item 54d08a65-2821-4dc1-a860-703ca4604db4</option>
<option value="adb8ca7c-ba76-4c69-bd83-1030daf5dc5a">
This is item e7fc35a0-713c-4746-88ae-15bd240d679d
</option>
<option>This is item 10bc231f-b2a2-4f00-b837-fe4eff3cc2e2</option>
<option value="b81a0756-2022-4f9d-87ff-05e26d731c58">
This is item 6ee1958a-af39-46b8-b4f0-184e19ca6ab5
</option>
</select>
<p class="right-0 fixed hidden h-full bg-indigo-900 w-1/2 lg:block top-0">
<span class="font-medium text-gray-900 text-lg">
This is text 6b0b3226-900e-480d-82d1-611a536332e8
</span>
<span class="md:hidden z-40 relative">
This is text 7bb4dc81-18ea-4cc6-95e5-24dc2ce45025
</span>
</p>
<p class="ml-4 flex">
<a
href="#"
target="_blank"
class="w-8 items-center h-8 mx-auto justify-center text-gray-400 hover:bg-gray-200 rounded-full flex"
>
This is link 1c1dbb04-a07e-4430-9ea1-f4342d1b292b
</a>
<span class="items-center flex justify-between">
This is text b4638612-5f84-4926-a90a-362f24757a40
</span>
<span class="h-12"> This is text 1c67be87-6139-44e5-b955-58e0338dc17b </span>
</p>
<input type="text" class="lg:ml-6 lg:flex-grow-0 lg:flex-shrink-0 flex-grow mt-6 lg:mt-0" />
<input type="email" class="text-gray-500 hover:text-gray-600" />
</form>
<ul class="text-gray-400 lg:hidden p-2 hover:text-gray-500">
<li class="h-5 ml-2 group-hover:text-gray-500 w-5">
<ol class="relative">
<li class="flex ml-4 justify-between flex-col relative sm:ml-6 flex-1">
<img
class="font-medium text-base text-gray-900"
alt="Profile picture of user d55af300-9826-4019-8273-a6b86932dbe1"
src="https://example.org/pictures/af931ce4-edf7-464f-ac7c-e7a428002720"
/>
<ol class="mt-6">
<li class="md:grid-cols-2 md:gap-y-12 md:gap-x-8 md:grid md:space-y-0 space-y-10">
This is item 9384b0d9-e683-40e8-add1-2add1176eace
</li>
<li class="z-40 md:hidden relative">
This is item 17090f1a-25d1-48e8-b674-f28eeab7014c
</li>
<li class="text-sm text-gray-600">
This is item 2f3aa993-35e5-4cc3-a579-13f7ee33e96f
</li>
<li class="w-12 mx-auto h-12 text-gray-400">
This is item cee567f3-21cc-4be8-960b-b94b10447a97
</li>
<li class="border-gray-200 bg-white border-t">
This is item 86d39040-62dc-4c32-94ea-e9e129a2c442
</li>
</ol>
</li>
<li class="hover:bg-gray-100 bg-white py-1.5 focus:z-10">
<img
class="inset-0 absolute"
alt="Profile picture of user d346404a-c6a5-44ba-8943-d34800480afd"
src="https://example.org/pictures/8e9fbe69-87b2-4c67-ab8f-f3430381a02f"
/>
<ol class="hover:text-gray-600 text-gray-500">
<li
class="-mt-2.5 -ml-14 left-0 text-gray-400 text-xs pr-2 sticky text-right w-14 leading-5"
>
This is item 4f1631d4-5fb3-441c-8056-65d9033a0bcd
</li>
<li class="flex flex-col sm:mt-0 mt-10">
This is item a2c5c303-dcc1-40a7-aed5-f862b4caa8f6
</li>
<li class="text-sm text-gray-600 font-medium">
This is item 4669b37e-5755-4a34-ad2e-e32455f4ee32
</li>
<li class="flex-auto sm:mt-0 mt-2">
This is item 1d348981-dada-4d7b-b0b2-82e3480367d0
</li>
</ol>
<img
class="group text-gray-500 items-start space-x-2 hover:text-gray-900 inline-flex text-sm"
alt="Profile picture of user 6374a5e4-8786-4276-be74-6acfbba11e8c"
src="https://example.org/pictures/c896835b-5b59-4c63-9545-de3b5247382d"
/>
</li>
<li
class="justify-center bg-white relative border-2 items-center flex h-8 border-gray-300 hover:border-gray-400 rounded-full group w-8"
>
<ol
class="whitespace-nowrap items-center font-medium rounded-full sm:px-3 py-2 inline-flex hover:bg-gray-100 relative bg-gray-50 px-2 text-gray-500 text-sm"
>
<li class="sr-only">This is item 3ee81e71-abbd-4539-b010-cffb6d25af8e</li>
<li class="bg-white">This is item 80051657-e197-4d55-8df1-75b0b080f907</li>
<li class="items-center justify-center p-8 bg-white flex">
This is item fe710e00-08f7-4af0-a084-e80c8e4fb03f
</li>
</ol>
<ol class="ml-auto">
<li
class="items-center w-8 bg-white focus:ring-indigo-500 hover:bg-gray-100 focus:outline-none text-gray-400 justify-center h-8 hover:text-gray-500 focus:ring-2 flex rounded-full -mr-2"
>
This is item 620553cf-fba2-435f-aa16-402dec9826e8
</li>
<li class="sm:col-span-1">This is item 8df0763c-586a-4d88-8840-5a49ed8b43cb</li>
<li class="z-10 fixed overflow-y-auto md:p-20 sm:p-6 inset-0 p-4">
This is item 49a613a7-1783-4109-83cc-20a18b2cd827
</li>
<li class="text-gray-500 text-sm lg:table-cell hidden px-3 py-3.5">
This is item 9a8e474e-ae51-4141-8625-a98c53863c06
</li>
</ol>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-base text-blue-gray-900 font-medium"
>
This is link bc485730-a8df-4228-8c34-5bb6d9575f5d
</a>
</li>
</ol>
<a href="#" target="_blank" class="items-center right-0 flex absolute pr-4 inset-y-0">
This is link 89036df4-3eee-4562-afde-2e138868eece
</a>
<ul class="text-sm text-gray-700 font-medium ml-3 block">
<li class="text-base text-warm-gray-400">
<ol
class="top-6 right-6 group-hover:text-gray-400 text-gray-300 absolute pointer-events-none"
>
<li class="hover:text-gray-600 text-gray-500">
This is item a979d7c5-09e6-47ad-9949-1423eef3cf00
</li>
<li class="table-fixed w-full h-px">
This is item a59c33ca-5bdd-4bc6-8e18-168012682b8a
</li>
</ol>
</li>
<li class="h-5 text-gray-400 w-5">
<ul class="italic text-gray-500">
<li class="h-5 w-5">This is item d0de24f2-5e0a-4f03-afe7-77c6d67bc790</li>
<li class="text-gray-900 font-medium text-sm mr-2">
This is item d4685d8e-214b-4d6c-b0bd-9d98340e9e63
</li>
</ul>
<ul
class="appearance-none sm:max-w-xs bg-white w-full border focus:border-indigo-500 rounded-md text-gray-900 focus:ring-indigo-500 py-2 focus:placeholder-gray-400 focus:outline-none text-base min-w-0 border-gray-300 px-4 placeholder-gray-500"
>
<li class="text-sm mt-5">This is item 8f7ebb73-f3e9-469d-ba12-cd777c633b2b</li>
<li class="sm:inline hidden">This is item c6ee8849-3090-48cd-a72e-ec9e9ab5a392</li>
<li class="bg-gray-50">This is item f21f13d0-9feb-4115-9082-59ae620eaf88</li>
<li
class="pl-2 rounded-md group-hover:text-gray-100 flex bg-none text-sm border-transparent pr-5 text-white focus:ring-0 py-0.5 focus:outline-none items-center focus:border-transparent bg-gray-900 font-medium"
>
This is item 32c6533f-00d3-4083-b65a-8e65d2f16896
</li>
</ul>
<ul class="h-5 w-5">
<li class="lg:grid-cols-12 lg:grid lg:gap-x-16">
This is item c2c324d9-c3c9-499d-963c-9c983ee854c3
</li>
<li class="items-center flex">This is item 3708dfaa-0802-4666-aedb-7b8b73d60e19</li>
<li class="flex-col min-h-full flex relative">
This is item 1ee2718c-e82b-441f-b615-67b0c02d948d
</li>
<li
class="rounded-full items-center w-8 text-gray-900 mx-auto justify-center h-8 flex hover:bg-gray-200"
>
This is item 82deec51-36c3-4176-94ca-bae005d40865
</li>
</ul>
<img
class="text-gray-500"
alt="Profile picture of user 4bda500c-2aa8-46a9-a05f-f97fa363ac19"
src="https://example.org/pictures/c63b254d-49fd-43ec-a341-28f3bb0a7e4a"
/>
</li>
<li class="-m-1.5 p-1.5">
<a href="#" rel="noreferrer" class="bg-opacity-75 bg-gray-600 fixed inset-0">
This is link ae90fca8-818a-4bb8-b55f-f644ca33f546
</a>
</li>
</ul>
<a href="#" class="hover:text-indigo-500 text-indigo-600 font-medium">
This is link f5a49c9f-328f-44fa-a772-935a3d2025dd
</a>
</li>
<li class="p-2 text-gray-400 -m-2 hover:text-gray-600 flex rounded-full items-center">
<img
class="font-medium text-gray-900"
alt="Profile picture of user 1f9353d5-0dea-4c2a-a115-1e8ee92d42fc"
src="https://example.org/pictures/09bda881-8da7-4732-87bb-cf7e3b4f065e"
/>
<img
class="border-gray-700 pt-4 border-t pb-3"
alt="Profile picture of user 9fc44add-842c-4b38-ae46-64fedb8fc7f0"
src="https://example.org/pictures/70744f2d-aee4-457c-8342-493f54a1f859"
/>
<img
class="hover:text-gray-800"
alt="Profile picture of user b46bcadc-6ed6-493f-9dbd-34c0f0f89e1b"
src="https://example.org/pictures/c60b17ad-4c2b-4854-ba9f-17fa492b14ab"
/>
</li>
<li
class="bg-indigo-600 focus:outline-none disabled:cursor-not-allowed mt-6 hover:bg-indigo-700 border px-4 focus:ring-indigo-500 text-sm border-transparent text-white focus:ring-offset-2 disabled:bg-gray-100 w-full shadow-sm disabled:text-gray-500 rounded-md font-medium py-2 focus:ring-2"
>
<img
class="absolute to-gray-50 inset-x-0 h-1/2 from-white bg-gradient-to-b"
alt="Profile picture of user 29e0f3b9-6f0f-4ca0-83c9-eb420662ec93"
src="https://example.org/pictures/d6d4c0de-b489-4efd-b311-2a0ec9392efd"
/>
<a
href="#"
class="sm:px-6 text-sm items-center flex h-10 font-medium bg-indigo-600 px-4 text-white lg:px-8 justify-center"
>
This is link 1d90cad9-60d4-4989-92bc-07962f0ce4a2
</a>
<ul class="text-sm font-medium text-gray-900">
<li
class="w-full block border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm mt-1 shadow-sm rounded-md"
>
<ol class="space-y-1">
<li class="block text-white">This is item 747c75ea-f981-49ba-a8ab-3516f690eb78</li>
<li class="bg-gray-50">This is item 78c754d2-adf0-41be-adfa-d4881cd0df80</li>
<li
class="items-center justify-between flex border-b py-4 border-gray-200 flex-none px-6"
>
This is item fd1ecc78-fbb0-40ca-92f4-bc91bc440a2a
</li>
<li class="md:flex-shrink-0">This is item 436e65c6-6f42-4d17-ba7b-2799b48cf451</li>
</ol>
<img
class="sr-only"
alt="Profile picture of user 8be43222-86ee-4250-a527-a1b023a5f10c"
src="https://example.org/pictures/481a569c-d05c-4cd6-9b11-810a1ea55ee0"
/>
</li>
<li class="text-lg cursor-auto font-medium w-full text-gray-500 text-left py-6">
<img
class="sr-only"
alt="Profile picture of user 2a9100cb-f271-40f3-8957-be3bc7e2faa7"
src="https://example.org/pictures/a8b43d11-df1a-4f52-8d97-dd7025c8263b"
/>
</li>
<li
class="border-b relative lg:border-none lg:bg-transparent z-10 border-opacity-25 border-teal-500"
>
<a href="#" rel="noreferrer" class="mx-auto max-w-2xl">
This is link c594a628-3bd8-410f-b7a2-0a4871a92bf2
</a>
</li>
</ul>
</li>
<li class="sr-only">
<img
class="text-sm font-medium text-gray-900"
alt="Profile picture of user a91ef50f-44b7-4001-84cd-c8d5fb367b16"
src="https://example.org/pictures/f4356378-cca1-45a3-8a9d-4b9f894628c4"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-sm inset-x-0 z-20 text-gray-500 absolute top-full"
>
This is link 61c1f031-630f-4a0f-8248-c8d2281bfaa3
</a>
<ol class="py-2 px-3 bg-white relative">
<li class="text-lg leading-6 font-medium text-gray-900">
<img
class="flex"
alt="Profile picture of user 821bd8f5-eef7-45e7-b364-5a2e638002ba"
src="https://example.org/pictures/dc2b3735-e1d3-4c61-a3d0-c9ef7e7b7985"
/>
<ol class="text-sm text-gray-900">
<li class="text-sm text-gray-500 truncate">
This is item 6783bbf6-cfc4-4d75-b289-1d628f8a75e6
</li>
<li
class="mt-2 origin-top-right ring-1 w-48 ring-black right-0 absolute focus:outline-none rounded-md py-1 z-10 bg-white shadow-lg ring-opacity-5"
>
This is item 29666aad-1108-4422-bcb0-a712d81a65b3
</li>
</ol>
<img
class="w-6 h-6"
alt="Profile picture of user ba5ec941-eda0-440e-9783-6cb8a65510ad"
src="https://example.org/pictures/a449e3fe-bde0-44a2-8884-7cd7b16c41ef"
/>
</li>
<li class="font-medium text-sm">
<img
class="flex-shrink-0 px-4 items-center flex"
alt="Profile picture of user f0fd04a7-5c9c-4569-9eea-46fbb58bc177"
src="https://example.org/pictures/b1e2fd64-ac23-467b-98a4-b5fe34eabae9"
/>
</li>
<li class="flex">
<ul
class="max-w-2xl mx-auto items-center flex space-x-2 lg:px-8 px-4 sm:px-6 lg:max-w-7xl"
>
<li class="-space-x-2 overflow-hidden isolate flex">
This is item 8597fd16-3806-4558-8dcf-6cb481fb3cc8
</li>
<li class="w-full focus-within:text-gray-600 text-gray-400 relative">
This is item 22aaef57-2e20-49d7-a444-045bc02839fe
</li>
<li class="border-2 absolute pointer-events-none rounded-lg -inset-px">
This is item 295b4073-9e0a-4115-a386-88dd5bdd91b9
</li>
<li class="sm:px-8 py-5 sm:py-8 bg-gray-50 px-5">
This is item f82ba2b0-9fe8-4142-a049-53326d03a96b
</li>
</ul>
<img
class="lg:col-span-1 lg:col-start-3"
alt="Profile picture of user 95e1541a-c01c-46ed-8a27-028110a90366"
src="https://example.org/pictures/f889c3a2-c93a-4aee-9cda-04b49c517d93"
/>
</li>
</ol>
</li>
</ul>
<ol class="w-6 h-6">
<li class="py-10 border-t border-gray-100 text-center">
<ul class="sm:w-0 sm:flex-1">
<li class="text-sm mt-1 text-gray-500">
<ol class="flex">
<li
class="sm:text-sm focus:border-indigo-500 relative block focus:ring-indigo-500 focus:z-10 bg-transparent rounded-br-md border-gray-300 w-full rounded-none"
>
This is item 306d52bb-5d4a-49bf-9872-a6538d3aad46
</li>
<li class="grid grid-cols-2 gap-x-8 gap-y-4">
This is item 23f37535-1850-4f6e-a4d7-f5a58da665da
</li>
<li class="flex-1 text-white text-center text-sm font-medium lg:flex-none">
This is item bd3ae893-6aac-4354-91fd-e5510272f53b
</li>
<li class="bg-opacity-75 inset-0 fixed transition-opacity bg-gray-500">
This is item 4e22bbb4-9bc2-402d-bb3c-1b885183ee61
</li>
</ol>
<ul class="text-gray-900 font-medium hover:text-gray-700">
<li
class="mx-auto items-center h-7 justify-center bg-gray-900 text-white rounded-full w-7 flex font-semibold"
>
This is item 37d4ec50-797a-4e55-95d1-cb6c3f979fcc
</li>
<li class="text-gray-900 font-medium">
This is item 420d3dd7-7365-4178-bda8-bc2ce4a386db
</li>
<li class="h-6 w-6">This is item 9cbc2729-0d04-4f63-ac56-ab341ed7eadd</li>
</ul>
<ol class="flex text-gray-500 flex-col mt-2 xl:flex-row">
<li class="flex-shrink-0 ml-4 relative">
This is item d5e754b7-1833-4863-9740-f73e5f01434b
</li>
<li class="text-lg font-medium leading-6 text-gray-900">
This is item d2d5fd2a-87c5-4241-9b85-140d84985289
</li>
<li class="w-auto h-8">This is item 3d766aee-fac2-4fb3-a04e-84d4f26f9d07</li>
</ol>
</li>
<li
class="py-2 shadow-sm border sm:text-sm border-gray-300 focus:border-indigo-500 bg-white focus:ring-indigo-500 focus:outline-none pl-3 focus:ring-1 w-full rounded-md pr-12"
>
<ol class="w-5 h-5">
<li
class="flex rounded-md text-gray-900 font-medium hover:bg-gray-100 text-base -m-3 p-3 items-center"
>
This is item 21e61f7c-9bbc-4ab1-91ee-cbec4a5c4eaf
</li>
<li class="space-x-3 flex justify-between items-start">
This is item 54502c81-eaad-4d0a-9989-134aad82427c
</li>
<li class="text-sm">This is item 24b9bc2e-e806-48b3-a5c4-c22b9306e410</li>
<li class="md:grid md:gap-8 md:grid-cols-2">
This is item 2317ef13-b180-4a47-815b-1e7f8e95677e
</li>
</ol>
</li>
<li
class="-mt-2.5 text-gray-400 text-right pr-2 w-14 left-0 -ml-14 sticky leading-5 text-xs"
>
<ol class="scroll-py-3 max-h-96 p-3 overflow-y-auto">
<li class="truncate">This is item a84a287d-f392-49a9-87b4-4dd8bd229d0f</li>
<li class="text-base text-gray-500">
This is item 4adf8cbb-c4be-419d-bad7-9f8a6a57c91a
</li>
<li class="sm:mt-4 mt-3">This is item bde9d1d0-4070-46c6-9078-286ccbc9cc33</li>
</ol>
</li>
<li class="text-base text-white font-medium">
<ol
class="bg-white hover:text-gray-500 text-gray-400 flex justify-between py-3 items-center px-2 w-full"
>
<li class="block text-base ml-3 font-medium text-gray-900">
This is item 4f5b4c84-df03-42d1-992d-e1e73f50e868
</li>
<li class="cursor-default px-3 select-none py-2 relative">
This is item 2589dd59-bd33-496d-8eb0-06f1884ab5d8
</li>
<li class="text-white text-sm lg:flex-none font-medium text-center flex-1">
This is item 7dac40e2-2f08-41b8-b0cb-cf82c2c736bf
</li>
<li class="pointer-events-none inset-y-0 flex absolute right-0 items-center">
This is item f4dc0e1c-ec82-4fbf-b3a4-275083787c90
</li>
</ol>
<ol class="justify-center flex w-7 rounded-full items-center h-7 mx-auto">
<li class="w-5 h-5">This is item b1043fe1-9af2-4fc5-b33e-524b67137e1c</li>
<li class="p-2 bg-white text-gray-400 rounded-md lg:hidden">
This is item a4a6e0d6-7eba-4172-a884-24bd4abbc97b
</li>
<li class="relative flex">This is item 984b0a03-8e84-4309-82b4-c512e70a2bae</li>
</ol>
<img
class="rounded-md mt-8 focus:ring-2 justify-center hover:bg-indigo-700 items-center text-white py-3 focus:outline-none bg-indigo-600 border-transparent w-full text-base border focus:ring-indigo-500 focus:ring-offset-2 flex px-8 font-medium"
alt="Profile picture of user 1c7a94db-cce7-41ac-aa8b-3afb57a0e8f1"
src="https://example.org/pictures/add33bc8-38bc-4cb8-a73e-a79ad94e43f8"
/>
</li>
</ul>
<a
href="#"
class="relative rounded-md group overflow-hidden aspect-h-1 bg-gray-100 aspect-w-1"
>
This is link dfbfbc59-577b-4627-a060-26448ff0ede3
</a>
<ol class="-m-2 group flex items-center p-2">
<li
class="border-transparent h-full pl-8 pr-3 focus:outline-none focus:placeholder-gray-400 focus:border-transparent py-2 text-sm placeholder-gray-500 sm:block focus:ring-0 hidden text-gray-900 w-full"
>
<a href="#" target="_blank" rel="noreferrer" class="text-gray-900 font-semibold">
This is link a455b6cc-3198-45b2-9f51-425abf6781c9
</a>
</li>
<li class="text-gray-500 text-sm hover:text-gray-600 font-medium">
<ul class="flex-1 min-w-0">
<li class="rounded-full w-10 h-10">
This is item 64ed7346-9434-4509-b830-75968e6bd3dc
</li>
<li class="relative bg-white">This is item 61e59842-d7d5-4d82-931b-c5302b9a362c</li>
<li class="bg-white py-12">This is item 3364ba5d-7f4b-482d-b503-e96aa141da83</li>
<li class="sr-only">This is item 4fb1b9dd-4355-459c-bfdd-3c72d44c9a92</li>
</ul>
<ul class="h-6 w-6">
<li class="hover:text-gray-900 text-base text-gray-500 font-medium">
This is item 70a40e4f-504f-4c2f-b89f-ab97daa67962
</li>
<li class="focus:z-10 bg-white py-1.5 hover:bg-gray-100">
This is item 2b106327-52d2-471f-bde1-903682fea1af
</li>
</ul>
</li>
<li class="flex">
<a href="#" rel="noreferrer" class="lg:hidden">
This is link a15e95f4-fb77-4ffe-80f7-18c8b26e3cd9
</a>
</li>
</ol>
</li>
<li class="px-4 text-gray-700 block text-sm py-2">
<ul class="flex justify-between">
<li class="rounded-lg overflow-hidden bg-gray-50">
<a href="#" target="_blank" class="rounded-full hover:opacity-75">
This is link 9c699d31-f3b7-4c29-88bc-afaaa2f5452f
</a>
<a href="#" target="_blank" rel="noreferrer" class="block">
This is link 3be128a9-48da-4e56-b4d8-742bdee91d2e
</a>
</li>
<li class="w-5 ease-in-out duration-150 transition ml-2 group-hover:text-gray-500 h-5">
<ul class="bg-gray-300">
<li class="lg:max-w-7xl px-6 lg:px-8 max-w-xl mx-auto">
This is item eb857c33-ad4e-4385-81bb-e6e9d3bac7ac
</li>
<li
class="lg:gap-x-12 px-6 max-w-7xl lg:grid lg:px-8 py-24 sm:py-32 mx-auto lg:py-40 lg:grid-cols-3"
>
This is item 3db90c53-101a-4489-8013-de4bfecef9d1
</li>
</ul>
<ol class="space-y-6 mt-6">
<li class="relative bg-gray-800 w-full flex-1">
This is item bfec53ff-c358-4974-8666-3b237150907a
</li>
<li class="font-medium text-sm text-gray-500">
This is item a6a32b01-c651-4818-bb75-513b2cde5afe
</li>
<li class="text-sm px-4 py-2 block">
This is item b5c04e5b-9a7e-46dc-bdb0-e0ef5f55cc49
</li>
<li class="text-gray-900 font-medium mt-6 text-sm">
This is item 42b65be5-b9b6-4311-b4f4-5ee0959f1a9a
</li>
</ol>
<ol
class="rounded-md focus:ring-1 focus:ring-indigo-500 py-1.5 max-w-full font-medium sm:text-sm focus:outline-none text-left border-gray-300 text-base border shadow-sm block leading-5 focus:border-indigo-500 text-gray-700"
>
<li
class="py-0.5 text-sm items-center bg-purple-100 inline-flex px-2.5 rounded-md text-purple-800 font-medium"
>
This is item 5bea16ad-fc20-4ee4-bc9c-9edc13ae31a0
</li>
<li class="sm:pl-1 ml-4 leading-6 font-semibold text-indigo-300 relative sm:ml-24">
This is item be0a2df8-8792-45bb-bcf9-24ba3f39f4b3
</li>
<li class="space-y-6 mt-8">This is item d485ae8a-617d-4216-84ec-bbd329caba33</li>
</ol>
</li>
</ul>
<a href="#" target="_blank" rel="noreferrer" class="mt-1">
This is link 58ae89cd-2982-4cee-b5aa-b395e2858ed0
</a>
<img
class="text-base text-gray-500"
alt="Profile picture of user 1cf1740a-b90d-4595-86c3-b72203c716a8"
src="https://example.org/pictures/0e91d1bc-811a-43a2-975a-35d8700eea54"
/>
<ul class="ml-3 flex-auto truncate">
<li class="flex group py-2 items-center text-sm px-4">
<img
class="inset-0 absolute h-1/2 bg-gray-50"
alt="Profile picture of user 9b48e8d6-69c2-4ece-bf14-2720049edfa4"
src="https://example.org/pictures/04994a6f-88b9-4545-a623-9d7f29b26861"
/>
<ul class="border-gray-200 border-b">
<li class="hidden lg:flex">This is item 6cf51ee2-00e7-42b5-bfd7-931c1f4e91f7</li>
<li class="font-medium truncate text-base text-gray-800">
This is item 74c23905-fd0b-4ede-8670-eeebef764401
</li>
</ul>
<a href="#" target="_blank" class="rounded-lg pb-3 lg:pt-12 lg:px-8 pt-6 px-6">
This is link 13057dc1-4f63-4bfe-83bf-4ba611566795
</a>
<ul class="sr-only">
<li class="px-6 sm:px-10 sm:pb-8 py-8 sm:pt-10 rounded-t-lg">
This is item 7e736268-431b-484d-8c03-f6e22853adc4
</li>
<li
class="h-8 flex bg-gray-900 text-white text-base rounded-full items-center w-8 justify-center font-semibold mt-3"
>
This is item 2b0581ed-a4b0-4cba-958f-12c243dbf845
</li>
</ul>
</li>
<li class="min-w-full divide-y divide-gray-300">
<ul class="mt-9">
<li class="flex-1">This is item 00d38315-70f0-481b-acb0-5749b802a2e3</li>
<li class="sr-only">This is item faebed58-99b1-48f3-af4a-1467d6aa65de</li>
<li
class="rounded-full flex text-gray-900 hover:bg-gray-200 h-8 mx-auto items-center w-8 justify-center"
>
This is item 89586147-0d22-46db-89a3-ab2296b29fb4
</li>
<li class="hover:text-gray-100 text-white text-sm font-medium">
This is item 498e73f8-4e3c-4252-827f-505cb4c72a1b
</li>
</ul>
</li>
<li class="text-gray-900 font-medium">
<ul class="ml-3 truncate flex-auto">
<li class="text-gray-400 hover:bg-gray-100 py-1.5 bg-gray-50 focus:z-10">
This is item 4a18dfc0-cdcd-4944-8da9-9739024a26b3
</li>
<li
class="absolute overflow-hidden focus:outline-none ring-opacity-5 bg-white w-36 rounded-md mt-3 ring-1 right-0 z-10 shadow-lg origin-top-right ring-black"
>
This is item f7df0ad3-7162-4d3e-acec-04a498b022d8
</li>
<li class="bg-white sm:grid-cols-3 sm:px-6 px-4 sm:grid py-5 sm:gap-4">
This is item ad69a006-a922-4489-baf0-c8bed1169e08
</li>
<li class="md:items-center md:flex md:justify-between">
This is item b8f37c33-5727-4e1e-940c-87e165d616ea
</li>
<li class="font-medium text-gray-900">
This is item 45cc1464-328d-476f-a478-7e37b5e11360
</li>
</ul>
<a href="#" target="_blank" class="h-5 text-white w-5">
This is link a1028bab-9943-4bcb-bcb6-82ecb6c2fbec
</a>
</li>
</ul>
</li>
<li
class="text-right pr-2 -ml-14 leading-5 w-14 z-20 text-xs -mt-2.5 sticky text-gray-400 left-0"
>
<a href="#" target="_blank" rel="noreferrer" class="text-gray-500 text-sm font-medium">
This is link 04859fa6-f281-4111-9fcf-90592ca5d65f
</a>
<ol class="border-gray-200 items-center pt-6 flex border-t justify-between">
<li
class="rounded-full w-8 text-gray-900 hover:bg-gray-200 items-center mx-auto flex h-8 justify-center"
>
<ol class="grid relative grid-cols-2">
<li class="border-dashed border-gray-200 border-4 h-96 rounded-lg">
This is item 051b6f3a-ca53-4117-9eff-40c4feba688f
</li>
<li class="group-hover:text-indigo-500 text-indigo-500">
This is item 6b470ba0-bfbf-4d50-ade6-d32a45d9385d
</li>
<li class="grid grid-cols-1 gap-x-6 mt-10 sm:grid-cols-2 gap-y-4">
This is item 05133aa9-2c68-446c-b720-d37f470b7897
</li>
<li class="text-sm font-medium text-gray-900">
This is item b33b6cd4-c7a5-40bc-9347-2ec47b4cec47
</li>
<li class="py-4 flex items-center justify-center bg-blue-700">
This is item 46e78e96-9c57-41c7-b819-b3502f5de3b0
</li>
</ol>
<a href="#" target="_blank" class="px-5 mt-6">
This is link a878e2ea-8312-4b38-b1b3-21e1533f3dd7
</a>
<ol class="rounded-full justify-center flex items-center mx-auto h-7 w-7">
<li class="mt-6">This is item c8de1300-c800-425a-93ed-0383f2f1548e</li>
<li class="bg-gray-100">This is item b335c2e9-66e8-4348-897e-9ecb3ddaac6f</li>
</ol>
</li>
<li class="sr-only">
<ul class="text-sm">
<li class="group-hover:text-white w-5 ml-2 h-5">
This is item dafebc8c-ed78-4b08-8ee1-570450f2503e
</li>
<li class="text-gray-900">This is item 72ddfda3-13d3-48b2-b11f-431578a1610c</li>
<li class="absolute xl:h-full h-80 xl:top-0 inset-x-0 bottom-0">
This is item de8485ee-dbf7-4c78-be93-5c286ee80b63
</li>
<li class="bg-gray-50 min-h-[192px]">
This is item 04823406-6cf2-43b2-af9c-44371e1cef9f
</li>
</ul>
<ul
class="border-gray-300 px-4 text-gray-700 focus:outline-none focus:ring-2 border rounded-md flex justify-center focus:ring-offset-2 focus:ring-indigo-500 text-sm font-medium md:w-auto items-center hover:bg-gray-50 shadow-sm bg-white py-2 w-full"
>
<li class="lg:max-w-none lg:p-0 px-4 mx-auto sm:px-6 sm:max-w-3xl max-w-md">
This is item 92fdfe2a-b01d-46ac-8fa2-df978d0ab995
</li>
<li class="block text-gray-500 truncate text-sm font-medium">
This is item c815caa1-295d-430b-9d93-f5af2573e961
</li>
<li
class="text-gray-500 hover:text-gray-900 text-base font-medium whitespace-nowrap"
>
This is item 5f146f9c-7e84-402b-869e-6fb93e81fff7
</li>
<li class="flex flex-1 space-x-2 truncate">
This is item c3060f27-1a70-4e04-8cd6-6bdcb4fe4390
</li>
<li class="hover:bg-gray-50 block">
This is item 948cb786-9be0-4b0f-aef7-3acd98ca3055
</li>
</ul>
</li>
</ol>
<ul class="hover:text-white font-medium whitespace-nowrap text-base text-indigo-300">
<li class="py-4 flex-1 whitespace-nowrap border-b-2 px-1 text-base font-medium">
<ol class="sr-only">
<li class="sm:px-6 px-4 py-16 text-center lg:px-8">
This is item e445a3c0-a2a3-4b33-973e-41073925b0a3
</li>
<li class="p-6 text-center flex-none">
This is item c7b5ddd4-9215-41de-83bb-5233e2e71fb0
</li>
<li class="text-gray-700 font-medium">
This is item 2e590feb-ecc9-4526-bd53-400e59b93f92
</li>
<li
class="md:grid-cols-12 grid md:grid-flow-col md:auto-rows-min grid-cols-1 md:gap-y-16 md:gap-x-8"
>
This is item 28cecf92-6491-429d-8a43-a88c2e18bb49
</li>
</ol>
<img
class="rounded-full w-8 mx-auto flex hover:bg-gray-200 justify-center text-gray-900 items-center h-8"
alt="Profile picture of user ff1f1dc2-2b50-4c20-accd-fd0bb262c1a7"
src="https://example.org/pictures/d8119549-22e1-4f10-9d98-358f2aecff48"
/>
<ol class="min-h-[592px] bg-white">
<li class="text-sm mt-3 text-indigo-200">
This is item 1b1a3bc2-a7e8-4258-aaf2-099365b2fd49
</li>
<li class="flex-1 min-w-0">This is item cda8248b-9d75-4b4e-a0eb-761a928a885c</li>
</ol>
</li>
<li class="text-sm">
<img
class="-ml-1 mr-2 h-5 w-5 text-gray-500"
alt="Profile picture of user 5306ee35-ec57-4780-859c-a63b91af9c50"
src="https://example.org/pictures/3308c4b7-d9e4-4fd9-b480-07e2ecc6379d"
/>
<ol class="space-y-4 mt-4">
<li class="relative">This is item 8b67d872-9384-433c-9258-7dcbdfd3ea19</li>
<li class="overflow-hidden sm:rounded-md shadow bg-white">
This is item 9e8acccb-b4fc-48a0-9cdf-7ffecb951a12
</li>
<li class="mt-2">This is item eccf88d3-a0e4-4105-976b-055774239f94</li>
<li class="hover:text-gray-300 text-gray-400">
This is item 96a74b2b-586b-4da4-9860-4f1daff47df8
</li>
<li class="text-indigo-600 xl:inline block">
This is item f9d569d4-0218-4b56-a082-16687dca498b
</li>
</ol>
<img
class="rounded-full flex-shrink-0 bg-green-400 inline-block w-2 h-2"
alt="Profile picture of user 31f9b04d-7734-4b49-ae53-924712213f16"
src="https://example.org/pictures/5ce158c2-de30-45cd-8987-3438c89e1038"
/>
</li>
<li class="relative">
<ul class="left-0 absolute hidden inset-0 top-0 w-3 lg:block">
<li class="w-8 h-8 rounded-full">
This is item 73ba6a6e-efde-43fa-8617-e8d71ac49b92
</li>
<li class="mt-6">This is item bcf37c92-fa23-4aff-bb41-b6c005e25c95</li>
<li class="font-medium text-gray-900 text-sm">
This is item 987ed9e0-3f69-4546-874a-e6b061ce4997
</li>
</ul>
</li>
<li class="text-sm">
<a href="#" target="_blank" class="py-20">
This is link 73741b97-c0f5-43d2-8a94-abe172555d36
</a>
<ul class="ml-4 flex lg:ml-0">
<li class="flex items-center text-indigo-600 text-sm font-medium">
This is item 62d2192c-bc4c-452a-b3d3-b296076aea10
</li>
<li class="lg:self-center">This is item 8352d250-ea6b-4cd2-97fd-14d378f5fdfd</li>
<li class="w-8 h-8 rounded-full">
This is item 0f906147-27d6-408c-ab7b-2b732d2aab6e
</li>
<li class="flex">This is item b1259231-0692-4761-bad2-533ea9673ca3</li>
</ul>
<img
class="flex-none w-10 h-10 rounded-full"
alt="Profile picture of user a4ae7b27-b02d-4410-a842-97c4dd228d21"
src="https://example.org/pictures/1e01f0b1-0242-40ec-8323-27988290961a"
/>
<ul class="flex items-center">
<li class="w-auto h-6">This is item 5ed95bb3-02da-4500-b7a1-c899e5cc0e0a</li>
<li class="text-indigo-600 rounded w-4 focus:ring-indigo-500 h-4 border-gray-300">
This is item 5ceb6efd-3fed-493e-836c-10eaeee7b32f
</li>
<li class="ring-2 w-6 max-w-none rounded-full ring-white h-6">
This is item 16368227-4592-40d8-b1db-2532070424fe
</li>
<li class="lg:py-24">This is item 2a911067-75f3-4ffa-ad80-64c18d0e4a87</li>
<li class="text-gray-300">This is item 7a279c6a-94e1-45ca-9603-c5ffdea69f11</li>
</ul>
</li>
</ul>
<ol class="sr-only">
<li class="text-sm block py-2 px-4">
<ol class="py-6 bg-gray-100">
<li class="text-sm">This is item 9c62d043-ca21-4c3e-89f7-3c4382c0c2d4</li>
<li class="bg-center bg-gray-300 bg-cover min-h-[600px]">
This is item b48cae92-a856-48ab-91ea-56f3fe426dbb
</li>
<li class="flex flex-col">This is item 0c9fc05e-8ecb-49cc-88ff-c49fa3da9f5c</li>
<li class="ml-auto">This is item 4887595a-6283-4187-a496-3f870a812cf7</li>
<li class="rounded-full w-10 h-10 flex-shrink-0 bg-gray-300">
This is item f2c8dfd9-9214-4848-a438-b282d039f4e8
</li>
</ol>
<img
class="mt-6"
alt="Profile picture of user 3cd7374e-8fec-4639-8de5-17d5f12a1746"
src="https://example.org/pictures/badd1a28-a473-4aa7-b1af-f5f8d91fe914"
/>
<ol
class="border-2 flex h-10 border-indigo-600 w-10 justify-center rounded-full items-center"
>
<li class="-m-2 font-medium p-2 block text-gray-900">
This is item 0f973504-52f4-4fd1-ade3-6cbca5aa8e26
</li>
<li class="py-1.5 hover:bg-gray-100 bg-gray-50 focus:z-10 text-gray-400">
This is item 3299c1b8-c78a-41f6-9b76-dc43ea52bc8d
</li>
<li class="mt-2 text-gray-700 text-sm">
This is item 4922a8c1-f798-485c-921a-044f127466b2
</li>
<li class="block">This is item 4a3b4fe1-e2a2-485e-80ea-f5a6ae3abdd1</li>
<li class="group-hover:text-gray-500 text-gray-400">
This is item cf7c405b-7cdf-470e-a8c4-1c08dc538721
</li>
</ol>
</li>
<li class="ml-6 relative md:hidden">
<ol class="text-sm text-gray-700 block sm:pt-2 font-medium sm:mt-px">
<li class="block ml-3 text-gray-900 font-medium text-base">
This is item c5a23660-d738-4c48-a161-c045bbae82fd
</li>
<li class="rounded-lg flex -m-3 p-3 hover:bg-gray-100">
This is item c128d651-9376-4dfb-adbf-93206c64bdb7
</li>
<li
class="focus:ring-indigo-500 rounded-md focus:ring-2 items-center border-transparent border shadow-sm px-4 justify-center focus:outline-none hover:bg-indigo-700 focus:ring-offset-2 text-white text-base py-2 font-medium w-full flex bg-indigo-600"
>
This is item 6857a68f-3b68-46f0-a7d5-5812de0f1c73
</li>
</ol>
<a href="#" target="_blank" rel="noreferrer" class="py-6">
This is link 042c48ee-324a-4262-a986-f0e7d936da8c
</a>
</li>
<li
class="flex focus:ring-offset-sky-900 text-sm focus:ring-white focus:ring-offset-2 text-white rounded-full focus:bg-sky-900 focus:ring-2 focus:outline-none"
>
<img
class="mt-6"
alt="Profile picture of user d5ce9ad9-2e5b-42e5-ba4d-456596478622"
src="https://example.org/pictures/562518e9-7238-46af-813f-48f4476f7946"
/>
<ol class="sm:mt-0 sm:col-span-2 text-sm text-gray-900 mt-1">
<li class="border-gray-200 border-t">
This is item 502e41ae-9779-4c8f-ad7e-c68a38dac2fa
</li>
<li
class="rounded-md w-full py-3 focus:outline-none text-white hover:bg-indigo-600 bg-indigo-500 focus:ring-indigo-300 block focus:ring-2 focus:ring-offset-2 shadow font-medium px-4 focus:ring-offset-gray-900"
>
This is item bc658bc3-cb9b-4b0f-83dc-d6a03b9fd2cd
</li>
</ol>
<ol class="text-left text-sm px-3 py-3.5 font-semibold text-gray-900">
<li class="p-2">This is item f65e9605-ab09-4606-b56c-1001a5fc588a</li>
<li class="border-gray-200 border-b">
This is item a98fbc97-f597-43a7-bc13-f9818575d757
</li>
<li class="font-medium text-gray-900 -m-2 block p-2">
This is item 3f81b413-5745-4731-a45e-0b0dcccad91c
</li>
<li class="sr-only">This is item d5e081e2-f8a6-4a26-a92f-25aa281a5c5e</li>
<li class="justify-center w-7 h-7 mx-auto rounded-full items-center flex">
This is item e94ccae6-7774-4417-aaee-632f38176871
</li>
</ol>
<img
class="h-5 text-green-400 w-5"
alt="Profile picture of user ab628726-7925-41ef-ad5d-dfdb53aad986"
src="https://example.org/pictures/12102080-452e-4e27-9682-602a4d589eef"
/>
</li>
<li class="lg:px-8 sm:px-6 mx-auto max-w-3xl lg:max-w-7xl px-4">
<ol
class="md:gap-x-8 mt-4 md:grid md:mt-10 xl:mt-0 sm:mt-8 xl:col-span-2 md:grid-cols-2"
>
<li class="h-12">This is item 2dd3e564-e80c-47d0-94fa-6027446fd8b7</li>
<li class="flex mt-8 flex-col">
This is item e57bbb02-d90b-4864-8f22-eb1d0c83c228
</li>
<li class="text-gray-900">This is item b35e4d47-b316-4eee-8b9a-04ad483eeda1</li>
<li class="border-gray-200 py-2 border-t">
This is item c8fb1102-105f-4c21-a6e5-86618fa554ca
</li>
</ol>
</li>
<li class="col-start-1 row-start-1 py-4">
<ul class="inset-0 fixed">
<li class="md:grid md:grid-cols-2 md:gap-8">
This is item be652ad1-2b51-42c2-b5b4-73671725526e
</li>
<li class="focus:z-10 bg-white py-1.5 hover:bg-gray-100">
This is item 2b477821-a8da-4e6c-9932-f4511dab32f3
</li>
<li class="divide-gray-200 relative divide-y z-0">
This is item 7471b110-ac05-4a74-aabe-6a947463fbc5
</li>
</ul>
<ul class="text-sm">
<li class="px-4 py-16 bg-gray-50">
This is item fbb4a4c7-04f2-4274-9c43-d577435ca255
</li>
<li
class="text-gray-400 p-2 -m-2 inline-flex rounded-md items-center justify-center"
>
This is item c212d9fb-08f2-482b-a84b-5d01ab5348fd
</li>
<li class="rounded-md bg-white p-2 -ml-2 text-gray-400">
This is item 5aad9313-370b-42c1-b1da-01a163fb819f
</li>
<li class="flex-shrink-0 ml-2 text-left relative inline-block">
This is item dbcca5ff-a719-4123-856d-98616b80eb5d
</li>
<li
class="font-medium block py-2 hover:text-gray-800 text-gray-900 px-3 hover:bg-gray-100 text-base rounded-md"
>
This is item 80179db5-2b81-411c-b167-67bc9d2e47d6
</li>
</ul>
</li>
</ol>
</li>
<li class="max-w-none text-gray-500 prose prose-sm">
<img
class="text-sm block font-medium text-gray-700"
alt="Profile picture of user 054fdc2b-6a82-4785-83e9-08f956ef1eff"
src="https://example.org/pictures/ec337290-d5eb-4c89-88c2-5acd4f2cba81"
/>
<img
class="w-0 items-center flex flex-1"
alt="Profile picture of user 54106cc8-9c7a-40e1-82f5-85e693bdda75"
src="https://example.org/pictures/db52a60f-dde0-4b04-abd6-d1c6368506b2"
/>
</li>
<li class="border-gray-300 w-full border-t">
<ul class="md:mt-1">
<li
class="focus:border-indigo-500 w-full block shadow-sm sm:text-sm border-gray-300 rounded-md focus:ring-indigo-500"
>
<img
class="sm:px-6 mx-auto px-4 max-w-7xl lg:px-8"
alt="Profile picture of user 4dd8189a-a705-4ce2-a591-2195b7aaf101"
src="https://example.org/pictures/45766846-e1c7-46b4-9b77-d21c705f8767"
/>
<ol class="flex-1 -mb-px xl:space-x-8 flex space-x-6">
<li class="text-gray-900 font-medium text-base">
This is item 58214fd5-9ecd-4b5e-9571-761e65307926
</li>
<li
class="sm:text-sm ring-black py-1 max-h-60 rounded-md bg-white ring-opacity-5 absolute shadow-lg z-10 overflow-auto mt-1 ring-1 text-base w-full focus:outline-none"
>
This is item 6195dacc-bd81-45a2-876f-3988baf431cd
</li>
</ol>
</li>
<li
class="-m-1.5 hover:text-gray-500 text-gray-400 flex-none p-1.5 items-center flex justify-center"
>
<ul class="text-lg font-medium text-gray-500 w-full text-left cursor-auto py-6">
<li
class="px-8 border-transparent text-white flex focus:ring-indigo-500 border rounded-md justify-center bg-indigo-600 focus:ring-2 text-base items-center focus:ring-offset-gray-50 w-full focus:outline-none hover:bg-indigo-700 py-3 font-medium focus:ring-offset-2"
>
This is item 5152fa18-3378-4006-92d1-3f448a9c7943
</li>
<li class="block font-medium p-2 text-gray-900 -m-2">
This is item ad07ce6c-c4e0-4a81-b698-4e0de238026a
</li>
<li
class="border-transparent focus:ring-indigo-500 hover:bg-indigo-700 text-white focus:ring-2 bg-indigo-600 border font-medium justify-center px-4 items-center py-2 focus:outline-none rounded-md flex shadow-sm text-base focus:ring-offset-2 w-full"
>
This is item ca23c192-f176-4379-9d7e-07d5c35c7d67
</li>
<li
class="focus:ring-0 text-gray-800 bg-transparent h-12 border-0 pr-4 sm:text-sm placeholder-gray-400 pl-11 w-full"
>
This is item ea951fee-79a0-4e42-9423-bfc951613d98
</li>
<li class="max-w-2xl text-gray-500 text-sm mt-1">
This is item ac3b140e-d69c-43d4-8bed-5ca4db891e8c
</li>
</ul>
<a href="#" class="font-medium text-gray-900 text-lg">
This is link 03558675-3301-4d41-88d1-2ed5ddcccd71
</a>
<img
class="relative ml-3"
alt="Profile picture of user 1faed8a5-dcf3-4e33-aab7-4c42f1e553f3"
src="https://example.org/pictures/3b9274f5-7207-459c-a55a-1a69f96d5c42"
/>
</li>
</ul>
<img
class="fixed hidden transition-opacity bg-opacity-75 md:block bg-gray-500 inset-0"
alt="Profile picture of user 3f8e2ee1-5626-42fc-9feb-ba993905a8fd"
src="https://example.org/pictures/4f68071b-4b71-45a0-a72a-d73bba10b36e"
/>
</li>
</ol>
</main>
<img
class="mx-auto sm:px-6 px-4 lg:px-8 py-12 text-center max-w-7xl lg:py-24"
alt="Profile picture of user 5a5d0abd-d12f-413d-939c-6c7c9a45d5c5"
src="https://example.org/pictures/c604e92c-d789-4b7b-b8c9-2ba08f1b726e"
/>
<img
class="text-indigo-200"
alt="Profile picture of user 5c082dc5-b645-4ff1-8a43-14bb6045d514"
src="https://example.org/pictures/5300b579-9219-4b8c-b887-0769e91a525c"
/>
<p class="w-5 h-5">
<span
class="relative focus:outline-none items-center flex justify-center cursor-pointer -m-0.5 p-0.5 rounded-full"
>
This is text e858a40e-dd47-4c26-87b8-d6981ac445f8
</span>
<a href="#" target="_blank" class="ml-3 sm:block hidden">
This is link a7ee11b9-e807-4fd5-9104-476e1a8f5fe2
</a>
<span class="text-gray-600 hover:bg-gray-50 hover:text-gray-900">
This is text 80b9ad22-fa28-4b62-b806-7e1faaba6d5d
</span>
</p>
</section>
</div>
Reference in New Issue View Git Blame Copy Permalink