mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
1c48683a23
* 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
9028 lines
452 KiB
HTML
9028 lines
452 KiB
HTML
<div class="text-sm">
|
|
<a href="#" class="text-gray-700"> This is link 3ba81bb0-79d3-4665-85c9-b5afb8f0c095 </a>
|
|
<ul
|
|
class="hover:text-gray-700 pt-4 hover:border-gray-300 border-t-2 px-4 font-medium border-transparent inline-flex text-sm items-center text-gray-500"
|
|
>
|
|
<li class="tracking-tight text-gray-900 font-bold text-2xl">
|
|
<ul class="text-gray-400 mx-auto w-5 h-5">
|
|
<li class="flow-root">
|
|
<ul class="text-3xl text-gray-900 font-bold tracking-tight">
|
|
<li class="group-hover:bg-gray-800 bg-gray-900">
|
|
<ul class="-ml-1 mr-3 w-5 h-5">
|
|
<li
|
|
class="focus:outline-none px-2 absolute inset-y-0 rounded-r-md right-0 items-center flex"
|
|
>
|
|
This is item 1d9752a2-6a3c-4fde-bbeb-0cd2e9494087
|
|
</li>
|
|
<li class="mx-auto w-7 justify-center h-7 items-center flex rounded-full">
|
|
This is item 8ab5fbe5-1a6c-4001-8a9a-addae960c0af
|
|
</li>
|
|
<li class="md:gap-x-6 grid-cols-1 gap-y-10 md:grid-cols-2 grid auto-rows-min">
|
|
This is item 88721283-1b17-4eac-b26f-9b05c564de22
|
|
</li>
|
|
<li class="space-y-4 mt-4">This is item 6056d8f9-30ee-4b85-97d9-6564d1762d9c</li>
|
|
<li class="mt-1">This is item 312fd964-a837-4a0f-a768-4600729c8f88</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex-auto ml-3 truncate">
|
|
<ol class="max-w-3xl text-lg text-gray-600 mt-3">
|
|
<li class="lg:items-center lg:grid lg:grid-cols-3 lg:gap-8">
|
|
This is item e4987c46-abed-425d-b2c9-5dcda87a60a3
|
|
</li>
|
|
<li class="h-5 rounded-full w-5">
|
|
This is item f9632c66-620b-43b2-8cc1-6f7b4cd58722
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="grid-cols-1 md:gap-y-16 md:grid-cols-12 md:gap-x-8 md:grid-flow-col md:auto-rows-min grid"
|
|
>
|
|
This is link 2857d7fe-46a0-46d3-9d09-a41f7eb03375
|
|
</a>
|
|
<ul class="justify-center items-center rounded-full flex w-7 mx-auto h-7">
|
|
<li class="px-4 sm:max-w-3xl sm:px-6 lg:max-w-none max-w-md mx-auto lg:p-0">
|
|
This is item aeadf1ce-9848-4cf9-a798-bd494a924a05
|
|
</li>
|
|
<li class="-bottom-0.5 px-0.5 rounded-tl absolute bg-white py-px -right-1">
|
|
This is item d63421fa-b161-4aa6-8867-ab2ed945b161
|
|
</li>
|
|
</ul>
|
|
<ol class="sm:ml-4 text-center sm:mt-0 sm:text-left mt-3">
|
|
<li
|
|
class="items-center bg-indigo-600 w-8 relative flex h-8 justify-center rounded-full hover:bg-indigo-900"
|
|
>
|
|
This is item 75968155-df41-435b-9765-7b3577cb6b4c
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 sm:text-sm w-full block border-gray-300 shadow-sm focus:border-indigo-500 rounded-md mt-1"
|
|
>
|
|
This is item 14a47d0a-514e-480c-9243-5dd6264e6d2f
|
|
</li>
|
|
<li class="w-full lg:px-6 px-2">
|
|
This is item 22a23886-d195-4cab-a5c0-361883f20e42
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="flex-shrink-0">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="border-black rounded-full border border-opacity-10"
|
|
>
|
|
This is link a7f95d3b-25ff-4db2-ab94-2fa36e5d524d
|
|
</a>
|
|
<img
|
|
class="space-x-8 flex"
|
|
alt="Profile picture of user b44d8637-b85c-4bf6-9acf-b016497069a3"
|
|
src="https://example.org/pictures/647c5b08-e967-40b3-aca1-e1159afe5ddf"
|
|
/>
|
|
<ol class="text-sm mt-1 text-gray-500">
|
|
<li class="text-gray-900 font-bold text-4xl tracking-tight">
|
|
This is item e4f0cb6f-804c-48c3-9049-162a8bfa2a58
|
|
</li>
|
|
<li class="items-center flex-shrink-0 flex">
|
|
This is item 9e1a5248-f572-46b2-9336-f2ca5612139e
|
|
</li>
|
|
<li class="px-4 text-sm py-2 block">
|
|
This is item d3f13efe-8dd6-407c-a866-f22dee6daf80
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="flex-1 min-w-0">
|
|
This is link 8038c5e5-ad1d-422f-9d81-8cddd6eeaa00
|
|
</a>
|
|
</li>
|
|
<li class="block py-2 text-sm px-4 text-gray-700">
|
|
<ol class="mt-12 md:mt-0">
|
|
<li class="flex-col bg-gray-100 min-h-0 flex-1 border-r flex border-gray-200">
|
|
This is item f73e8cca-18f2-41d1-860a-3df8ff822bef
|
|
</li>
|
|
<li class="py-3 justify-between font-medium text-sm flex">
|
|
This is item 3edd9c90-582a-4c3a-9fdd-cccc3ae580e8
|
|
</li>
|
|
<li
|
|
class="h-4 rounded-full pointer-events-none transition-colors ease-in-out mx-auto w-9 absolute duration-200"
|
|
>
|
|
This is item f4709056-37ca-4c22-a08c-938ff31d9e16
|
|
</li>
|
|
<li class="border-t border-gray-300 w-full">
|
|
This is item 9fb83569-6949-4791-9113-293a7333648f
|
|
</li>
|
|
<li class="h-8 w-auto block lg:hidden">
|
|
This is item 7dde6001-364d-46a8-a33a-bafac6c314b1
|
|
</li>
|
|
</ol>
|
|
<ol class="select-none cursor-default rounded-md py-2 flex px-3 items-center group">
|
|
<li class="relative z-10">This is item ac9bc80c-41cf-479c-94f5-473339bb9065</li>
|
|
<li class="h-full object-center object-cover w-full">
|
|
This is item dd2fd6f7-66e0-45a1-8e21-558c1b38452b
|
|
</li>
|
|
<li class="h-6 w-6">This is item 78e30f97-c92c-487a-871a-c06d8f6b4572</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ol
|
|
class="hover:bg-gray-100 focus:outline-none text-gray-400 inline-flex bg-white focus:ring-2 p-2 hover:text-gray-500 focus:ring-indigo-500 items-center justify-center focus:ring-inset rounded-md"
|
|
>
|
|
<li class="cursor-default select-none px-4 py-2">
|
|
<ul class="bg-gray-100 flex min-h-[640px]">
|
|
<li
|
|
class="w-56 rounded-lg relative xl:w-auto h-80 flex hover:opacity-75 p-6 overflow-hidden flex-col"
|
|
>
|
|
This is item f7711130-e381-4ee1-91e7-8a159a8f012e
|
|
</li>
|
|
<li class="font-medium mt-1 text-gray-900">
|
|
This is item 4ec8ec03-e21c-41b3-baf5-b7cbc20bd99d
|
|
</li>
|
|
<li class="sm:col-span-2 text-sm flex text-gray-900 mt-1 sm:mt-0">
|
|
This is item 1ce0b33d-7177-4265-b0cf-2eab6b6b835c
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sm:block hidden">
|
|
This is link 892267ed-aea1-469a-a350-96d2490d2bed
|
|
</a>
|
|
<ul class="h-32 w-full relative lg:hidden">
|
|
<li class="flex space-x-8 -mb-px px-4">
|
|
This is item 47882342-5ab4-4480-a6a4-dabf24577179
|
|
</li>
|
|
<li class="lg:mt-0 lg:row-span-3 mt-8 lg:row-start-1 lg:col-span-7 lg:col-start-1">
|
|
This is item 7190c573-7d60-49b9-8838-a35d8d1f2eaf
|
|
</li>
|
|
<li class="sr-only">This is item 253478bc-2370-4ce0-afed-fcce7bccbb71</li>
|
|
<li
|
|
class="justify-center focus:ring-offset-2 focus:ring-2 flex sm:w-full border font-medium bg-indigo-600 max-w-xs py-3 px-8 flex-1 focus:ring-indigo-500 hover:bg-indigo-700 border-transparent rounded-md items-center focus:ring-offset-gray-50 text-white text-base focus:outline-none"
|
|
>
|
|
This is item c6d8e9b4-fdee-4295-b617-7c333ed46018
|
|
</li>
|
|
<li class="group flex-shrink-0 block">
|
|
This is item 913071a6-1f6e-41a6-9330-71a8122fa8a5
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="mt-3">
|
|
This is link e58161ee-5e80-4d15-a9ae-18a979feac74
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="mt-2"
|
|
alt="Profile picture of user a9a1a043-b5f2-4295-8239-4a69bcb8492a"
|
|
src="https://example.org/pictures/350e2504-4b06-4162-8a41-53b96b1d26ee"
|
|
/>
|
|
</li>
|
|
<li class="mt-6">
|
|
<ul class="px-4 pt-16 max-w-2xl lg:max-w-7xl pb-24 sm:px-6 lg:px-8 mx-auto">
|
|
<li class="text-sm">This is item 57b01633-26c0-439f-9da4-a41fe597c3f8</li>
|
|
<li class="w-6 h-6">This is item 4205203f-4367-4a24-8db7-e1dbd3824704</li>
|
|
<li class="text-base text-white font-medium">
|
|
This is item b9ce1fb8-ccae-4d32-a12e-45d3ef544c7c
|
|
</li>
|
|
<li class="w-auto h-8">This is item 6db89219-b326-434d-a809-8b5ec10cf56e</li>
|
|
<li class="relative">This is item 4220ee0b-1755-41d3-869a-97969a5fb70c</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="absolute sm:text-sm inset-x-0 text-gray-500 top-full">
|
|
<img
|
|
class="sm:not-sr-only sr-only"
|
|
alt="Profile picture of user f0a79b95-461d-43e0-ae83-a53912e5800f"
|
|
src="https://example.org/pictures/c3374df2-a9ed-4466-8755-c91d03c529d5"
|
|
/>
|
|
<img
|
|
class="max-h-12"
|
|
alt="Profile picture of user 74e2ae86-7c0b-4693-8393-d43612a305b8"
|
|
src="https://example.org/pictures/5b233339-8f44-416b-b4ba-776080efc7c7"
|
|
/>
|
|
<ol class="lg:py-0 flex ml-9 lg:pb-4 mt-2 text-base text-gray-500">
|
|
<li
|
|
class="bg-gray-50 sm:text-sm border-b focus:ring-0 border-0 w-full block border-transparent focus:border-indigo-600"
|
|
>
|
|
<ul
|
|
class="px-4 inline-flex text-sm text-gray-500 shadow-sm py-2 border bg-white w-full border-gray-300 font-medium rounded-md hover:bg-gray-50 justify-center"
|
|
>
|
|
<li
|
|
class="justify-between pb-2 sm:px-6 mx-auto max-w-7xl relative pt-6 px-4 lg:px-8 flex items-center"
|
|
>
|
|
This is item 1e8c4c01-531b-4911-aef2-723aa147e1fb
|
|
</li>
|
|
<li class="mx-auto lg:px-8 lg:grid-cols-2 relative lg:grid max-w-7xl">
|
|
This is item 016c1593-2b7a-43aa-9664-573e344d7b01
|
|
</li>
|
|
<li class="hover:text-gray-700 font-medium text-gray-900 text-base">
|
|
This is item 7318f784-33c1-4c13-a237-7be97d98f39e
|
|
</li>
|
|
<li class="gap-y-10 grid-cols-2 grid gap-x-8">
|
|
This is item cd27bc06-b9cc-45ec-bf5c-6b1d320e274c
|
|
</li>
|
|
<li class="block text-sm px-4 py-2">
|
|
This is item 4f34c9e1-1b90-4c8c-96c1-d0cd223a5e59
|
|
</li>
|
|
</ul>
|
|
<ul class="font-medium text-gray-500 hover:text-gray-700 ml-4 text-sm">
|
|
<li class="font-bold text-lg">This is item 46f1e2c6-5fc7-4506-9914-4420bbe4ce39</li>
|
|
<li class="shadow-sm md:items-stretch flex items-center rounded-md">
|
|
This is item 65e40ee1-3ce2-4ee0-94da-e75a5194a146
|
|
</li>
|
|
<li
|
|
class="text-gray-400 p-2 justify-center focus:ring-white focus:outline-none items-center focus:ring-2 inline-flex focus:ring-inset rounded-md hover:text-white hover:bg-gray-700"
|
|
>
|
|
This is item 66ff1cf0-f38e-4804-91c8-395e9abd2b7f
|
|
</li>
|
|
</ul>
|
|
<ol
|
|
class="relative z-10 flex ease-out font-medium duration-200 pt-px transition-colors items-center border-b-2 text-sm -mb-px"
|
|
>
|
|
<li class="mx-auto rounded-full flex justify-center h-7 w-7 items-center">
|
|
This is item 31ab550d-e342-44f8-ad52-2f369c805d55
|
|
</li>
|
|
<li class="justify-center p-8 items-center flex bg-white">
|
|
This is item 1d8620cb-49a5-431e-ab85-ea38f2be534e
|
|
</li>
|
|
<li class="px-1 text-sm pb-4 font-medium whitespace-nowrap border-b-2">
|
|
This is item fbcbfdba-ce8b-4406-b57c-24b008056f7f
|
|
</li>
|
|
<li class="flex-1">This is item 80755f96-df51-467e-acbd-8a7f23baad8a</li>
|
|
</ol>
|
|
</li>
|
|
<li class="px-4 py-6 border-gray-200 space-y-6 border-t">
|
|
<ul class="sr-only">
|
|
<li class="flex items-center inset-y-0 pr-2 right-0 absolute pointer-events-none">
|
|
This is item 2caf4c94-2f27-4795-8f53-bdd4a5a88ecb
|
|
</li>
|
|
<li class="sr-only">This is item bb0ecf84-08a8-4881-b7e0-547df46d5b7f</li>
|
|
</ul>
|
|
</li>
|
|
<li class="lg:border-opacity-20 w-full lg:border-t py-5 lg:border-white">
|
|
<ul class="text-xl sm:mt-4 mt-3 text-gray-500">
|
|
<li
|
|
class="bg-indigo-100 pl-2 text-xs pr-0.5 items-center font-medium inline-flex rounded-full py-0.5 text-indigo-700"
|
|
>
|
|
This is item 010ed75e-513c-46e5-9e2f-74d3ae943ce7
|
|
</li>
|
|
<li class="bg-gray-50 focus:z-10 py-1.5 text-gray-400 hover:bg-gray-100">
|
|
This is item fb73c48f-580d-4939-abae-66adce1e2e65
|
|
</li>
|
|
<li class="mt-6 text-gray-500 space-y-6">
|
|
This is item 909c2f90-c46f-48bc-8770-3ceeb2681cb3
|
|
</li>
|
|
<li class="mt-2 leading-8">This is item f486ffae-e700-4709-a0b7-6d4dcaf04ed1</li>
|
|
</ul>
|
|
</li>
|
|
<li class="hidden sm:flex">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 4bc26a8a-0abf-4b0c-9e19-06eda96bacba"
|
|
src="https://example.org/pictures/3f3cc66b-b3cc-47a6-899c-2b452187cd8f"
|
|
/>
|
|
<ol class="rounded-full px-3 inline-block text-xs py-0.5 ml-3 font-medium">
|
|
<li class="mt-3 space-y-3 text-gray-500">
|
|
This is item bdb753c6-afc5-42d8-b0c1-0b47cd948131
|
|
</li>
|
|
<li class="font-normal sm:table-cell py-3 hidden pr-8">
|
|
This is item 693fdff6-7153-494a-ae81-621454d92e6b
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="sm:col-span-4 col-span-6"
|
|
alt="Profile picture of user 3099b750-ec15-4638-a993-2c0fbefe740c"
|
|
src="https://example.org/pictures/8e8983d1-9be2-49a8-a188-28d64f1bbf73"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="bg-gray-200 text-gray-700 font-semibold rounded px-1.5 text-xs ml-1.5 tabular-nums py-0.5"
|
|
>
|
|
<ol class="ml-3 relative flex-1">
|
|
<li class="border-t border-gray-200 mt-10 pt-10">
|
|
This is item 2780d00c-384d-4785-a667-e361d0040674
|
|
</li>
|
|
<li class="font-medium text-base text-gray-900">
|
|
This is item b6f9f1e4-7f77-4281-bb09-56b45f765c12
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="font-medium text-gray-900"
|
|
alt="Profile picture of user 0c3a8ba4-28ae-41c7-af8c-5bb32b522931"
|
|
src="https://example.org/pictures/0eee9252-da55-4d75-a379-f20c59b396e7"
|
|
/>
|
|
<ul
|
|
class="bg-white focus:ring-1 relative focus:ring-blue-600 px-4 focus:z-10 font-medium border-gray-300 items-center focus:outline-none hover:bg-gray-50 text-sm py-2 inline-flex focus:border-blue-600 rounded-l-md text-gray-500 border"
|
|
>
|
|
<li class="font-medium text-gray-900">
|
|
This is item 2d8b9f80-843c-42b4-84ce-2e79a156ba0c
|
|
</li>
|
|
<li class="h-12">This is item 70655d8d-73dc-4296-884f-97162ea83dba</li>
|
|
</ul>
|
|
<ul
|
|
class="px-2 tracking-wide rounded-full text-gray-600 ml-2 py-0.5 text-xs bg-gray-200"
|
|
>
|
|
<li class="text-4xl font-bold tracking-tight text-gray-900">
|
|
This is item f4863e14-0856-474e-9952-909e4c3b1a36
|
|
</li>
|
|
<li class="z-10 relative">This is item f1e87ceb-86d8-4cc4-a2e2-acd5bea4f0fd</li>
|
|
<li
|
|
class="block focus:ring-indigo-500 rounded-md focus:border-indigo-500 shadow-sm w-full sm:text-sm border-gray-300"
|
|
>
|
|
This is item 05917886-5c3a-49d7-9fc0-fefadd8800d5
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-white xl:flex-shrink-0 xl:border-gray-200 xl:border-r xl:w-64">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 22ee6ba4-2e3d-40f6-b6d5-effe7507adf3"
|
|
src="https://example.org/pictures/3dcea7ad-60e2-433c-897d-809aaf976f4a"
|
|
/>
|
|
<img
|
|
class="grid gap-y-8"
|
|
alt="Profile picture of user e47e0fce-1bfd-49b4-92d8-67bfda9bdd0f"
|
|
src="https://example.org/pictures/ce4aea53-618b-4d3a-8789-17f88b3a63e5"
|
|
/>
|
|
</li>
|
|
<li class="px-2 w-full">
|
|
<ul class="flex flex-col justify-end">
|
|
<li class="sr-only">
|
|
<a href="#" rel="noreferrer" class="font-medium text-gray-900">
|
|
This is link b5a9b789-731e-4305-8905-9da4864d2061
|
|
</a>
|
|
<a href="#" class="text-gray-900 font-medium">
|
|
This is link 01b8b04f-961f-47aa-ad38-c75dcb631521
|
|
</a>
|
|
</li>
|
|
<li class="font-sans">
|
|
<img
|
|
class="mt-6 sm:hidden"
|
|
alt="Profile picture of user 878371e7-ae9f-40f2-b303-5024af5d2620"
|
|
src="https://example.org/pictures/e76ced81-9d5c-460b-8b2c-f02a3f12805d"
|
|
/>
|
|
<img
|
|
class="text-left"
|
|
alt="Profile picture of user 1150027a-2ca3-45de-9a29-ef727d79628f"
|
|
src="https://example.org/pictures/99a885a7-a354-46c4-a32c-e4c515f23d62"
|
|
/>
|
|
<ul
|
|
class="border-gray-300 focus:border-indigo-500 rounded-md block focus:ring-indigo-500 w-full"
|
|
>
|
|
<li class="text-sm">This is item 9c81576c-c65a-4e09-97a9-01e8c9946f1d</li>
|
|
<li class="text-gray-500 font-medium text-sm">
|
|
This is item 00c4e702-5bc0-4a2c-936b-b2a3eb16bd5d
|
|
</li>
|
|
<li class="space-y-4 mt-4">This is item fa1f61bd-d460-410c-9e07-ae9177791f76</li>
|
|
<li class="max-w-xl">This is item 0ba97795-dfe5-414e-aacf-b0f0cff7b5ea</li>
|
|
</ul>
|
|
<img
|
|
class="mt-8 relative"
|
|
alt="Profile picture of user c079304e-dbc3-4900-8117-9614f4df9301"
|
|
src="https://example.org/pictures/7ffeeb8a-0d94-4167-8e32-9f3424ae5fe7"
|
|
/>
|
|
</li>
|
|
<li class="mt-1">
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-center">
|
|
This is link cede245c-4ef7-410e-9875-ac8cc32196ea
|
|
</a>
|
|
<img
|
|
class="mt-1"
|
|
alt="Profile picture of user a834b88b-16d2-4262-a243-5b64988e7059"
|
|
src="https://example.org/pictures/e8f472cf-4124-430d-aa44-5ede3d9108c5"
|
|
/>
|
|
<a href="#" class="bg-white"> This is link ffea77c7-9c9c-411c-8e4f-cbdffb1d7913 </a>
|
|
</li>
|
|
</ul>
|
|
<ol class="w-5 flex-shrink-0 h-5 group-hover:text-gray-500 text-gray-400">
|
|
<li class="flex-shrink-0 w-14">
|
|
<ul
|
|
class="shadow-sm py-3 focus:ring-indigo-500 w-full border-gray-300 text-gray-900 px-4 block rounded-md focus:border-indigo-500"
|
|
>
|
|
<li class="h-5 w-5 text-yellow-400">
|
|
This is item 26c050a7-742e-45fb-a978-a589a135564a
|
|
</li>
|
|
<li class="-mt-32">This is item cced1bbe-e516-48ba-b41d-34f3407a6a0b</li>
|
|
<li class="md:inline hidden">This is item 2f4655ab-aae6-4218-a5c1-bf3a515694f8</li>
|
|
<li
|
|
class="h-8 items-center mt-1 flex font-semibold text-gray-900 justify-center w-8"
|
|
>
|
|
This is item 2eea132a-a625-4b35-aeb5-ba64bf5833c2
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user f75ad9f0-5ef0-4f7c-9a18-0b4016a4b453"
|
|
src="https://example.org/pictures/0f016b8b-7153-4a4e-9889-9990c2155cb4"
|
|
/>
|
|
<ul class="text-sm text-gray-900">
|
|
<li class="gap-x-8 gap-y-10 grid items-start pt-10 pb-12 grid-cols-2">
|
|
This is item ba6f529c-4485-4a6e-a1cd-c595f45ea86b
|
|
</li>
|
|
<li class="sr-only">This is item 93056b40-dd20-4c3b-8c2a-d8ae6af3c2b5</li>
|
|
<li class="py-1.5 hover:bg-gray-100 text-gray-400 bg-gray-50 focus:z-10">
|
|
This is item 526c4c07-d76d-40a9-af41-e24a1a855437
|
|
</li>
|
|
<li class="font-medium text-lg text-gray-900">
|
|
This is item a64a3598-b64e-44b1-99da-cd5b192c1c5c
|
|
</li>
|
|
</ul>
|
|
<ul class="text-orange-600 hover:text-orange-900">
|
|
<li
|
|
class="text-sm font-medium px-4 text-gray-500 border-transparent hover:text-gray-700 pt-4 hover:border-gray-200 border-t-2 inline-flex items-center"
|
|
>
|
|
This is item 197d2f5f-341b-448c-b6d7-03cc0c5a8d8c
|
|
</li>
|
|
<li class="lg:absolute lg:right-0 lg:inset-y-0 lg:w-1/2">
|
|
This is item 0210350a-c07a-4729-8783-4bb93487d86c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="rounded-br-lg py-1.5 hover:bg-gray-100 text-gray-400 bg-gray-50 focus:z-10">
|
|
<ol class="justify-between flex py-3 sm:grid sm:grid-cols-2">
|
|
<li class="mx-auto px-4 max-w-2xl">
|
|
This is item c9d712af-237d-4cc8-b3b3-a2393043d896
|
|
</li>
|
|
<li class="hover:bg-gray-100 focus:z-10 py-1.5 bg-white">
|
|
This is item 0f8be103-38f7-4491-aacf-8e6e49cd33b8
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item ec158782-c23c-4208-ac6a-7e4cc0d329a2
|
|
</li>
|
|
<li class="h-10 rounded-full w-10">
|
|
This is item 5369d4ee-109a-490e-a1ca-7caa25d32c53
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="ml-3">
|
|
This is link 963caf1b-b863-46df-9326-ed94f9941825
|
|
</a>
|
|
<ul
|
|
class="px-4 sm:px-6 sm:space-y-0 sm:gap-4 sm:py-5 sm:grid-cols-3 sm:grid space-y-2 sm:items-start"
|
|
>
|
|
<li
|
|
class="rounded-md focus:ring-2 text-gray-700 focus:ring-offset-gray-100 text-left focus:ring-purple-500 text-sm focus:outline-none py-2 font-medium hover:bg-gray-200 bg-gray-100 focus:ring-offset-2 w-full group px-3.5"
|
|
>
|
|
This is item 1c9fba27-8ccf-4a51-802d-2ccd84a99c89
|
|
</li>
|
|
<li class="bg-white p-4 text-base sm:text-sm bg-opacity-60">
|
|
This is item b1e9673d-0869-41b4-bfe9-4fbaf5616f10
|
|
</li>
|
|
<li class="align-middle border-gray-200 min-w-full inline-block border-b">
|
|
This is item 507d43db-fb31-4634-9e1d-0ddd117e3ea8
|
|
</li>
|
|
<li
|
|
class="rounded-md text-sm font-medium bg-white hover:bg-gray-50 px-4 text-gray-900 py-2.5 mt-4"
|
|
>
|
|
This is item 104574cb-b5cc-48f0-b04d-47320da67275
|
|
</li>
|
|
<li class="text-sm text-gray-700">
|
|
This is item 84b979d9-4021-4407-b23e-fc3a4141b13b
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="text-white text-sm mt-1"
|
|
alt="Profile picture of user ffdbf27d-3270-4b5a-a7e2-e5be8659f741"
|
|
src="https://example.org/pictures/a4d12f64-d858-4841-92dc-f1694f1d5043"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ol class="ml-3">
|
|
<li class="sm:grid-cols-2 grid mt-1 grid-cols-1 gap-4">
|
|
This is item 735385f0-ca0e-4d0a-a0f1-d8bda842d309
|
|
</li>
|
|
<li class="font-medium text-base text-white">
|
|
This is item 8d365ef3-1430-49fe-87f5-2a7f82838ae1
|
|
</li>
|
|
<li class="space-y-6 mt-6">This is item 2eb770ea-dcd3-4ecd-84ee-88cef48621b0</li>
|
|
<li class="relative">This is item d5a3f992-f74a-4db3-a2e0-2aa91ffddc57</li>
|
|
<li
|
|
class="flex-shrink-0 h-4 w-4 hover:text-gray-500 rounded-full inline-flex p-1 ml-1 text-gray-400 hover:bg-gray-200"
|
|
>
|
|
This is item 24c19d58-2172-4f13-9762-d2ec7537773c
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="space-y-6 mt-6"
|
|
alt="Profile picture of user 788476ea-eadf-48ed-aa98-73376176afbb"
|
|
src="https://example.org/pictures/2f942dfc-1d1e-4f31-8dc4-909a7b307991"
|
|
/>
|
|
<ol class="lg:text-left sm:mx-auto lg:mx-0 sm:text-center sm:max-w-lg mt-8">
|
|
<li class="text-gray-900 text-2xl font-semibold">
|
|
This is item 8271752d-d4ab-4b0f-a267-151c420c064a
|
|
</li>
|
|
<li class="divide-gray-200 divide-y opacity-25">
|
|
This is item 605f45cd-b819-4638-ab05-3d3223b36e43
|
|
</li>
|
|
<li
|
|
class="pl-2 flex bg-none group-hover:text-gray-800 focus:outline-none text-gray-700 text-sm rounded-md pr-5 border-transparent font-medium focus:border-transparent py-0.5 focus:ring-0 items-center"
|
|
>
|
|
This is item 46f0359a-15b9-4c6b-bc58-a626bc01c96d
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="pb-8 pt-14 shadow-2xl items-center lg:p-8 md:p-6 bg-white sm:pt-8 flex overflow-hidden px-4 relative w-full sm:px-6"
|
|
alt="Profile picture of user d5bde696-ce57-41b9-b629-5287c7945e6e"
|
|
src="https://example.org/pictures/1f737cd8-3273-4929-bd8b-53757af37b3e"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ul class="mt-1">
|
|
<li class="py-10 text-center border-t border-gray-100">
|
|
<a href="#" rel="noreferrer" class="lg:flex hidden lg:items-center">
|
|
This is link 45d2a270-3994-4355-814e-b2b0896f07b6
|
|
</a>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 361eb6bf-ef65-40dd-9035-5f6826016ee3"
|
|
src="https://example.org/pictures/1e6e28da-e595-4927-8a5f-918bf44511e4"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="tracking-tight text-3xl font-bold sm:text-4xl text-white"
|
|
alt="Profile picture of user 2f2c20e6-ffef-4206-9433-58bf709849af"
|
|
src="https://example.org/pictures/1b92c3c9-2b4b-438d-9250-c7f01a81a09a"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ol class="mt-6">
|
|
<li class="bg-white p-6">
|
|
<a href="#" target="_blank" class="flex-col md:pl-64 flex-1 flex">
|
|
This is link aefd9423-f4de-4944-a7e2-262c8be52ea3
|
|
</a>
|
|
<ol
|
|
class="text-base font-medium p-2 text-blue-gray-600 rounded-md items-center flex group hover:text-blue-gray-900 hover:bg-blue-gray-50"
|
|
>
|
|
<li
|
|
class="-ml-6 sm:ml-auto absolute ring-opacity-5 w-60 ring-1 rounded-lg focus:outline-none sm:text-sm bg-white mt-1 sm:w-64 z-10 text-base py-3 shadow ring-black"
|
|
>
|
|
This is item ad0e87d9-f7af-4e3f-bb21-0ab1efbdb91a
|
|
</li>
|
|
<li class="absolute bottom-0 inset-x-0 bg-gray-100 h-1/2">
|
|
This is item a78c8836-2495-46a5-97e3-d49a8b976f5e
|
|
</li>
|
|
<li class="sr-only">This is item b619479a-25fa-4f48-9c5e-3f77089d23ba</li>
|
|
<li class="items-center flex space-x-3 mt-4">
|
|
This is item b4d63262-ae95-4e8d-961d-72eb7ce93612
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 1e49b1a4-8956-4069-b0f3-4e826efdc82a
|
|
</a>
|
|
</li>
|
|
<li class="h-5 w-5 text-indigo-600">
|
|
<ul class="font-bold text-4xl sm:text-5xl text-gray-900 tracking-tight">
|
|
<li class="inset-0 absolute rounded-md overflow-hidden">
|
|
This is item 14f4004a-f3b1-4b2e-a5b7-3677fedb584e
|
|
</li>
|
|
<li class="mt-2 sm:mt-0">This is item 30fba329-c1a1-4b00-b738-a1a057c37680</li>
|
|
<li class="flex h-7 mx-auto items-center rounded-full w-7 justify-center">
|
|
This is item de4e5c27-05c6-40b2-ad52-5a10727ed14b
|
|
</li>
|
|
<li class="w-4 border-gray-300 focus:ring-indigo-500 rounded text-indigo-600 h-4">
|
|
This is item 25861be0-48b2-4819-aa7b-45eea061862d
|
|
</li>
|
|
</ul>
|
|
<ul class="mx-auto lg:px-8 sm:px-6 max-w-7xl">
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
This is item e0b62228-fa56-4d7d-b548-0ee6a6a9359d
|
|
</li>
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
This is item 8aa7e970-aa22-4094-8acd-f66db9e830a2
|
|
</li>
|
|
<li
|
|
class="focus:outline-none pl-3 sm:text-sm w-full py-2 border-gray-300 focus:border-indigo-500 block focus:ring-indigo-500 pr-10 text-base rounded-md"
|
|
>
|
|
This is item a99f29b1-a833-4a29-8b6a-47146d2312ba
|
|
</li>
|
|
</ul>
|
|
<ol class="sm:flex sm:items-center sm:justify-between">
|
|
<li class="text-gray-900 block font-medium mt-6">
|
|
This is item e5945d2a-e170-4edd-92c8-3e079553b84a
|
|
</li>
|
|
<li class="bg-gray-50">This is item 049cd986-6d56-4628-b704-98cef031b398</li>
|
|
<li class="gap-8 py-20 lg:grid-cols-4 grid-cols-2 sm:grid-cols-2 sm:gap-y-0 grid">
|
|
This is item cbfea0b7-f033-46f0-8d01-7c904427a445
|
|
</li>
|
|
<li
|
|
class="duration-200 bottom-0 ease-out inset-x-0 sm:mt-5 sm:translate-y-px transition-colors absolute h-0.5 sm:transform"
|
|
>
|
|
This is item 6f997bbf-9db0-4cb6-aa12-830637a23e18
|
|
</li>
|
|
<li class="inset-y-0 items-center left-0 pl-3 absolute flex pointer-events-none">
|
|
This is item de13db4d-72c8-442c-bbeb-917a2f08e7ba
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="space-y-6 mt-6">
|
|
<li class="absolute inset-0">
|
|
<img
|
|
class="flex inset-0 fixed z-40"
|
|
alt="Profile picture of user 8ec4667f-8dfa-4aa2-a476-17efe1c010fd"
|
|
src="https://example.org/pictures/38b105d8-c732-4739-9790-d71d6a1414ee"
|
|
/>
|
|
<img
|
|
class="lg:hidden"
|
|
alt="Profile picture of user 635fe4ea-2919-45eb-83e4-d8271097446e"
|
|
src="https://example.org/pictures/7b26cf54-c682-4f82-9a84-be79b122c28c"
|
|
/>
|
|
<ul class="focus:z-10 bg-white hover:bg-gray-100 py-1.5">
|
|
<li class="h-7 flex items-center rounded-full w-7 mx-auto justify-center">
|
|
<ul class="bg-white">
|
|
<li class="inset-0 fixed bg-opacity-25 bg-black">
|
|
This is item 814098f4-c99e-477d-ae1d-c0e970f26beb
|
|
</li>
|
|
<li
|
|
class="font-medium focus:ring-offset-gray-50 bg-indigo-600 border border-transparent focus:ring-indigo-500 focus:ring-offset-2 py-3 focus:outline-none rounded-md focus:ring-2 hover:bg-indigo-700 px-4 text-white w-full text-base shadow-sm"
|
|
>
|
|
This is item b23a8cd4-9a4b-425c-8c9c-707bda3584db
|
|
</li>
|
|
<li class="text-white h-12 w-12 opacity-25">
|
|
This is item c64594c8-c0a8-428e-96bb-2c5eff02f3f8
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="lg:row-end-2 lg:col-span-3 lg:row-span-2 max-w-2xl mx-auto lg:max-w-none mt-14 lg:mt-0 sm:mt-16"
|
|
>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm text-gray-500 mt-6">
|
|
This is link 43447af4-852d-480d-a813-62719e0f0743
|
|
</a>
|
|
</li>
|
|
<li class="-m-2 p-2 font-medium block text-gray-900">
|
|
<ol class="text-3xl font-bold tracking-tight sm:text-4xl text-gray-900">
|
|
<li class="font-medium text-gray-500 hover:text-gray-600">
|
|
This is item a0586145-433d-49b8-b19f-4b48b7abb1f8
|
|
</li>
|
|
<li class="h-12">This is item b8009ace-41d6-474a-a131-4d13cb5820c2</li>
|
|
<li class="sr-only">This is item e31414ec-580f-4947-8ba7-1ca01049bf1c</li>
|
|
<li class="h-5 w-5 text-gray-400">
|
|
This is item fde81971-3334-457c-9c5a-229c5f850b18
|
|
</li>
|
|
<li class="bg-gray-50 hover:bg-gray-100 text-gray-400 py-1.5 focus:z-10">
|
|
This is item f358ccd5-2d89-41a4-95e5-7a481e6ff53f
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="bg-gray-700 justify-center focus:ring-2 w-full focus:ring-white border text-white py-2 border-transparent focus:ring-offset-2 focus:ring-offset-gray-900 px-4 font-medium hover:bg-gray-800 focus:outline-none items-center flex rounded-md text-base"
|
|
>
|
|
<li
|
|
class="lg:col-span-4 lg:col-start-9 lg:row-start-1 md:col-start-3 mt-12 md:mt-0 md:row-start-2 md:col-span-8"
|
|
>
|
|
This is item 3b0a6e0e-3079-4dcb-aada-d4180e37bc82
|
|
</li>
|
|
<li class="text-gray-500 text-sm gap-x-8 grid-cols-3 gap-y-10 grid">
|
|
This is item 5bd164d8-d1d7-4b87-ba2b-28ee17193d49
|
|
</li>
|
|
<li class="space-y-10 mt-10">This is item 8e74ff55-b7f9-4c28-8d3c-4706ea629ca7</li>
|
|
<li class="px-3 text-gray-900 py-3.5 text-left text-sm font-semibold">
|
|
This is item 886d56e6-0db6-4e28-99fb-320ed6ab1073
|
|
</li>
|
|
<li class="space-y-10 mt-12">This is item 4114e404-d58c-4f13-8cc4-0f5138c590b7</li>
|
|
</ol>
|
|
<ul class="flex">
|
|
<li class="text-base font-medium text-white">
|
|
This is item ca3c8b79-9a07-4769-99c8-6dd50ffad4a5
|
|
</li>
|
|
<li class="sm:h-10 w-auto h-8">
|
|
This is item f3d1a7bf-5344-4c36-b9a1-ea0e8c1efcd6
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="lg:col-span-2 col-span-6 sm:col-span-3">
|
|
<a href="#" target="_blank" rel="noreferrer" class="w-64 mx-auto">
|
|
This is link 5da67059-d871-4122-927d-97b57808a967
|
|
</a>
|
|
</li>
|
|
<li class="object-cover w-full object-center group-hover:opacity-75 h-full">
|
|
<img
|
|
class="sticky z-20 left-0 -ml-14 text-gray-400 text-xs leading-5 text-right w-14 pr-2 -mt-2.5"
|
|
alt="Profile picture of user e5ae4aaa-6424-438d-8b19-e96169054814"
|
|
src="https://example.org/pictures/eaf1c9f7-ae23-48bc-acde-49e619efbdb2"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ul class="rounded-full mx-auto flex items-center justify-center h-7 w-7">
|
|
<li class="sr-only">
|
|
<ol class="text-left transition sm:my-8 text-base transform w-full max-w-3xl flex">
|
|
<li class="shadow overflow-hidden bg-white rounded-lg">
|
|
This is item 24b0897f-837c-4a35-afe7-ee3c4628ecdc
|
|
</li>
|
|
<li
|
|
class="rounded-md p-2 bg-white focus:ring-blue-500 justify-center hover:bg-gray-100 hover:text-gray-500 items-center focus:ring-inset focus:ring-2 inline-flex text-gray-400 focus:outline-none"
|
|
>
|
|
This is item a6cbba1c-4b8f-4170-8fbe-c1329a80b55c
|
|
</li>
|
|
</ol>
|
|
<ul class="bg-gray-50 text-gray-400 relative hover:bg-gray-100 py-1.5 focus:z-10">
|
|
<li class="flex items-start">This is item d623c0e9-ef1b-4619-955f-9429d9b23c61</li>
|
|
<li class="pl-4 flex sm:pl-6">This is item 467746e2-3e45-4f26-991d-36aa88c4ad6c</li>
|
|
<li class="sm:grid sm:grid-cols-3 sm:px-6 sm:gap-4 bg-gray-50 py-5 px-4">
|
|
This is item 6aba0127-da82-49ef-b3b8-3347a5bd0ccf
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="focus:ring-2 focus:ring-inset items-center hover:bg-gray-100 focus:outline-none bg-white rounded-md focus:ring-indigo-500 justify-center inline-flex p-2 hover:text-gray-500 text-gray-400"
|
|
alt="Profile picture of user 4c573264-284b-4841-b7a3-1463841c57bd"
|
|
src="https://example.org/pictures/aaa70532-a752-462d-bd33-4d66bc36302b"
|
|
/>
|
|
<img
|
|
class="w-6 h-6"
|
|
alt="Profile picture of user 887910ff-0112-49d1-b230-c386750c6d81"
|
|
src="https://example.org/pictures/e0e125aa-7d7c-45d6-8df6-e189fbe5e6be"
|
|
/>
|
|
</li>
|
|
<li class="w-4 h-4 text-indigo-300">
|
|
<ul class="relative">
|
|
<li class="w-5 h-5 flex-shrink-0 text-gray-500">
|
|
This is item 00e5b7df-36a3-4203-9849-0e04f3fc6b92
|
|
</li>
|
|
<li class="mt-1">This is item 7ef2ef9d-d635-45ac-85aa-b521c27da03c</li>
|
|
<li class="text-indigo-600 hover:text-indigo-500">
|
|
This is item 1b150360-8284-43be-8fc4-1e9ff3042332
|
|
</li>
|
|
<li class="items-center flex mt-6">
|
|
This is item 9319575d-51ef-4cdc-b1c8-0397eb6edf09
|
|
</li>
|
|
<li class="relative">This is item b82de6b8-8ea0-4d37-bfba-49776a4b4d8e</li>
|
|
</ul>
|
|
<ol class="h-5 w-5">
|
|
<li class="relative">This is item 7014dbd0-20d2-4a5e-aa54-f57f8ad2e0c1</li>
|
|
<li class="text-teal-200 hover:text-teal-100">
|
|
This is item 4989db0d-2a75-4152-aed7-6e6684924d00
|
|
</li>
|
|
<li
|
|
class="text-sm justify-center inline-flex hover:text-gray-900 font-medium group text-gray-700"
|
|
>
|
|
This is item 5eb99884-f60d-4c60-b70f-ce10af3e5827
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="text-indigo-700 w-6 h-6">
|
|
This is link 4e984f9a-5012-41a1-8a7a-ef57f75a7cd9
|
|
</a>
|
|
</li>
|
|
<li class="h-12">
|
|
<img
|
|
class="inline-flex rounded-md shadow-sm isolate"
|
|
alt="Profile picture of user a910fe6f-6273-499c-b66c-2f5f0cc4e435"
|
|
src="https://example.org/pictures/594f626c-1fff-4bda-8592-993c1d66c99f"
|
|
/>
|
|
<ol class="h-5 flex-shrink-0 w-5">
|
|
<li class="items-center mx-auto rounded-full justify-center flex h-7 w-7">
|
|
This is item 3b375efe-c0e9-4f57-9fab-65acb49e14b9
|
|
</li>
|
|
<li class="w-6 h-6">This is item cb3d461c-b942-47ab-96e8-479644581059</li>
|
|
<li class="lg:px-8 sm:px-6 max-w-7xl mx-auto sm:pt-16">
|
|
This is item 6ad13bd2-c833-444a-a3e3-72d42fc0f589
|
|
</li>
|
|
<li class="text-gray-400 lg:hidden p-2 rounded-md bg-white">
|
|
This is item 4c669a1e-3d08-4344-af1f-f4163a27e48f
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="shadow ring-black lg:flex-col lg:flex ring-opacity-5 ring-1 lg:flex-auto">
|
|
<img
|
|
class="mt-4 text-gray-900 text-sm"
|
|
alt="Profile picture of user 3c5a4a7b-2326-4652-8782-1a1ef90e4446"
|
|
src="https://example.org/pictures/ec96954c-c5e4-439d-a2d2-aee8427fe1ca"
|
|
/>
|
|
</li>
|
|
<li class="sm:overflow-hidden shadow sm:rounded-md">
|
|
<a href="#" class="sm:flex-none sm:ml-16 sm:mt-0 mt-4">
|
|
This is link 605d29ba-89f0-43d0-a1fd-afab4e6937bc
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="fixed flex inset-0 z-40">
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm block px-4 py-2">
|
|
This is link 1750e28c-1a3c-4cca-9398-2be2a29579cd
|
|
</a>
|
|
<ul class="text-gray-500">
|
|
<li class="hover:text-gray-500 text-gray-400">
|
|
<ol class="flex-shrink-0">
|
|
<li class="border-gray-200 py-20 border-t">
|
|
This is item 7fb37267-1823-487c-923e-de855da5b276
|
|
</li>
|
|
<li class="text-white mt-auto text-center font-bold relative text-xl">
|
|
This is item 1d6ba5ec-530b-4517-ad44-c8e63061d9ac
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="sm:items-baseline px-4 sm:flex sm:justify-between sm:px-0 space-y-2 sm:space-y-0"
|
|
>
|
|
<ul class="text-sm mt-6 text-gray-500">
|
|
<li class="text-indigo-600">This is item b99d4e29-2927-4d79-b286-13e1668d31d1</li>
|
|
<li class="flex-col lg:w-auto text-center inline-flex w-64">
|
|
This is item 9d0eacba-9c3b-4ced-82bd-a69f9ec63297
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="pt-8 md:flex md:items-center md:justify-between border-t border-gray-200 mt-8"
|
|
>
|
|
This is link 61fd992b-a9cd-4b42-a6db-3077f85263bb
|
|
</a>
|
|
</li>
|
|
<li class="w-6 h-6">
|
|
<ul class="mt-4 sm:flex sm:mt-6">
|
|
<li class="text-sm font-medium text-gray-400">
|
|
This is item 12a3396f-252e-4c66-9aef-61276740710d
|
|
</li>
|
|
<li class="inset-0 absolute z-10">
|
|
This is item f368116c-2f42-4052-8a72-4ced4a5a8fcd
|
|
</li>
|
|
<li class="sr-only">This is item 77712eff-07fc-4b5a-aa4f-768c4c201eab</li>
|
|
</ul>
|
|
<ul
|
|
class="bg-indigo-50 block text-base pl-3 py-2 font-medium border-l-4 border-indigo-500 text-indigo-700 pr-4"
|
|
>
|
|
<li
|
|
class="bg-white flex-col py-2 text-gray-900 flex px-3 hover:bg-gray-100 focus:z-10 h-14"
|
|
>
|
|
This is item e3fbcd78-5a7b-412c-925b-dbfb5b8450fc
|
|
</li>
|
|
<li
|
|
class="border items-center flex hover:text-gray-500 border-transparent p-2 rounded-full text-gray-400 -mx-2"
|
|
>
|
|
This is item 62371d1a-0fc2-46c5-bf59-fd137fb2d369
|
|
</li>
|
|
<li class="right-0 pt-4 -mr-12 top-0 absolute">
|
|
This is item 2ad07de5-1ef1-43d8-a597-178cda3e57b6
|
|
</li>
|
|
<li class="text-center">This is item 53747a87-bd31-4d22-a5a6-b2f40825655f</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="text-gray-600 bg-gray-200">
|
|
This is link 10e489ef-494a-4258-b5b2-dd2e69b0208c
|
|
</a>
|
|
<img
|
|
class="shadow-sm items-center focus:ring-2 justify-center text-sm rounded-md border bg-white hover:bg-gray-50 px-2.5 focus:ring-offset-2 text-gray-700 focus:outline-none flex focus:ring-indigo-500 font-medium border-gray-300 py-2"
|
|
alt="Profile picture of user 730095ce-0913-49f8-b172-02b8812aea64"
|
|
src="https://example.org/pictures/6fd1bb3d-0fbd-4b0a-9d91-e6f29f8743be"
|
|
/>
|
|
</li>
|
|
<li class="border-b px-4 flex-auto sm:px-0 border-gray-200">
|
|
<ol class="flex items-start">
|
|
<li class="mt-1">This is item 1597a27a-a339-47d3-be5a-49d44e97719f</li>
|
|
<li class="bg-gray-50">This is item 4194d35e-6f14-4f2b-8ce6-6bf82d51378b</li>
|
|
<li class="border-l border-gray-300 inline-block">
|
|
This is item a3551818-df64-4b4e-9a86-d0b02b5e61b5
|
|
</li>
|
|
</ol>
|
|
<ol class="items-center flex space-x-4">
|
|
<li class="text-gray-900 text-sm mt-1">
|
|
This is item 4c23c735-39e3-4bfa-bf36-ceee45051410
|
|
</li>
|
|
<li class="leading-8 text-gray-900 text-lg font-semibold ml-10">
|
|
This is item 6beb081b-b3ca-4245-986f-1a266bb31e57
|
|
</li>
|
|
<li class="shadow-sm bg-white">
|
|
This is item c70579b5-b239-4aae-a1cf-1317bc987c0c
|
|
</li>
|
|
<li class="sr-only">This is item 3e33369f-7fff-4fbe-ae89-45cf538b6587</li>
|
|
</ol>
|
|
<img
|
|
class="hover:bg-gray-50 hover:text-gray-900 text-gray-600"
|
|
alt="Profile picture of user e5aa7162-05d0-4297-bd40-819a6c4eaad5"
|
|
src="https://example.org/pictures/b46eaa53-5e06-4a3b-9706-0b5c5a497068"
|
|
/>
|
|
<ol class="sr-only">
|
|
<li class="group-hover:text-gray-500 mr-4 w-6 text-gray-400 h-6">
|
|
This is item 6667dbbd-249d-4949-8869-08254c4d3532
|
|
</li>
|
|
<li class="items-center flex h-7 w-7 rounded-full mx-auto justify-center">
|
|
This is item f3dd9562-ad9c-4446-9751-4a738fec5c2c
|
|
</li>
|
|
<li class="sm:pt-0 font-medium sm:block text-gray-900 pt-6 flex justify-between">
|
|
This is item d4090540-2afe-4332-a55f-728c4a9e2eed
|
|
</li>
|
|
<li class="hidden text-center md:block">
|
|
This is item eed2748e-665e-42d6-be3b-aa2863f9d5f5
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="border-t border-gray-200 mt-12 pt-8">
|
|
<ul class="w-7 h-7 rounded-full items-center justify-center mx-auto flex">
|
|
<li class="mt-6 flow-root">This is item 924fe7e4-7d53-4938-bf12-8bb737948221</li>
|
|
<li class="overflow-y-scroll h-full flex-col shadow-xl flex bg-white">
|
|
This is item 30d61253-37a0-4c97-839a-a989b7ee0e6b
|
|
</li>
|
|
<li class="inline-block relative">
|
|
This is item 6573e7bf-742a-40dc-b4dd-ea482933d85b
|
|
</li>
|
|
<li class="space-x-6 flex">This is item 79eeee22-a096-4e09-a22e-2b89737c1df5</li>
|
|
<li
|
|
class="py-2 bg-indigo-600 rounded-full border-transparent font-medium focus:ring-2 border focus:outline-none text-white items-center focus:ring-indigo-500 shadow-sm text-sm focus:ring-offset-2 inline-flex hover:bg-indigo-700 px-4"
|
|
>
|
|
This is item 274319c9-1013-4696-aeec-ec1b706b773e
|
|
</li>
|
|
</ul>
|
|
<ol class="absolute inset-0">
|
|
<li class="rounded-full w-10 h-10">
|
|
This is item a4993e72-4055-4a4c-9a9b-8a4a4aff03fe
|
|
</li>
|
|
<li class="mx-auto max-w-4xl">This is item 7763a903-c7cd-4439-a821-ba5c68e05eca</li>
|
|
<li class="py-6">This is item bfeb2930-6175-4f4d-b898-20e811c6b19c</li>
|
|
<li class="text-center">This is item b8451827-4ab6-419b-8202-db3c543e8e0b</li>
|
|
</ol>
|
|
<img
|
|
class="grid-cols-2 xl:col-span-2 mt-12 gap-8 grid xl:mt-0"
|
|
alt="Profile picture of user 61102ceb-1e28-462e-ab38-9774b566ff0c"
|
|
src="https://example.org/pictures/5c8315ec-ba27-46f5-906d-13d600cb743c"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="shrink-0 w-4 h-4 mt-0.5 cursor-pointer"
|
|
alt="Profile picture of user c9bd7da0-2287-4f2b-a4c4-b9087f8e85e5"
|
|
src="https://example.org/pictures/fc99b5c1-cc8d-4f2e-a136-e7fd0fd91653"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<a href="#" target="_blank" class="text-sm text-gray-600">
|
|
This is link 3f4e88d7-435b-40cb-84c7-9a80f92aa863
|
|
</a>
|
|
<ol class="bg-gray-100 overflow-hidden aspect-h-1 aspect-w-1 rounded-lg">
|
|
<li
|
|
class="ml-auto hover:text-gray-500 focus:ring-offset-2 text-gray-400 focus:ring-blue-500 flex-shrink-0 focus:outline-none rounded-full p-1 focus:ring-2 bg-white"
|
|
>
|
|
<ol class="sm:py-16 mt-24 sm:mt-32 relative">
|
|
<li class="hover:bg-gray-100 py-1.5 bg-white focus:z-10">
|
|
This is item c489aad2-d06a-47a0-9eaa-9d525b33ae81
|
|
</li>
|
|
<li class="pl-4 w-1/4 -mt-px">This is item 1d332acc-9702-4557-aa24-561e4e3e14ea</li>
|
|
<li class="sm:px-0 px-4">This is item f97daf83-623e-4add-8431-b2ffffb0a156</li>
|
|
<li class="mx-auto sm:px-6 lg:px-8 py-12 max-w-7xl px-4">
|
|
This is item cc2aa40f-c846-4e9e-8c33-0d70494f8446
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-white font-medium ml-3 truncate"
|
|
>
|
|
This is link d84d15c4-46e3-4901-ba67-6dfff30bd1cc
|
|
</a>
|
|
</li>
|
|
<li class="max-w-7xl sm:px-6 sm:mt-24 mt-16 mx-auto px-4">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:max-w-none mx-auto max-w-2xl px-4"
|
|
>
|
|
This is link a68d55ae-b7a1-4073-a699-95e061b00e24
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="font-medium text-gray-900 text-base">
|
|
<li class="grid-cols-2 grid gap-x-4">
|
|
<ol class="sm:space-y-4 sm:mt-4 space-y-6 mt-6">
|
|
<li
|
|
class="text-gray-500 flex-none hidden ml-3 xl:block group-hover:text-indigo-600"
|
|
>
|
|
This is item e7643b1b-54e6-4658-b812-e368188049aa
|
|
</li>
|
|
<li class="-my-3 flow-root -mx-2">
|
|
This is item 2b44ad48-70f6-454a-bc66-358123ac782c
|
|
</li>
|
|
<li class="h-12">This is item d2133271-1cb6-40c6-85d3-a35af5bf3a34</li>
|
|
<li class="font-medium text-lg text-gray-900">
|
|
This is item e0d7d87b-bc52-41b2-bbd1-8d5ce8551ac1
|
|
</li>
|
|
<li class="text-sm">This is item 37ffcb10-7198-4f3f-a6fc-a8a52401db15</li>
|
|
</ol>
|
|
<ul class="grid-cols-2 grid gap-y-10 gap-x-8">
|
|
<li class="w-auto h-8">This is item 7dfbe6ed-2be5-461f-ac96-e7dbebf5ab33</li>
|
|
<li class="sr-only">This is item 3aba80bd-ae5d-4f1f-a76f-e7ac33d7ee8d</li>
|
|
<li class="sr-only">This is item 0be32d9e-c1e2-4f5c-bef0-873355b508e6</li>
|
|
<li class="max-w-7xl mx-auto px-8">
|
|
This is item 61ef412a-65f7-4719-b61c-0e934fea09d4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="px-4 py-6 absolute sm:px-6 inset-0">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 3f00a703-96e8-4003-9eb8-692637f3f0e1"
|
|
src="https://example.org/pictures/f0ba9a28-b1ae-453b-8f39-fd515abfe9aa"
|
|
/>
|
|
<ol class="ml-4 flex-shrink-0">
|
|
<li class="bg-gray-800 p-8">This is item 850fc236-c688-4182-91f8-7e75007102c3</li>
|
|
<li
|
|
class="overflow-y-auto max-w-xs shadow-xl flex w-full ml-auto relative bg-white h-full py-4 flex-col pb-6"
|
|
>
|
|
This is item c88e601a-2a4c-492e-af16-67771ddb81e3
|
|
</li>
|
|
<li class="absolute items-center flex right-0 pointer-events-none inset-y-0">
|
|
This is item ed8e3539-a7b7-40f9-9c89-fd8569430bff
|
|
</li>
|
|
<li
|
|
class="focus:ring-offset-2 bg-white focus:ring-indigo-500 rounded-md focus:outline-none text-sm focus:ring-2 ml-6 font-medium text-indigo-600 hover:text-indigo-500"
|
|
>
|
|
This is item 68455b0e-76b8-4331-8d87-42ca9ea79cb1
|
|
</li>
|
|
<li class="-m-3 rounded-lg items-start flex p-3 hover:bg-gray-50">
|
|
This is item 5568bb6e-c1b7-4714-bc08-38b8a0a27476
|
|
</li>
|
|
</ol>
|
|
<ol class="text-sm pt-1 items-center font-medium border-b-2 px-1 inline-flex">
|
|
<li
|
|
class="left-0 -translate-y-2 text-gray-200 w-8 -translate-x-3 h-8 top-0 absolute transform"
|
|
>
|
|
This is item 30afd3b1-7996-400a-bb09-a31f1e7e2eea
|
|
</li>
|
|
<li class="text-sm text-gray-500">
|
|
This is item b76c7ab1-d53c-48d1-85dd-40abfbc659ce
|
|
</li>
|
|
<li class="py-5 sm:px-6 px-4">This is item 18f92394-f42b-4ab1-b748-988c10559de6</li>
|
|
</ol>
|
|
<img
|
|
class="flow-root"
|
|
alt="Profile picture of user f56b6658-b3fb-4f29-9a40-557b15b5966c"
|
|
src="https://example.org/pictures/33f89223-7aaf-4d2e-a31c-9c09659ea613"
|
|
/>
|
|
</li>
|
|
<li class="w-full absolute h-full inset-0">
|
|
<img
|
|
class="border-gray-200 border-t"
|
|
alt="Profile picture of user 13c58e04-25e3-48b5-909d-22061101a27c"
|
|
src="https://example.org/pictures/67ef4312-a3d5-45d0-8dbe-c09450fd92ab"
|
|
/>
|
|
<img
|
|
class="px-4 lg:py-16 lg:px-8 py-12 mx-auto sm:px-6 max-w-7xl"
|
|
alt="Profile picture of user e6f1fb8d-3547-4d7c-bd12-ccd91b5ee28d"
|
|
src="https://example.org/pictures/573de3e9-4547-49f5-ba31-962364ff2612"
|
|
/>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user b3064b42-84d8-4ca6-a1c6-556e019cc17e"
|
|
src="https://example.org/pictures/7cfd9111-ba0c-47a6-8484-b2643b80ba00"
|
|
/>
|
|
<ol
|
|
class="w-full block border-gray-300 sm:text-sm min-w-0 rounded-r-md flex-1 focus:border-indigo-500 rounded-none focus:ring-indigo-500"
|
|
>
|
|
<li class="flex-col space-y-6 flex mt-6">
|
|
This is item a24d67cd-325e-40b9-94d8-cadbe05f173c
|
|
</li>
|
|
<li class="flex-1 px-4 py-6 relative sm:px-6">
|
|
This is item de9d4c82-628e-4a0d-8ded-4bcd9f9a1792
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-gray-100 py-10">
|
|
<ul
|
|
class="pt-8 border-t md:items-center mt-8 md:flex border-gray-700 md:justify-between"
|
|
>
|
|
<li
|
|
class="h-8 text-base items-center font-semibold flex w-8 mt-3 justify-center rounded-full text-gray-900"
|
|
>
|
|
This is item 80077062-1ea7-40f3-897e-cb7373708173
|
|
</li>
|
|
<li class="sm:py-32 lg:px-8 lg:max-w-7xl sm:px-6 max-w-2xl py-24 px-4 mx-auto">
|
|
This is item 729a6494-a1bb-4f59-95d5-2ab56fc79226
|
|
</li>
|
|
<li class="w-6 h-6">This is item 582c4d63-4058-4026-8140-738b19f483c6</li>
|
|
</ul>
|
|
<ol class="rounded-lg overflow-hidden bg-gray-200">
|
|
<li class="w-7 justify-center h-7 flex rounded-full items-center mx-auto">
|
|
This is item 041af07f-a618-418a-9883-041a49c2bdca
|
|
</li>
|
|
<li class="mt-1 text-gray-500 text-sm">
|
|
This is item 65d67767-ee86-4108-8f76-5e2b93b3121c
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="h-full justify-center flex space-x-8">
|
|
This is link 57c42f41-9b97-41a4-881b-8fc475fa0c70
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ul class="h-full p-6">
|
|
<li class="h-10 w-10 rounded-full">
|
|
<a href="#" rel="noreferrer" class="font-semibold text-xl text-gray-900">
|
|
This is link 6abed5b0-2789-4265-a0cf-f0463e5d99ba
|
|
</a>
|
|
<ol
|
|
class="text-gray-900 pl-4 whitespace-nowrap pr-3 font-medium sm:pl-6 text-sm py-4"
|
|
>
|
|
<li class="h-5 w-5">This is item 2f06bd71-a9c2-40ce-9a72-f8fce0764a3e</li>
|
|
<li class="ml-3">This is item bbadb0a4-87f3-424c-b4df-0363b2eed25e</li>
|
|
<li class="sr-only">This is item 879502c8-241e-4273-af32-645bca8e7f51</li>
|
|
<li class="inset-0 absolute">This is item 8eacbdf2-0e1a-4432-8ceb-431390c31971</li>
|
|
</ol>
|
|
</li>
|
|
<li class="hover:text-gray-700 hover:border-gray-300 border-transparent text-gray-500">
|
|
<img
|
|
class="lg:px-0 z-10 flex relative px-2"
|
|
alt="Profile picture of user c31ecc18-8b8f-4df6-986b-ebca6811a274"
|
|
src="https://example.org/pictures/80d831bc-fd7d-4c27-953d-8af402186a73"
|
|
/>
|
|
<ul class="bg-white">
|
|
<li
|
|
class="space-y-4 items-center sm:space-y-0 sm:items-end sm:flex-row flex sm:justify-around max-w-3xl justify-start flex-col mx-auto"
|
|
>
|
|
This is item 545bbe42-3837-46a7-bccb-9e19d577676c
|
|
</li>
|
|
<li class="lg:gap-x-8 space-y-16 mt-16 lg:space-y-0 lg:grid-cols-3 lg:grid">
|
|
This is item f939c04a-5bf0-43ee-84ae-ff436280e8a0
|
|
</li>
|
|
<li class="sr-only">This is item de15e145-965a-43c5-ac40-4adba35d71d9</li>
|
|
<li class="h-5 w-5 text-green-400 flex-shrink-0 mr-1.5">
|
|
This is item 9ad2db9c-8e4f-49c0-8a6d-be7645d54446
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="shadow-sm hover:bg-indigo-700 rounded-md border-transparent border font-medium focus:ring-indigo-500 justify-center bg-indigo-600 text-sm focus:outline-none focus:ring-offset-2 px-4 inline-flex py-2 ml-3 text-white focus:ring-2"
|
|
>
|
|
This is link dcc0c909-0d4d-4c75-9791-642038264866
|
|
</a>
|
|
</li>
|
|
<li class="p-8 bg-white justify-center flex items-center">
|
|
<ul
|
|
class="px-4 sm:shadow-none py-3 rounded-lg sm:rounded-none sm:ring-0 sm:p-0 sm:bg-transparent relative bg-white"
|
|
>
|
|
<li class="h-6 w-6 rounded-full">
|
|
This is item 123d7cd9-99fe-41c1-802b-c52866977c50
|
|
</li>
|
|
<li class="w-auto h-8">This is item 02432b20-ca0e-4eb4-b16c-a99ba3326b33</li>
|
|
<li
|
|
class="text-gray-900 flex text-base duration-150 -m-3 rounded-md hover:bg-gray-100 p-3 items-center transition ease-in-out font-medium"
|
|
>
|
|
This is item 7133a22c-f6ee-4c66-84a0-bacdd05538a5
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="lg:col-span-2 sm:grid-cols-3 grid-cols-2 grid text-sm sm:col-span-3 flex-1 gap-x-6"
|
|
alt="Profile picture of user a721aca4-9c11-4850-bb41-18f30f686b89"
|
|
src="https://example.org/pictures/1b8fe5cb-436a-43b1-af09-338018ef16ed"
|
|
/>
|
|
</li>
|
|
<li class="flex-1 truncate">
|
|
<a href="#" target="_blank" class="text-gray-700 text-sm mt-4">
|
|
This is link 264dd6c8-506c-48ef-ad07-38719361f15e
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex-shrink-0 ml-1 w-5 group-hover:text-gray-500 -mr-1 h-5 text-gray-400">
|
|
<ul class="py-6 border-gray-200 px-4 space-y-6 border-t">
|
|
<li class="flex-1 min-w-0 ml-3 text-gray-600">
|
|
<ol
|
|
class="gap-x-6 grid text-sm lg:col-span-2 flex-1 grid-cols-2 sm:col-span-3 sm:grid-cols-3"
|
|
>
|
|
<li class="items-center inset-y-0 right-0 px-2 pointer-events-none absolute flex">
|
|
This is item d4c99761-2872-4ff2-9e56-990d34cbbe05
|
|
</li>
|
|
<li class="block">This is item 91e726b3-0730-493c-8956-a275c802a0a7</li>
|
|
<li class="bg-gray-900">This is item e56110cd-ad04-486c-9576-e3e7042c0d8f</li>
|
|
<li class="px-5 py-6">This is item 93febb42-4830-48c1-9941-05295fd5d9dd</li>
|
|
<li class="sr-only">This is item 49ca3ff8-3fec-472a-bec7-53e49d90a3b7</li>
|
|
</ol>
|
|
<ul class="flex md:hidden -mr-2">
|
|
<li class="mx-auto relative items-center text-center flex flex-col max-w-3xl">
|
|
This is item e9d9f639-db7a-4c32-9ac1-1938236ec1cb
|
|
</li>
|
|
<li class="flex-1 min-w-0">This is item 81bdfdc5-d056-4ca8-ae1e-d7e769b7e13b</li>
|
|
<li class="space-y-6 sm:mt-4 sm:space-y-4 mt-6">
|
|
This is item be9f5d55-4502-4ded-a5b1-50d0e4dda545
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="px-4 items-center rounded-md text-base inline-flex py-2 text-white hover:bg-gray-700 font-medium border-transparent bg-gray-600 border"
|
|
>
|
|
This is link 2b2fd4f4-7b7b-4734-a0e8-0c72600c0632
|
|
</a>
|
|
<ol class="py-1.5 bg-white focus:z-10 hover:bg-gray-100">
|
|
<li class="rounded-full justify-center items-center flex mx-auto w-7 h-7">
|
|
This is item d04b41a2-4b47-46c2-bbc8-2382c7aa2280
|
|
</li>
|
|
<li class="ml-3 sm:hidden relative">
|
|
This is item 6b85cda2-6992-493b-a29e-d716808f8cb6
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-6 text-gray-400 mx-auto h-6">
|
|
<ol class="items-center flex">
|
|
<li
|
|
class="justify-center sm:text-sm text-base shadow-sm border inline-flex px-4 border-transparent focus:ring-offset-2 rounded-md text-white focus:ring-2 bg-red-600 font-medium w-full hover:bg-red-700 focus:outline-none py-2 sm:w-auto focus:ring-red-500"
|
|
>
|
|
This is item 758b2cf0-c9fc-4a64-a6d7-0e291fd57e11
|
|
</li>
|
|
<li class="text-sm group-hover:text-blue-gray-700 text-blue-gray-500 font-medium">
|
|
This is item 0f5965e6-b626-44b9-b22d-1a051003ff69
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sm:w-2/5 pr-8 lg:w-1/3 font-normal py-3">
|
|
<ul class="flex">
|
|
<li class="py-10 grid-cols-2 grid border-t text-sm gap-x-6 border-gray-200">
|
|
This is item 71599fcc-bdec-43c3-aaa2-c0ffdc376e3a
|
|
</li>
|
|
<li class="ml-3 text-gray-500">
|
|
This is item 4f1db426-556c-45c2-86f1-0ef5398788d8
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="ring-0 h-5 w-5 duration-200 inline-block shadow ease-in-out rounded-full transform transition bg-white"
|
|
>
|
|
This is link 96f4fa4c-e6c0-4e71-a119-9353cc308b25
|
|
</a>
|
|
<img
|
|
class="focus:z-10 text-gray-900 px-3 py-2 bg-white hover:bg-gray-100 flex-col flex h-14"
|
|
alt="Profile picture of user 2d94ff47-6147-48e7-9316-67659a65593c"
|
|
src="https://example.org/pictures/1c49b7da-798c-4f20-ad83-e379a54fe68a"
|
|
/>
|
|
<ul
|
|
class="absolute right-10 rounded-md top-3 ring-1 ring-black divide-gray-200 divide-y mx-3 origin-top-right w-48 ring-opacity-5 bg-white mt-1 z-10 shadow-lg focus:outline-none"
|
|
>
|
|
<li class="divide-gray-200 divide-y opacity-25">
|
|
This is item 13a345c2-0134-49c9-bf04-fe6391a9e770
|
|
</li>
|
|
<li class="mt-1">This is item 8a67297d-f001-447f-988d-64e32de6c303</li>
|
|
<li class="py-1.5 relative text-gray-900 focus:z-10 bg-white hover:bg-gray-100">
|
|
This is item 7c888bf4-a4f5-477b-9ca3-879926df6b1b
|
|
</li>
|
|
<li class="sm:flex mt-8">This is item ce3f5d7a-5267-4711-a691-0eb876a0377d</li>
|
|
</ul>
|
|
</li>
|
|
<li class="focus:z-10 hover:bg-gray-100 py-1.5 bg-white">
|
|
<img
|
|
class="text-yellow-400"
|
|
alt="Profile picture of user eb88c669-7f51-4a62-8590-0698c1b78c23"
|
|
src="https://example.org/pictures/f4005435-afae-4589-962b-a1b6d7daec1e"
|
|
/>
|
|
</li>
|
|
<li class="h-12 mx-auto w-auto">
|
|
<ol class="text-gray-700 block text-sm font-medium">
|
|
<li class="hover:bg-gray-50 block">
|
|
This is item 820ccfad-2a5c-4dc1-990b-cfcf87b64971
|
|
</li>
|
|
<li
|
|
class="xl:border-l flex items-start xl:border-opacity-50 xl:mt-0 xl:pl-3.5 xl:ml-3.5 mt-2 space-x-3 xl:border-gray-400"
|
|
>
|
|
This is item daf4a475-94fc-490a-a4b3-ac89bea68449
|
|
</li>
|
|
<li class="group text-sm items-center rounded-md py-2 flex font-medium px-2">
|
|
This is item 71f0d9c0-b948-4746-83a7-01f62281fe74
|
|
</li>
|
|
<li class="flex-1 pb-4 px-2 space-y-1">
|
|
This is item 10fe916b-7496-4090-98df-799a9ba1cdee
|
|
</li>
|
|
<li class="sr-only">This is item 611a6a92-3680-4a52-9a26-370ab2c11476</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="px-4 from-purple-600 bg-gradient-to-r shadow-sm rounded-md py-2 border inline-flex to-indigo-600 hover:to-indigo-700 text-base border-transparent font-medium bg-origin-border hover:from-purple-700 text-white"
|
|
>
|
|
This is link b0f3dec1-c308-40f7-9590-0f089e33b216
|
|
</a>
|
|
<ol class="items-center flex text-gray-500 text-sm">
|
|
<li class="whitespace-nowrap text-gray-900 text-sm pr-3 py-4 font-medium">
|
|
This is item bc8c3cd0-40c1-476c-aa19-864c527ceff7
|
|
</li>
|
|
<li class="max-w-7xl lg:px-8 sm:px-6 mx-auto py-6">
|
|
This is item 26f8cb32-12a7-440e-8d07-e41511eb6638
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="border-opacity-10 border-t text-sm space-y-6 font-medium border-white pt-6"
|
|
>
|
|
This is link bcf2135b-4ef0-46c8-8133-5e1e88a0cd12
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="relative bg-white">
|
|
This is link 1304c937-eb73-448a-9805-bad4fff0b66e
|
|
</a>
|
|
</li>
|
|
<li class="-ml-2 p-2 text-white">
|
|
<ol class="space-y-1 pb-4 pt-2">
|
|
<li class="flex-1 flex justify-center">
|
|
<img
|
|
class="p-2"
|
|
alt="Profile picture of user b069426a-c112-478f-94dc-84e5b151bacc"
|
|
src="https://example.org/pictures/d26ea161-ef44-42eb-8544-9fe716c858c2"
|
|
/>
|
|
<ol class="object-center object-cover">
|
|
<li class="mt-6">
|
|
<img
|
|
class="sm:flex sm:flex-row-reverse mt-5 sm:mt-4"
|
|
alt="Profile picture of user c5668d02-1637-4902-a37c-0aa821a72d33"
|
|
src="https://example.org/pictures/3d20aed8-fc34-4e88-8cad-06df2df05a4f"
|
|
/>
|
|
<ol class="w-full h-72 overflow-hidden rounded-lg relative">
|
|
<li class="mt-6">This is item 94e842aa-6c6d-4f51-bb76-a6804baa2239</li>
|
|
<li class="hover:text-gray-800 font-medium text-gray-700 text-sm">
|
|
This is item 81a2c68a-121f-4920-b094-4d2d15088497
|
|
</li>
|
|
<li class="mt-4 flex">This is item 2e2f6fb0-2b1a-4e7b-81f2-b794048ba8a2</li>
|
|
<li class="inline-flex ml-3">This is item 9a97a474-1810-473b-a82b-5087bab50caf</li>
|
|
<li class="w-6 h-6">This is item 8bd97327-1c73-40e6-a89c-ac9d37465977</li>
|
|
</ol>
|
|
<ol class="grid-rows-1 grid-cols-1 grid flex-auto">
|
|
<li class="text-center text-sm mt-6">
|
|
This is item 735c0b3b-78e4-4c13-ae78-f5ef2300ddfd
|
|
</li>
|
|
<li class="overflow-hidden bg-gray-100 aspect-h-3 aspect-w-4 rounded-lg">
|
|
This is item 9dcb3726-dd4f-42f1-8c9d-c2c9741e2a73
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="truncate text-sm text-gray-500"
|
|
alt="Profile picture of user 7637a190-f800-4beb-b19a-87656323cd3e"
|
|
src="https://example.org/pictures/274fcf2e-5585-4765-a880-48af974f4f8d"
|
|
/>
|
|
</li>
|
|
<li class="-m-2 flex items-center p-2">
|
|
<img
|
|
class="text-sm hover:text-gray-800 text-gray-700 font-medium"
|
|
alt="Profile picture of user b1643d07-cf1d-438e-b73f-647d27bcf932"
|
|
src="https://example.org/pictures/34ce5237-e8ea-4776-8b66-20904bc04835"
|
|
/>
|
|
<ol class="text-sm mt-4">
|
|
<li class="p-2 ml-2 text-gray-400 hover:text-gray-500">
|
|
This is item 25f0879f-bf31-46db-b53c-eb74232db3f5
|
|
</li>
|
|
<li class="font-semibold text-gray-900 text-base mt-4">
|
|
This is item 17f449e1-6f2a-4368-990c-15a3a9ad3f39
|
|
</li>
|
|
<li class="text-gray-500 hover:text-gray-600">
|
|
This is item 27dae7da-7945-4a88-add4-42f817ee222f
|
|
</li>
|
|
<li class="items-center space-x-8 md:flex-1 lg:w-0 hidden md:flex justify-end">
|
|
This is item d33bdb83-cf66-4498-9b90-21cc5c2bc7e7
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="sm:px-0 px-4"
|
|
alt="Profile picture of user 7350cf77-f496-45ee-ac4f-dc33eb3595cc"
|
|
src="https://example.org/pictures/4e0b1bb8-3f12-4a9b-9e60-e9f5a9afad43"
|
|
/>
|
|
<ol
|
|
class="lg:row-start-1 lg:col-span-4 lg:col-start-9 md:row-start-2 mt-12 md:mt-0 md:col-start-3 md:col-span-8"
|
|
>
|
|
<li class="flex -m-2 p-2 items-center">
|
|
This is item 66c4c3c2-705a-4776-a97e-4f08f63e515c
|
|
</li>
|
|
<li class="font-medium text-sm text-gray-900">
|
|
This is item cbb365f6-0804-4ded-a0e7-bbf2562d3f1a
|
|
</li>
|
|
<li
|
|
class="focus:outline-none hover:bg-indigo-700 bg-indigo-600 border-transparent focus:ring-offset-gray-50 px-4 focus:ring-indigo-500 rounded-md py-2 shadow-sm text-white border font-medium focus:ring-offset-2 focus:ring-2 text-sm"
|
|
>
|
|
This is item 775b9d37-8870-4ce0-923a-38c5bfb88993
|
|
</li>
|
|
<li class="sr-only">This is item c387e84a-8f19-44a8-bb53-a781baa35210</li>
|
|
<li
|
|
class="hover:bg-gray-100 py-2 text-gray-900 h-14 bg-white focus:z-10 flex px-3 flex-col"
|
|
>
|
|
This is item 9a1792bf-b38a-4f41-8dfa-968e5220b9d9
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-400 w-5 h-5 flex-shrink-0">
|
|
<li class="space-y-6 mt-6">
|
|
<img
|
|
class="py-6 sm:py-10 flex"
|
|
alt="Profile picture of user 4f3a8e49-7cc2-4f9f-8a94-a25009638b9f"
|
|
src="https://example.org/pictures/40fb225e-4fe6-43e8-904c-6d08fcdeb4fa"
|
|
/>
|
|
<img
|
|
class="text-gray-500 hover:text-gray-900 font-medium text-base"
|
|
alt="Profile picture of user d9fb6e5a-cd03-4003-a149-8140796ee9bf"
|
|
src="https://example.org/pictures/c4b5925c-946d-487b-94fe-a037a9110b52"
|
|
/>
|
|
<ol class="text-gray-400 hover:text-gray-300">
|
|
<li
|
|
class="right-0 inset-y-0 items-center pr-2 justify-center pointer-events-none flex absolute"
|
|
>
|
|
This is item 2b148006-571a-43f3-a87e-f398423b42cf
|
|
</li>
|
|
<li
|
|
class="block border-warm-gray-300 py-3 shadow-sm px-4 focus:ring-teal-500 rounded-md text-warm-gray-900 w-full focus:border-teal-500"
|
|
>
|
|
This is item a2b81a41-159f-4086-9f6e-5af792bc8e54
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="rounded-md shadow">
|
|
<ul class="flex justify-center mx-auto items-center rounded-full w-7 h-7">
|
|
<li class="sr-only">This is item 6c399faf-bd81-4788-bb03-c879122d9a03</li>
|
|
<li
|
|
class="justify-between lg:px-8 flex sm:px-6 pb-2 pt-6 mx-auto relative px-4 max-w-7xl items-center"
|
|
>
|
|
This is item a2cb09c1-d688-4d19-b64b-0406ce9a977e
|
|
</li>
|
|
<li class="px-2 space-y-1">This is item 327262da-2318-47da-a01c-9a7a9b39c3df</li>
|
|
<li class="sr-only">This is item 6a9d7b12-81c5-44e6-9850-897611f3b1d7</li>
|
|
</ul>
|
|
<ol class="sr-only">
|
|
<li class="bg-gray-50 sm:pt-24 pt-16 lg:pt-32 relative">
|
|
This is item 8c1cebc7-e0b7-4a59-82ec-3e9a485f0014
|
|
</li>
|
|
<li class="text-gray-700 mt-2 text-sm">
|
|
This is item 925c353e-43ee-4c9d-a807-178da359cd3d
|
|
</li>
|
|
<li class="h-5 text-gray-500 w-5">
|
|
This is item 51a614e4-8bc9-4321-adb4-426493be8e97
|
|
</li>
|
|
<li class="text-base">This is item 01f2703f-993c-43a9-baa4-a62ea6c255bc</li>
|
|
<li class="pt-10 border-t mt-10 border-gray-200">
|
|
This is item d5fc5b60-7a42-4cfd-89af-056ad9415b31
|
|
</li>
|
|
</ol>
|
|
<ol class="border-b border-gray-200 items-center flex">
|
|
<li class="flex space-x-3 md:ml-4 mt-6 md:mt-0">
|
|
This is item 26813eaf-72b4-49bc-9fab-fe31aa0df40a
|
|
</li>
|
|
<li class="ml-4 flex lg:ml-0">This is item 1530041b-7bb9-4e4d-bd29-19ea220902a1</li>
|
|
<li class="max-w-7xl sm:px-6 py-16 lg:px-8 w-full mx-auto px-4">
|
|
This is item 2c3d66ac-17f5-4821-9760-29c0be5cfa8a
|
|
</li>
|
|
<li class="text-sm mt-2 text-gray-600">
|
|
This is item 4d412085-2638-468e-8d66-1a553d31e3a5
|
|
</li>
|
|
</ol>
|
|
<ol class="lg:py-24 py-12">
|
|
<li class="items-center flex">This is item 92c5f7b4-c7ad-4513-a5a0-f2c5ff3ac457</li>
|
|
<li class="mt-2 text-indigo-600">
|
|
This is item 4898ead1-2b96-4e4b-8a2f-cb83d31a43e1
|
|
</li>
|
|
<li class="sr-only">This is item f70674f8-9b36-4a38-bc26-0cc02dcd45ce</li>
|
|
<li class="mt-4 text-gray-500">
|
|
This is item e1c7abfc-67fd-4408-b877-8e1580ed8976
|
|
</li>
|
|
<li
|
|
class="absolute block bg-red-400 ring-white w-3.5 bottom-0 ring-2 h-3.5 rounded-full right-0"
|
|
>
|
|
This is item f6c30e2f-c53e-4840-b006-2fc76e9d0c34
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="rounded-full mx-auto flex w-7 h-7 justify-center items-center">
|
|
<img
|
|
class="text-base hover:bg-opacity-75 hover:bg-indigo-500 py-2 rounded-md px-3 text-white block font-medium"
|
|
alt="Profile picture of user 0c075f82-19c6-42fb-a080-e7ce5bed8ede"
|
|
src="https://example.org/pictures/1f944610-a16e-49fb-ae18-34d8dda58d62"
|
|
/>
|
|
<ol class="text-gray-500 text-sm">
|
|
<li class="lg:hidden">This is item 42a87309-a825-4326-b7f6-e89e9b70fa5a</li>
|
|
<li class="text-sm text-gray-900 font-medium">
|
|
This is item 30ac2a21-8c95-45a9-bb63-1e9fa9daf5f4
|
|
</li>
|
|
<li class="text-indigo-600 font-medium hover:text-indigo-500">
|
|
This is item c6d5348e-4cb0-451d-a493-d63ecbf4f39e
|
|
</li>
|
|
<li class="text-gray-500 hover:text-gray-700">
|
|
This is item 655b34f9-f59d-4cd4-ae5b-a4084791f4e0
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="font-medium pr-3 sm:max-w-none w-full max-w-0 text-sm py-4 text-gray-900 sm:pl-6 sm:w-auto pl-4"
|
|
>
|
|
<ol class="p-8 flex justify-center bg-gray-100">
|
|
<li class="border-dashed rounded-lg border-gray-200 h-full border-2">
|
|
This is item bb98f70a-6aa6-4fbf-b184-06d19c3470dd
|
|
</li>
|
|
<li class="divide-y border-b divide-gray-200 border-t border-gray-200">
|
|
This is item a5173bdb-8cda-4c1e-a85f-ddc586dcd30b
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-gray-900">
|
|
<ul class="sm:items-center sm:flex">
|
|
<li class="font-medium text-sm text-gray-900">
|
|
This is item 34ac7fe7-5ffa-4573-91c6-d4916bc65d40
|
|
</li>
|
|
<li class="items-center flex">This is item 46b3ac05-a930-4db8-8498-1757a76dae30</li>
|
|
<li class="p-4 bg-white text-sm bg-opacity-60">
|
|
This is item 8bc8bab3-fb2f-4225-9317-0ca6748d6ae0
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="flex xl:col-span-1 items-center"
|
|
alt="Profile picture of user 3fc9e3a3-39ff-435c-b90d-088afad2273b"
|
|
src="https://example.org/pictures/1ac5d03c-6494-4452-b830-71ff695b25a5"
|
|
/>
|
|
<ol class="w-full max-w-lg mx-auto">
|
|
<li class="text-gray-900">This is item 3085a74b-96fe-45c5-a362-884db0b86f42</li>
|
|
<li class="sr-only">This is item 42577904-fbde-461e-98f7-df2784261fff</li>
|
|
<li class="mt-10 sm:mt-0">This is item 01415b67-ac34-434b-b081-0a4cbf445def</li>
|
|
<li class="px-3 text-sm lg:table-cell text-gray-500 py-3.5 hidden">
|
|
This is item f7e6b828-4688-4751-8b7c-6b4d489845b0
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="inline-flex text-white focus:outline-none focus:ring-2 rounded-md hover:bg-gray-700 focus:ring-offset-gray-800 border focus:ring-offset-2 items-center px-4 border-transparent font-medium focus:ring-indigo-500 text-sm bg-gray-600 shadow-sm py-2"
|
|
>
|
|
This is link ce083d41-7056-45ee-9207-70d86af9511b
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<a href="#" rel="noreferrer" class="h-6 w-6">
|
|
This is link a2b9e344-dfc4-40f0-bdc4-377481044a79
|
|
</a>
|
|
<ul class="py-6 flex">
|
|
<li class="text-gray-400 rounded-md justify-center -m-2 items-center p-2 inline-flex">
|
|
<ul class="flex-shrink-0">
|
|
<li class="sm:flex-shrink-0 sm:mt-0 mt-3 sm:ml-4">
|
|
This is item 3868cbfb-5a22-4954-bddb-979470bfba8e
|
|
</li>
|
|
<li class="items-center flex flex-shrink-0">
|
|
This is item ac403ec8-6f36-49f3-a7cb-ff5416895102
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="py-3.5 lg:pr-8 relative sm:pr-6 pr-4 pl-3">
|
|
<a href="#" target="_blank" class="text-gray-900">
|
|
This is link 43c39260-c4b0-4a6f-b411-8e16919912db
|
|
</a>
|
|
<ol class="relative">
|
|
<li class="text-gray-500 text-sm">
|
|
This is item ce8859dc-7e73-4cd8-a90f-b50b8c1c061d
|
|
</li>
|
|
<li class="object-cover shadow-lg rounded-lg object-center">
|
|
This is item fc073569-cef6-455f-99d5-f541c04d4197
|
|
</li>
|
|
<li class="sr-only">This is item 2e53456e-2eab-4d76-a631-a380921ac11a</li>
|
|
<li class="mt-2">This is item dc789b58-943d-4fb5-8990-ea9786519113</li>
|
|
</ol>
|
|
<img
|
|
class="font-medium text-xs flex-shrink-0 leading-5"
|
|
alt="Profile picture of user 844a82e9-f5d7-4627-909e-0f87dceaf60a"
|
|
src="https://example.org/pictures/37c0569c-8125-428a-8003-8a86e01a8a05"
|
|
/>
|
|
</li>
|
|
<li class="text-sm">
|
|
<img
|
|
class="text-gray-900 text-base font-medium"
|
|
alt="Profile picture of user 0c676a97-c3ec-404d-bf86-7b6fe525d047"
|
|
src="https://example.org/pictures/ccf1bd6c-8c5d-44e8-979d-085e557aaa3a"
|
|
/>
|
|
</li>
|
|
<li class="text-indigo-600 block text-sm hover:text-indigo-500 font-semibold">
|
|
<a href="#" class="mt-6"> This is link a13ea5ea-38aa-4c50-86d5-78fc5337a42f </a>
|
|
<a href="#" class="py-6 border-gray-200 border-t px-4 space-y-6">
|
|
This is link 0aefd628-045e-4d43-912e-7a21aabcf4be
|
|
</a>
|
|
<img
|
|
class="text-indigo-600 block"
|
|
alt="Profile picture of user 7df9347d-6aa2-478c-a28a-410480bbbe03"
|
|
src="https://example.org/pictures/13c7d0a0-5722-430e-9ba6-0c6b7561efd1"
|
|
/>
|
|
<ol class="text-gray-900">
|
|
<li class="flex-shrink-0 w-6 h-6 text-indigo-200">
|
|
This is item 01ad49b5-3cd3-4874-b102-3da075c6247d
|
|
</li>
|
|
<li
|
|
class="bg-white group-hover:opacity-100 bg-opacity-75 opacity-0 text-gray-900 relative py-2 rounded-md z-10 focus:opacity-100 px-4 w-full text-sm"
|
|
>
|
|
This is item 8590b441-8107-4e4a-a9a6-b4486815487b
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="bg-gray-200 divide-gray-200 shadow sm:grid divide-y overflow-hidden sm:gap-px sm:grid-cols-2 sm:divide-y-0 rounded-lg"
|
|
>
|
|
This is link e04c0136-244e-4027-a4ba-127f6c1c2121
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="px-5 flex items-center">
|
|
<li class="mt-16">
|
|
<img
|
|
class="bg-gray-100 min-h-[640px]"
|
|
alt="Profile picture of user fcd0f040-2c3a-4f5c-acd6-bf764d423d65"
|
|
src="https://example.org/pictures/2023a675-2ce2-47dc-b3bd-62de7a4d8052"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="rounded-md block font-medium px-3 text-base py-2"
|
|
>
|
|
This is link 80fa6b7d-44b4-472f-8de1-34ad345c06f2
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="font-medium text-gray-900 mt-1 text-sm">
|
|
This is link eeb92aff-b55d-4515-b229-1a91c8a2c43b
|
|
</a>
|
|
<ul class="lg:items-center lg:flex-1 lg:justify-end lg:space-x-6 hidden lg:flex">
|
|
<li class="block flex-shrink-0 group">
|
|
<img
|
|
class="flex w-7 h-7 items-center rounded-full mx-auto justify-center"
|
|
alt="Profile picture of user cdb258ef-f913-4c02-85a0-5882f8ce076b"
|
|
src="https://example.org/pictures/83db48d1-6f24-4d6d-8df6-c42e0a61f145"
|
|
/>
|
|
<a href="#" target="_blank" class="w-full">
|
|
This is link c9fa7b80-8afb-451e-a9e1-85ca61964f96
|
|
</a>
|
|
<img
|
|
class="text-gray-400 hover:text-gray-300"
|
|
alt="Profile picture of user a5400d6b-a20d-4bb9-ab32-158f1f4566cb"
|
|
src="https://example.org/pictures/c36d0ecd-baca-4ff2-9e47-e3151af0ea8a"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="text-gray-900 hover:bg-gray-100 px-3 flex-col py-2 h-14 bg-white focus:z-10 flex"
|
|
>
|
|
<ol
|
|
class="justify-center p-0.5 -m-0.5 items-center focus:outline-none relative rounded-full cursor-pointer flex"
|
|
>
|
|
<li class="sm:col-span-6">This is item 173079ed-ac2c-448a-a9a5-4603db6040b7</li>
|
|
<li class="sm:mt-4 sm:space-y-4 space-y-6 mt-6">
|
|
This is item 8c6f3c2d-b194-4a91-87df-7b324586ad99
|
|
</li>
|
|
<li class="gap-6 grid-cols-6 grid">
|
|
This is item 64cd1282-cac3-46c8-8c00-5164e974f26d
|
|
</li>
|
|
<li class="p-6 bg-white">This is item 29202220-17b1-4c55-94d4-239d425a833d</li>
|
|
<li
|
|
class="w-full focus:ring-0 block focus:border-transparent sm:text-sm pl-12 border-transparent placeholder-gray-500"
|
|
>
|
|
This is item 3a701ad0-0cf7-408e-894d-17c7d7d1140a
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="space-y-4">
|
|
<img
|
|
class="flex justify-between font-medium text-gray-900 text-base"
|
|
alt="Profile picture of user 92c599da-97c2-4453-aa75-911685fe9999"
|
|
src="https://example.org/pictures/ea1fa1b9-8f65-4c84-b037-fc527c1f98a7"
|
|
/>
|
|
<a href="#" target="_blank" class="h-6 w-6">
|
|
This is link 42238130-1323-489d-b725-37042af114e1
|
|
</a>
|
|
</li>
|
|
<li class="border-gray-200 py-6 px-4 border-t">
|
|
<ul class="col-span-6">
|
|
<li
|
|
class="mt-1 block rounded-md text-base hover:bg-indigo-600 px-3 py-2 font-medium hover:text-indigo-100 text-indigo-200"
|
|
>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 1b49cd95-919a-495a-90b3-1eab7872ab6f
|
|
</a>
|
|
</li>
|
|
<li class="bg-gray-100 min-h-[730px]">
|
|
<ol class="justify-end flex-1 flex items-center">
|
|
<li class="mt-5 border-gray-200 border-t">
|
|
This is item dbd25028-ba1d-4f97-9289-1b353e3b112c
|
|
</li>
|
|
<li class="text-gray-500 mt-3 max-w-3xl text-lg">
|
|
This is item bddfd5f1-4fd5-468f-a620-9cce4a0005f0
|
|
</li>
|
|
<li class="space-y-6 mt-6">This is item f0caa90d-d7c8-4232-a9d4-800b231efe90</li>
|
|
<li class="flex justify-between h-16">
|
|
This is item ea646b56-9ea5-4128-8200-cdfe8be637bf
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="md:gap-8 md:grid-cols-2 md:grid">
|
|
This is link dd8f1761-2e80-4ab1-82fd-15059cc4eade
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="grid gap-8 xl:col-span-2 mt-12 grid-cols-2 xl:mt-0">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-xl sm:pr-12 text-gray-900 font-medium"
|
|
>
|
|
This is link 4ac2eb00-4b59-4f7c-b5bd-1452b1d544dc
|
|
</a>
|
|
<img
|
|
class="text-white hover:text-gray-100 text-sm font-medium"
|
|
alt="Profile picture of user f5d6fcef-5389-44d5-8938-6d6dba461093"
|
|
src="https://example.org/pictures/c901c714-69e8-437a-b597-d37d894f3831"
|
|
/>
|
|
</li>
|
|
<li class="text-green-800 font-medium text-sm">
|
|
<ul
|
|
class="pl-7 focus:border-indigo-500 sm:text-sm rounded-md w-full block focus:ring-indigo-500 pr-12 border-gray-300"
|
|
>
|
|
<li class="min-w-full divide-gray-300 divide-y">
|
|
<img
|
|
class="justify-between flex items-center"
|
|
alt="Profile picture of user 32100a0f-9e14-4ea4-8050-821811ecf19b"
|
|
src="https://example.org/pictures/503e47ac-0b38-4a26-953b-aaa073d0eb39"
|
|
/>
|
|
</li>
|
|
<li class="h-5 w-auto">
|
|
<a href="#" target="_blank" class="text-gray-500">
|
|
This is link a39fdcbb-63c3-4065-baa3-3492053df7c0
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="sm:flex-wrap flex-col sm:mt-0 flex mt-1 sm:space-x-6 sm:flex-row"
|
|
>
|
|
This is link 875d8642-89fd-463c-beeb-2001f7ed8ffc
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="space-x-6 items-center flex">
|
|
This is link 1e451de3-c64e-4625-b107-20b856e940ca
|
|
</a>
|
|
<img
|
|
class="flex h-7 justify-center mx-auto items-center w-7 rounded-full"
|
|
alt="Profile picture of user 91f5bb45-b729-4a4c-a088-9a37a5539173"
|
|
src="https://example.org/pictures/13a48174-8298-409f-880b-cc5e623a5207"
|
|
/>
|
|
</li>
|
|
<li class="space-y-6 mt-6">
|
|
<img
|
|
class="text-sm grid-cols-7 mt-2 grid"
|
|
alt="Profile picture of user 3599d98f-e00f-4442-9388-f4f68b3a7c99"
|
|
src="https://example.org/pictures/2551e2f6-ec77-498b-a915-4f0d6437024e"
|
|
/>
|
|
<img
|
|
class="text-right text-sm px-6 text-gray-500 py-4 whitespace-nowrap"
|
|
alt="Profile picture of user 2ec0ac15-ed5b-4617-8c84-4a66f7a77723"
|
|
src="https://example.org/pictures/c0c06c88-54e3-41b3-91da-51287f840c65"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="flex-col flex flex-auto">
|
|
This is link b8f54435-8b65-468c-8a2c-82626d5f1ee5
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500">
|
|
<ul class="absolute inset-0 flex-col flex">
|
|
<li class="sm:pr-6 pr-4 py-4 pl-3 lg:pr-8 font-medium text-right text-sm">
|
|
This is item 2bd7835e-9196-4968-a27c-853fa4323975
|
|
</li>
|
|
<li
|
|
class="sm:rounded-lg lg:aspect-w-3 lg:aspect-h-4 aspect-h-5 aspect-w-4 sm:overflow-hidden"
|
|
>
|
|
This is item 8b0fa54f-32cf-47e0-ac2a-1cd769821291
|
|
</li>
|
|
<li class="sr-only">This is item 0197a154-be0a-4701-b764-d72b4f592f74</li>
|
|
<li class="border-t mt-12 border-gray-200 pt-8">
|
|
This is item 93dfed5e-e053-43a1-9664-cbaf14fd80df
|
|
</li>
|
|
</ul>
|
|
<ol class="sr-only">
|
|
<li class="md:mt-0 mt-12">This is item f63f5fe1-8c90-472e-89e7-75377c8c547a</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item 841965f3-169d-4c07-a1e3-3c0047f4cf62
|
|
</li>
|
|
<li class="max-w-lg lg:max-w-none mx-auto">
|
|
This is item 4868535c-9b12-49fc-b440-dbc60a9582c0
|
|
</li>
|
|
</ol>
|
|
<ol class="block text-gray-700 font-medium text-sm">
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
This is item 35aaab85-9867-49a9-afb5-f40472db8eea
|
|
</li>
|
|
<li class="lg:self-stretch hidden lg:ml-8 lg:block">
|
|
This is item 7fcf38d9-3a4f-4a7f-8baa-a8af0337d7da
|
|
</li>
|
|
</ol>
|
|
<ol class="text-indigo-600">
|
|
<li class="w-full border-gray-200 border-t">
|
|
This is item ff0053d4-19df-4b9e-98a9-407a3ddd8e2b
|
|
</li>
|
|
<li class="text-gray-400 h-5 w-5 mx-auto">
|
|
This is item 7923e012-d2aa-48c3-8463-20f994e6faaa
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-white">
|
|
<ol class="relative mt-1.5">
|
|
<li class="bg-white border-b border-gray-200 flex-shrink-0">
|
|
This is item 91745cce-1f71-45be-8fbe-110d1c416166
|
|
</li>
|
|
<li class="sm:mt-0 mt-2">This is item 1afbde96-2a19-478f-929b-ceec12f6ed00</li>
|
|
</ol>
|
|
<ol class="mx-auto h-12 text-gray-400 w-12">
|
|
<li class="z-10 relative">This is item 9d25ad19-1055-4e20-aac6-2aaebf6fa5ef</li>
|
|
<li class="mt-3 px-2 space-y-1">
|
|
This is item 05eba93a-c4cd-4d6a-a9bc-5e8124e1e65f
|
|
</li>
|
|
<li class="ml-3 items-center h-7 flex">
|
|
This is item 4c81fdb6-ccda-4267-8b21-34761ae0aff2
|
|
</li>
|
|
<li class="max-w-md w-full mx-auto">
|
|
This is item 153356f2-1762-41ea-bc3f-b0af2f620b47
|
|
</li>
|
|
</ol>
|
|
<ul
|
|
class="rounded-md lg:aspect-none bg-gray-200 aspect-h-1 lg:h-80 aspect-w-1 group-hover:opacity-75 overflow-hidden min-h-80 w-full"
|
|
>
|
|
<li class="-ml-px bg-indigo-600 absolute mt-0.5 left-4 w-0.5 top-4 h-full">
|
|
This is item 750a24db-af5b-4db2-abf3-c64ed4d3ae33
|
|
</li>
|
|
<li class="text-white tracking-tight sm:text-5xl lg:text-6xl text-4xl font-bold">
|
|
This is item 69679321-f30b-4ba9-9a75-889109dce138
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="mt-2 divide-gray-200 divide-y border-b border-gray-200 border-t">
|
|
<li
|
|
class="border shadow-sm mt-1 sm:text-sm py-2 focus:outline-none focus:border-indigo-500 px-3 rounded-md w-full focus:ring-indigo-500 border-gray-300 block"
|
|
>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 500d75e1-a7f2-403f-8064-1247c3f35612"
|
|
src="https://example.org/pictures/9fbd4d6c-dbd6-4b09-9dbb-10ca2d29af77"
|
|
/>
|
|
<a href="#" class="lg:px-8 sm:px-6 px-4 py-12">
|
|
This is link 781700fb-ce85-4c50-b88b-d043d368a91c
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-900 mt-1 sm:mt-0 text-sm sm:col-span-2">
|
|
<img
|
|
class="font-medium text-gray-500 text-sm"
|
|
alt="Profile picture of user c8447bc7-15a6-4b2d-b90a-d16fe2dc4321"
|
|
src="https://example.org/pictures/d91bdd9e-def6-458e-b365-002a47cfb90f"
|
|
/>
|
|
<ul class="object-center object-cover">
|
|
<li
|
|
class="font-medium focus:outline-none border-transparent px-4 rounded-md py-2 items-center focus:ring-offset-2 text-white focus:ring-2 text-base hover:bg-indigo-700 flex justify-center border w-full bg-indigo-600 shadow-sm focus:ring-indigo-500"
|
|
>
|
|
This is item f09d275a-d1fe-4f33-b299-1e07b0f92c03
|
|
</li>
|
|
<li class="relative inline-block">
|
|
This is item a8a9becf-0752-4dd3-ba32-ddca0080d207
|
|
</li>
|
|
<li class="space-y-1 flex-auto">
|
|
This is item a4cdbbaf-bc9c-4032-9631-9a09917abdbc
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="text-gray-400 -ml-14 left-0 pr-2 sticky leading-5 z-20 text-xs text-right -mt-2.5 w-14"
|
|
>
|
|
<a href="#" rel="noreferrer" class="justify-end items-center flex flex-1">
|
|
This is link 438b9e97-8c98-4443-bb98-4b6281a968b9
|
|
</a>
|
|
<ul class="z-40 sm:hidden relative">
|
|
<li class="mt-8">This is item 1bbc2b6d-6ab1-44a3-9190-d28f5a39f0bc</li>
|
|
<li class="lg:flex-1 hidden lg:items-center lg:flex lg:justify-end lg:space-x-6">
|
|
This is item 260c9989-c02d-4611-b411-46e4fcdc08e8
|
|
</li>
|
|
<li class="sm:space-y-4 mt-6 space-y-6 sm:mt-4">
|
|
This is item 5fbf2e32-e1fc-4e1d-88ed-e4233cc8243e
|
|
</li>
|
|
<li class="mt-4 sm:max-w-md sm:flex">
|
|
This is item 50acb19a-0d10-47ca-8924-559d55e3ad3d
|
|
</li>
|
|
<li class="h-7 items-center flex">
|
|
This is item 1813fb9b-89ee-46ac-a785-ff5e8192865a
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<ol class="sm:ml-6 border-l pl-4 sm:pl-6 border-gray-200 ml-4">
|
|
<li class="object-cover h-full object-center w-full">
|
|
<ul class="relative justify-between mx-auto sm:px-6 px-4 flex max-w-7xl items-center">
|
|
<li class="hidden sm:inline">
|
|
<img
|
|
class="text-indigo-600 border-gray-300 h-4 focus:ring-indigo-500 w-4 rounded"
|
|
alt="Profile picture of user 41100214-029c-4263-81ad-056edd40700a"
|
|
src="https://example.org/pictures/e9f6e078-8e14-46b9-8880-113214cf25bf"
|
|
/>
|
|
<ol class="inset-y-0 pointer-events-none fixed max-w-full pl-10 right-0 flex">
|
|
<li class="sr-only">This is item 2673bfb6-ff20-4698-ade5-f0390ddeb2e1</li>
|
|
<li class="text-sm font-medium block text-gray-700">
|
|
This is item 8b3e8691-2e43-4d0c-bdce-ac7d3ef1ffe9
|
|
</li>
|
|
</ol>
|
|
<ul class="text-gray-500 text-base font-medium">
|
|
<li class="w-6 h-6 text-white">
|
|
This is item d0c2a0f9-f2d1-4aad-b611-f67871e35645
|
|
</li>
|
|
<li class="flex items-center flex-1 justify-end">
|
|
This is item deda0ab6-e9e6-4c45-8fa8-824bcff87a97
|
|
</li>
|
|
<li class="h-6 w-6">This is item fd432851-f7bc-45aa-b1b8-d997e9731f0a</li>
|
|
<li class="grid-cols-1 gap-y-6 grid">
|
|
This is item ab3123b6-a19c-4c75-98bf-d6e051f4a0ff
|
|
</li>
|
|
<li class="min-h-[768px] bg-gray-50 h-0">
|
|
This is item c2477702-7c31-4f24-b31b-a4d5a304a64f
|
|
</li>
|
|
</ul>
|
|
<ul
|
|
class="left-0 z-20 pr-2 text-xs -ml-14 text-gray-400 w-14 text-right -mt-2.5 leading-5 sticky"
|
|
>
|
|
<li class="border-gray-200 pt-8 mt-12 border-t">
|
|
This is item 69902f0c-ccc4-452f-86e2-320869e1faa8
|
|
</li>
|
|
<li
|
|
class="block border px-3 rounded-md shadow-sm w-full focus:border-indigo-500 sm:text-sm focus:ring-indigo-500 focus:outline-none border-gray-300 py-2 mt-1"
|
|
>
|
|
This is item 577eab1a-cb18-4966-97a9-fc33a3db7c7d
|
|
</li>
|
|
<li class="flex lg:ml-6">This is item 1b397d28-3ea8-4272-819f-11f96404956d</li>
|
|
</ul>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul class="items-center flex text-gray-500 text-sm mt-2">
|
|
<li class="border-t border-gray-200 bg-white">
|
|
This is item 9a0da54f-4a48-48ad-a939-78025b6f09f1
|
|
</li>
|
|
<li class="bg-white hover:bg-gray-100 focus:z-10 py-1.5">
|
|
This is item 0738c3b2-1f66-4263-9d3a-78bebc620999
|
|
</li>
|
|
<li class="overflow-hidden inset-0 absolute">
|
|
This is item 1b6ab678-6bfd-4979-a7d9-b3b4ce373c12
|
|
</li>
|
|
<li class="h-8 rounded-full w-8">
|
|
This is item 28e0290e-1539-4729-b962-29090cd336c7
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="flex items-center"
|
|
alt="Profile picture of user 93b9dd48-32a0-4b72-ab50-30bbb237421f"
|
|
src="https://example.org/pictures/82b82850-9a0b-4021-8108-09c02321b231"
|
|
/>
|
|
<img
|
|
class="text-blue-gray-900 font-medium text-sm block"
|
|
alt="Profile picture of user 0ab849df-d64e-4c04-96d1-200ffe8e0e3e"
|
|
src="https://example.org/pictures/e5e73a02-5fee-4160-9ff6-254917d00ae6"
|
|
/>
|
|
</li>
|
|
<li class="px-2 mt-3 space-y-1">
|
|
<ul class="border-t border-gray-200 bg-white">
|
|
<li class="max-w-7xl py-12 sm:px-6 lg:px-8 mx-auto">
|
|
This is item 540ef5f5-527d-47eb-ba92-20d3b22735a9
|
|
</li>
|
|
<li class="lg:grid-cols-2 lg:items-start lg:gap-8 lg:grid">
|
|
This is item fba88539-e4f0-4dae-a8f0-223422b3d877
|
|
</li>
|
|
<li class="border-t w-full border-gray-300">
|
|
This is item c5c542ac-9682-4dad-bf8d-ccb6afb7d3a4
|
|
</li>
|
|
<li class="md:justify-between md:flex mt-2 md:items-center">
|
|
This is item 4f277638-8823-4dfd-8973-7c2ada6c2da7
|
|
</li>
|
|
<li class="bg-gray-50">This is item 61d1655b-7e5a-4737-ae8b-82885cfbee1f</li>
|
|
</ul>
|
|
<ol class="mt-2 text-gray-500 text-base">
|
|
<li class="text-base whitespace-nowrap py-4 px-1 flex-1 border-b-2 font-medium">
|
|
This is item 6122fd26-aff6-46a8-87e1-cde523fed879
|
|
</li>
|
|
<li class="text-gray-700 font-medium">
|
|
This is item b038b53e-8195-40d7-b842-227d181ebd0c
|
|
</li>
|
|
</ol>
|
|
<ul class="md:text-center pl-1 text-sm ml-6 md:pl-0 md:ml-0">
|
|
<li class="-ml-14 text-gray-400 text-xs w-14 leading-5 text-right -mt-2.5 pr-2">
|
|
This is item 62aa7562-8d4d-49a6-8e14-b6418d6ec476
|
|
</li>
|
|
<li class="px-2 flex items-center lg:px-0">
|
|
This is item dc2ac1e2-76e7-491d-9fb4-b7c3f6f59164
|
|
</li>
|
|
<li class="md:-mt-px md:flex hidden">
|
|
This is item 28fbe577-7c7a-41a7-8af3-e84fa41a3030
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="lg:items-center lg:ml-4 hidden lg:flex">
|
|
<a href="#" target="_blank" class="block">
|
|
This is link 17b2e271-9e8c-4592-9348-74b6143519e3
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="pt-6"> This is link 16c86736-f23a-4a60-ba6e-64f425c3c506 </a>
|
|
<ul class="-mr-2">
|
|
<li class="bg-white sm:rounded-lg sm:shadow overflow-hidden">
|
|
<img
|
|
class="mt-6"
|
|
alt="Profile picture of user c941dbe5-33ba-4abe-87d2-2e614673f104"
|
|
src="https://example.org/pictures/26843e1b-f14b-465c-b6af-e37af2869ed7"
|
|
/>
|
|
<img
|
|
class="w-auto h-8"
|
|
alt="Profile picture of user 52c8f9a3-9409-4925-836b-c41f4fc20769"
|
|
src="https://example.org/pictures/98dba2ff-8162-41ab-8c84-fb4143186078"
|
|
/>
|
|
</li>
|
|
<li class="mt-6">
|
|
<img
|
|
class="bg-gray-500 transition-opacity bg-opacity-75 fixed md:block hidden inset-0"
|
|
alt="Profile picture of user 24e1d3e6-6a82-4370-96b9-18e7c97a76c2"
|
|
src="https://example.org/pictures/2dbba26e-0ea8-4460-a89f-d898ec696619"
|
|
/>
|
|
<ol class="text-gray-600 sm:mt-0 mt-1 text-sm sm:ml-3 whitespace-nowrap">
|
|
<li class="font-medium text-warm-gray-700 text-base">
|
|
This is item 59cd0911-069d-48b2-a83e-329a268bc49c
|
|
</li>
|
|
<li
|
|
class="md:absolute md:justify-end md:items-center hidden md:right-0 md:inset-y-0 md:flex"
|
|
>
|
|
This is item 1cf7bc6d-cdcf-49da-b226-61290406e70e
|
|
</li>
|
|
<li
|
|
class="bg-white overflow-y-auto flex w-full h-full shadow-xl max-w-xs relative flex-col ml-auto py-4 pb-6"
|
|
>
|
|
This is item 86163d82-1dda-47fb-b2a1-9e8d883ebaa9
|
|
</li>
|
|
<li class="relative">This is item c6b674ce-1187-488b-9f19-2370ae953279</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="bg-green-100 px-2 rounded py-0.5 font-medium inline-flex items-center text-green-800 text-xs"
|
|
>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-gray-400 p-2 hover:text-gray-500 ml-2"
|
|
>
|
|
This is link ff14d219-764d-401d-b616-18436166913b
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="flex-col flex mx-auto text-center relative max-w-3xl items-center"
|
|
>
|
|
This is link 7ba63a08-9792-4819-a522-2dded1164f46
|
|
</a>
|
|
<ul
|
|
class="bg-white border-b hover:text-gray-900 px-3.5 focus:relative hidden text-sm hover:bg-gray-50 border-t border-gray-300 text-gray-700 font-medium md:block"
|
|
>
|
|
<li class="font-medium text-gray-900">
|
|
This is item 6979c18d-15f7-4aab-a5c1-973b2041f0bd
|
|
</li>
|
|
<li class="min-w-0 bg-white xl:flex flex-1">
|
|
This is item 27320198-29ff-4026-9cf8-3455d016cf59
|
|
</li>
|
|
</ul>
|
|
<ol class="rounded-full items-center flex justify-center w-7 h-7 mx-auto">
|
|
<li class="sr-only">This is item 46d3defe-31b6-4f53-9ba0-8a195eec5d12</li>
|
|
<li class="text-gray-200">This is item de391e81-482e-4acd-a8db-1ac5e322de6d</li>
|
|
<li class="w-5 h-5">This is item 5b803026-27db-4f33-9dbd-c138a60678bd</li>
|
|
<li class="grid-cols-1 max-w-7xl grid lg:grid-cols-2 mx-auto relative">
|
|
This is item a270e7c3-332e-41fc-b178-e1fc57066f2f
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm text-gray-500 font-medium">
|
|
<ul
|
|
class="bg-red-100 sm:h-10 h-12 justify-center flex items-center sm:mx-0 flex-shrink-0 mx-auto rounded-full sm:w-10 w-12"
|
|
>
|
|
<li
|
|
class="items-center flex w-10 border-2 justify-center flex-shrink-0 rounded-full border-indigo-600 h-10"
|
|
>
|
|
This is item b595a285-9929-49fd-9dbb-1cfb72557048
|
|
</li>
|
|
<li class="h-6 w-6">This is item 7aa961a1-9509-4eff-8841-abf3868c5871</li>
|
|
<li class="cursor-default select-none py-2 px-4">
|
|
This is item 7571b4c7-8101-4955-92c1-c5460c8d1d42
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="mt-1 text-sm text-gray-500"
|
|
alt="Profile picture of user 850afeef-3f60-436b-be2f-f7adb40a8155"
|
|
src="https://example.org/pictures/3ded983e-4cbf-4bf4-94a4-b26c972dea75"
|
|
/>
|
|
<ul class="text-sm pl-7">
|
|
<li
|
|
class="max-w-7xl lg:px-8 px-4 mx-auto sm:space-y-0 sm:px-6 py-5 sm:flex sm:space-x-10 space-y-6"
|
|
>
|
|
This is item 44967160-a355-4f5c-a862-013a5c1ec043
|
|
</li>
|
|
<li class="h-7 flex justify-center w-7 items-center rounded-full mx-auto">
|
|
This is item 459c7c2d-704c-43d7-badb-420a9d727faa
|
|
</li>
|
|
<li class="px-2 space-y-1">This is item b638583b-84f5-493b-841a-02fff6d873dc</li>
|
|
<li class="mt-8">This is item 4774b763-4ec2-4b50-a6c9-5a5fc76861d3</li>
|
|
<li class="flex py-6 items-start space-x-4">
|
|
This is item 6f8b439b-154e-473f-b6b1-cb25959a7204
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="bottom-0 text-sm font-medium flex-col-reverse text-gray-900 lg:hidden inset-x-0 flex fixed"
|
|
>
|
|
<ol class="flex relative">
|
|
<li class="bg-gradient-to-t from-white via-white absolute inset-0">
|
|
<ol class="w-6 h-6">
|
|
<li class="mx-auto max-w-xs w-full">
|
|
This is item 57adad31-dd90-4acb-9df1-bc15271de09e
|
|
</li>
|
|
<li class="max-w-4xl mx-auto">This is item 83a64aab-ac27-4730-b120-eb7acd076cb7</li>
|
|
</ol>
|
|
<ol
|
|
class="bg-gray-50 sm:text-sm items-center border-gray-300 border-r-0 text-gray-500 px-3 inline-flex border rounded-l-md"
|
|
>
|
|
<li class="sr-only">This is item 9c3f4a22-1e5e-46a5-bfaa-e3758ca1c817</li>
|
|
<li class="sr-only">This is item 8ed22468-5ce7-4378-8db1-d045aa32844a</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sm:block font-semibold text-indigo-600 text-sm hidden hover:text-indigo-500">
|
|
<ul class="relative flex sm:col-start-3 mt-px">
|
|
<li class="h-6 w-6">This is item 9cb59109-1835-475f-ac7a-b9b8fd5c85e4</li>
|
|
<li
|
|
class="focus-within:ring-1 focus-within:border-indigo-600 shadow-sm border rounded-md focus-within:ring-indigo-600 py-2 border-gray-300 px-3"
|
|
>
|
|
This is item 075bee15-70cb-4fc0-a47f-18cc8d15708d
|
|
</li>
|
|
<li class="sr-only">This is item 7e342ccd-df87-4fd0-849f-2a10a4ad628b</li>
|
|
<li class="xl:gap-8 xl:grid-cols-3 xl:grid">
|
|
This is item 177e6113-dc31-493b-bae6-99b483b46ecd
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="text-sm block ml-2 text-gray-900">
|
|
This is link 64d4b6d9-87f5-478f-9b04-8a197d636151
|
|
</a>
|
|
<img
|
|
class="flex pt-4 justify-between items-center"
|
|
alt="Profile picture of user d7ec6d86-7857-4721-82f6-2381fcdd22e0"
|
|
src="https://example.org/pictures/fd9d49a2-2bed-4ab6-a3f1-14396dea0581"
|
|
/>
|
|
<img
|
|
class="justify-center lg:col-span-1 col-span-1 md:col-span-2 flex"
|
|
alt="Profile picture of user 1c8dedd9-9d01-4809-bdae-f5fd69836df5"
|
|
src="https://example.org/pictures/d9e1323a-08b2-42b1-bfbc-ef709ff45215"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ul class="mx-auto lg:max-w-none max-w-2xl px-4">
|
|
<li class="mx-auto py-32 lg:px-8 max-w-7xl sm:px-2">
|
|
<img
|
|
class="min-w-0 flex-1"
|
|
alt="Profile picture of user 50abd1b0-5720-454b-846d-2d93f597e8b4"
|
|
src="https://example.org/pictures/945190e8-fe5d-4904-8f8e-f6974f32c69a"
|
|
/>
|
|
<ol class="text-gray-500 text-sm truncate">
|
|
<li class="leading-6 text-lg font-medium text-gray-900">
|
|
This is item a6acb5bb-24d4-4cd5-8fa8-eb0979acaf53
|
|
</li>
|
|
<li class="font text-gray-900 font-bold tracking-tight text-4xl sm:text-6xl">
|
|
This is item c9a2a88b-1807-4c56-aa01-e9a1cffb82f8
|
|
</li>
|
|
<li class="focus:z-10 py-1.5 hover:bg-gray-100 bg-white">
|
|
This is item bb738dbc-5365-48ad-88f0-0e79d3fdade2
|
|
</li>
|
|
<li class="text-sm text-gray-500 mt-1">
|
|
This is item aeff441d-bfe1-4bde-be2d-c0e97a958fef
|
|
</li>
|
|
<li
|
|
class="font-medium hover:bg-indigo-50 py-2 text-indigo-600 border-transparent bg-white justify-center shadow-sm items-center border px-4 text-sm flex rounded-md"
|
|
>
|
|
This is item 9778adc6-93d3-41eb-be2f-76808eded2e3
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-gray-100 min-h-[192px]">
|
|
<ol class="sm:col-span-2 col-span-3">
|
|
<li class="text-gray-900 text-sm font-medium">
|
|
This is item 9fde286d-8df5-479b-8cac-3e3d39e8adc0
|
|
</li>
|
|
<li class="ml-2.5 text-sm font-medium">
|
|
This is item 1a002425-cb1b-467c-b13c-dad41e76a13b
|
|
</li>
|
|
<li class="bg-gray-50">This is item 20445b40-1bfc-4983-8a8a-c4168d672c40</li>
|
|
</ol>
|
|
<ul class="font-medium sm:pt-2 sm:mt-px block text-sm text-gray-700">
|
|
<li class="text-indigo-600 hover:text-indigo-500">
|
|
This is item 66fce308-7d70-424c-a0bd-35a9051f0787
|
|
</li>
|
|
<li class="items-center text-center flex flex-col">
|
|
This is item 2099afc8-7095-4dd3-8ac7-51a78025c924
|
|
</li>
|
|
<li class="w-auto h-8">This is item f9f45923-823e-473e-8745-eadd0f0fa235</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item c7a658c5-f091-4077-ab46-5e654a2cc5c5
|
|
</li>
|
|
</ul>
|
|
<ol class="inset-0 absolute bg-gradient-to-t from-white">
|
|
<li class="pr-4">This is item 17e74bcc-dc26-481c-b63a-738d7cb7543e</li>
|
|
<li class="lg:px-8 py-6 bg-white px-4 sm:px-6">
|
|
This is item b20b4014-c197-4b5f-85f7-b33d5ac159da
|
|
</li>
|
|
<li class="space-y-6 sm:space-y-4 sm:mt-4 mt-6">
|
|
This is item f46b668f-b26b-4a1b-8bc7-15e7398b28ad
|
|
</li>
|
|
<li
|
|
class="md:grid-cols-4 lg:gap-x-8 grid-cols-2 gap-y-10 md:gap-y-0 grid gap-x-4 mt-6 sm:gap-x-6"
|
|
>
|
|
This is item c218864b-14c0-4766-ab5a-6c8a6b148eaa
|
|
</li>
|
|
<li class="space-y-6 mt-6">This is item 71ad4cfa-7190-4044-acf0-a0f6b4cd3d59</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-gray-300">
|
|
<ul
|
|
class="absolute focus-within:opacity-100 text-white hover:opacity-100 inset-0 justify-center bg-opacity-75 text-sm bg-black items-center h-full w-full font-medium opacity-0 flex"
|
|
>
|
|
<li class="truncate">This is item ed8e9eee-d0da-4f2b-97aa-3c2b0fe29368</li>
|
|
<li class="sm:shadow overflow-hidden sm:rounded-lg bg-white">
|
|
This is item 43fb0042-c317-46a5-a11e-d1c4d5713095
|
|
</li>
|
|
<li class="mt-4">This is item 0cb72b52-5d35-4ad8-a8e5-b5eb879833e0</li>
|
|
</ul>
|
|
<a href="#" class="mt-6 flow-root">
|
|
This is link 43ccaf70-1ce8-4cdd-8ae5-a44f90a11562
|
|
</a>
|
|
<a href="#" target="_blank" class="flex md:pb-4 py-4 md:py-0">
|
|
This is link ee182cbe-e995-4a95-b39b-775d27adc934
|
|
</a>
|
|
</li>
|
|
<li class="py-6 font-medium text-gray-500 text-lg text-left w-full cursor-auto">
|
|
<ol class="group-hover:opacity-75 object-center object-cover">
|
|
<li class="w-6 h-6">This is item 7d258b9a-0b2e-41cb-98dd-b7dccc916a65</li>
|
|
<li class="text-gray-900 mt-6 font-medium block">
|
|
This is item f94e62f8-48d7-4f1f-aa2f-d962b3adbf65
|
|
</li>
|
|
<li
|
|
class="lg:gap-x-8 sm:rounded-lg py-6 lg:grid-cols-12 sm:px-6 lg:px-8 px-4 bg-gray-100 lg:grid lg:py-8"
|
|
>
|
|
This is item 4631386f-418c-4e1c-8098-3517db276424
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm block text-gray-700 font-medium">
|
|
<ul class="h-8 w-auto sm:h-10">
|
|
<li class="mr-4 w-6 h-6 text-cyan-200 flex-shrink-0">
|
|
This is item 85f2811c-2e4b-4cd9-8584-5ee66bbaab23
|
|
</li>
|
|
<li class="font-semibold text-gray-900">
|
|
This is item 46e57b7b-0c7a-4d28-a97f-d1fd5462dbc7
|
|
</li>
|
|
<li class="mt-2 flex sm:max-w-md">
|
|
This is item b763a594-b482-435f-ad8f-e065a0887b25
|
|
</li>
|
|
<li class="hover:text-gray-800">
|
|
This is item 0be070a3-d0db-4577-b2c9-2f67f41a0360
|
|
</li>
|
|
<li class="bg-gray-100 p-8">This is item 263862f9-6b29-4de1-9b98-a59d5d526402</li>
|
|
</ul>
|
|
<img
|
|
class="bg-white focus:z-10 py-1.5 hover:bg-gray-100"
|
|
alt="Profile picture of user 6c3073e0-3709-4c0a-8840-1ae980be7f0f"
|
|
src="https://example.org/pictures/96e7a573-d628-46f4-9a2a-45b7c609386e"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ol class="flex-1 flex pb-4 pt-5 overflow-y-auto flex-col">
|
|
<li
|
|
class="focus:ring-0 pl-11 placeholder-gray-400 border-0 w-full h-12 bg-transparent pr-4 text-gray-800 sm:text-sm"
|
|
>
|
|
<ul class="flex -m-3 hover:bg-gray-50 rounded-lg items-center p-3">
|
|
<li class="py-1.5 hover:bg-gray-100 bg-white focus:z-10">
|
|
This is item 7690d7ac-78c1-46fd-92f7-783e8e9eb1ce
|
|
</li>
|
|
<li class="text-indigo-600">This is item f461d4bb-d083-4f0d-90a5-b2c2920c5675</li>
|
|
<li class="inline-block">This is item 964abe80-81b1-4f8e-a512-a69a98219fa8</li>
|
|
</ul>
|
|
<a href="#" class="w-screen max-w-md pointer-events-auto">
|
|
This is link ca54969b-43b1-43e2-9d1e-13c2d26d9f36
|
|
</a>
|
|
<a href="#" target="_blank" class="text-gray-900 font-medium">
|
|
This is link c5dfb2b1-ec11-444a-ba3c-e42b0825a962
|
|
</a>
|
|
</li>
|
|
<li class="mt-1 text-sm text-gray-600">
|
|
<ul class="object-cover inset-0 w-full h-full absolute">
|
|
<li class="flex mt-6 items-center">
|
|
This is item 9c2bcd60-fb29-4211-ac00-bcc3f61e3380
|
|
</li>
|
|
<li class="h-8 w-auto">This is item 87682c45-0146-4454-a4ec-b582c6c42f0a</li>
|
|
<li class="mt-5 text-xl sm:text-center text-gray-500">
|
|
This is item 928ca386-8999-424b-94fb-918c5b9f1df9
|
|
</li>
|
|
<li class="sm:flex-col space-x-6 sm:space-y-6 sm:space-x-0 lg:space-y-8 flex">
|
|
This is item 4a760d7d-5236-4df1-9f7e-4340a5fb9baa
|
|
</li>
|
|
<li class="min-h-full">This is item ba971414-4194-40d4-b990-4fe9b48f744e</li>
|
|
</ul>
|
|
<ul class="hover:text-gray-800 hidden lg:items-center lg:flex text-gray-700">
|
|
<li class="h-6 w-6">This is item 5f9192c5-3227-41ba-9924-f87d9b77e2d5</li>
|
|
<li class="mt-10">This is item 26a53467-cbb3-419e-a42b-23585d82e085</li>
|
|
<li class="h-5 w-5 text-gray-500">
|
|
This is item f92fd20b-79dc-452c-9f75-645d10a2fc40
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="relative py-3 w-full h-full">
|
|
<img
|
|
class="sm:p-6 py-5 px-4"
|
|
alt="Profile picture of user 59d86f4b-7131-4f0d-9c1e-426bc304393f"
|
|
src="https://example.org/pictures/5262df05-ac99-4d86-b905-a8374f17e1e1"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="aspect-h-3 rounded-lg bg-gray-100 overflow-hidden aspect-w-4"
|
|
>
|
|
This is link 211bdf0c-d9a1-4aa5-bda6-5ecb5fa07a31
|
|
</a>
|
|
<ol class="flex-shrink-0 self-center">
|
|
<li class="pointer-events-none h-12 absolute w-full items-center flex justify-center">
|
|
<ol class="sr-only">
|
|
<li class="px-4 border-t space-y-6 border-gray-200 py-6">
|
|
This is item 60a99cf6-0cd9-4da9-87d5-fdcac5bd1a02
|
|
</li>
|
|
<li
|
|
class="justify-between py-1.5 bg-gray-50 px-4 flex items-center border-gray-200 border-b"
|
|
>
|
|
This is item 806191ff-25d2-4ba4-bf44-69289d2dedac
|
|
</li>
|
|
<li class="-m-1 flex-1 p-1 block">
|
|
This is item c695b164-943e-454e-82ac-b789698b1f48
|
|
</li>
|
|
<li class="border-gray-200 border-b">
|
|
This is item 031f44bb-dc23-4882-8b57-7f818011dfcc
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-900 font-semibold text-lg leading-8">
|
|
<li class="items-center mt-6 flex">
|
|
This is item 746fea94-1531-4430-b6b7-669973358b7f
|
|
</li>
|
|
<li class="flex mt-4 text-gray-900 items-baseline">
|
|
This is item 3b302137-1238-4e6a-a6a3-33b65dc5b085
|
|
</li>
|
|
<li class="right-0 absolute bg-warm-gray-50 left-0 h-1/2">
|
|
This is item 7130838b-3490-481f-b219-30b91fa60c7c
|
|
</li>
|
|
<li class="items-center flex">This is item a93b413f-5bf3-4c58-81a9-4b510f6354f8</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="font-medium text-gray-900 pl-4 py-4 whitespace-nowrap lg:pl-8 pr-3 text-sm sm:pl-6"
|
|
>
|
|
<img
|
|
class="hover:text-gray-600 text-gray-900 font-medium"
|
|
alt="Profile picture of user 55495569-2120-4220-a270-9d6aeb8e8b3f"
|
|
src="https://example.org/pictures/723ce708-9ada-4f04-83b1-ada7a54f7ddb"
|
|
/>
|
|
<ul class="bg-white py-8">
|
|
<li
|
|
class="flex py-3 rounded-md px-3 ml-4 justify-center hover:text-gray-500 items-center hover:bg-gray-100 text-gray-400"
|
|
>
|
|
This is item afa407c1-9920-4c33-a754-b0994ac7ef85
|
|
</li>
|
|
<li class="bg-opacity-60 p-4 sm:text-sm bg-white text-base">
|
|
This is item af6dbcd5-7ff7-44d1-9a1a-e656d5a7b562
|
|
</li>
|
|
<li class="relative">This is item b469991c-5627-4549-8d1a-6eba76da5058</li>
|
|
<li class="lg:w-auto w-full flex items-center justify-between">
|
|
This is item 04dc958f-2440-4857-91e3-bf326585400d
|
|
</li>
|
|
<li class="items-start flex justify-between">
|
|
This is item a6143852-63a3-4ae1-8251-c683101d28c5
|
|
</li>
|
|
</ul>
|
|
<ul class="md:grid md:gap-8 md:grid-cols-2">
|
|
<li class="flex-shrink-0 text-indigo-300 w-6 h-6 mr-3">
|
|
This is item a48003af-e217-4129-8d6f-14df30792982
|
|
</li>
|
|
<li
|
|
class="border-gray-300 block focus:ring-indigo-500 w-full rounded-md focus:border-indigo-500"
|
|
>
|
|
This is item 0752b1dd-d980-439d-a48b-0bfd0431d347
|
|
</li>
|
|
<li class="relative z-10">This is item c72d5144-f426-4dc7-a6af-dcbec9e3322e</li>
|
|
<li class="h-6 w-6">This is item edd01c5c-eed0-4508-8114-6b00496d83cd</li>
|
|
<li
|
|
class="border px-3 mt-1 w-full focus:ring-sky-500 rounded-md sm:text-sm border-gray-300 block focus:border-sky-500 focus:outline-none py-2 shadow-sm"
|
|
>
|
|
This is item d3f9b48a-1212-4cc6-a5d7-20d8124000d1
|
|
</li>
|
|
</ul>
|
|
<ol class="sr-only">
|
|
<li class="shadow-md">This is item 99181785-f5b5-4b22-9bf2-61747b910ff9</li>
|
|
<li class="font-medium text-gray-700 text-sm block sm:pt-2 sm:mt-px">
|
|
This is item cd60a888-12a9-42c3-9e73-2cec30b03745
|
|
</li>
|
|
<li class="grid-cols-4 mt-6 grid gap-6">
|
|
This is item eb9693fd-d717-4c97-8108-af80862d4513
|
|
</li>
|
|
<li class="w-6 h-6">This is item f8aa95e3-52b9-47d4-b24f-3cf5bfcd30cc</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="font-medium text-gray-900 text-lg">
|
|
This is link 5b259449-46db-4053-84df-3927cdf989de
|
|
</a>
|
|
</li>
|
|
<li class="bg-white">
|
|
<img
|
|
class="items-center py-2 justify-center text-sm shadow-sm border hover:bg-indigo-700 border-transparent font-medium bg-indigo-600 px-4 rounded-md sm:w-auto focus:ring-indigo-500 focus:outline-none focus:ring-2 text-white inline-flex focus:ring-offset-2"
|
|
alt="Profile picture of user 73de469c-642c-4fd2-bbe0-70dfc62d1fc3"
|
|
src="https://example.org/pictures/53a888a0-56d0-455e-9a03-0b70cbd41aa1"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ol class="h-7 items-center mx-auto flex w-7 rounded-full justify-center">
|
|
<li class="text-gray-700 ml-2">
|
|
<ul class="lg:col-span-1 flex col-span-2 md:col-span-3 justify-center">
|
|
<li
|
|
class="block focus:ring-2 focus:ring-offset-indigo-600 rounded-md text-white bg-indigo-500 focus:ring-white border-transparent py-3 w-full font-medium sm:px-10 border hover:bg-indigo-400 focus:ring-offset-2 shadow focus:outline-none px-5 text-base"
|
|
>
|
|
<img
|
|
class="max-w-7xl px-4 lg:px-8 mx-auto sm:px-6"
|
|
alt="Profile picture of user 9f1d3970-0f7a-4507-ad79-6f4ea41d7874"
|
|
src="https://example.org/pictures/a3416228-5fcf-4155-aec0-2ff3b68105fa"
|
|
/>
|
|
<ul class="max-w-3xl mx-auto w-full">
|
|
<li class="bg-white">This is item bf007a81-a654-413f-a8c4-d75de07e1cad</li>
|
|
<li class="pt-6 space-x-3 flex items-center mt-auto justify-center">
|
|
This is item a6a6604d-d36c-4e41-945d-740efbab2556
|
|
</li>
|
|
<li
|
|
class="flex h-12 bg-green-100 rounded-full items-center w-12 justify-center mx-auto"
|
|
>
|
|
This is item 339a0f1f-ea53-4b2c-a1c0-1165f02c34d2
|
|
</li>
|
|
<li
|
|
class="h-8 mt-3 w-8 text-gray-900 font-semibold rounded-full items-center flex justify-center text-base"
|
|
>
|
|
This is item 95ee39d4-1d0d-4373-88e6-411f257ef2a5
|
|
</li>
|
|
<li
|
|
class="rounded-full font-medium items-baseline text-sm inline-flex px-2.5 py-0.5"
|
|
>
|
|
This is item a6283234-e2c9-4882-8c51-9618b3c1f489
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="z-10 text-gray-500 inset-x-0 absolute top-full text-sm"
|
|
alt="Profile picture of user f7bde420-d706-4a96-8da2-fa20e61fcb0e"
|
|
src="https://example.org/pictures/1d0efea6-8417-41d5-93b9-63187657d74e"
|
|
/>
|
|
<a href="#" class="ml-2"> This is link 781a450a-cca0-4a64-8e7e-cc1615c59e99 </a>
|
|
</li>
|
|
<li class="space-y-4">
|
|
<img
|
|
class="text-gray-900 font-medium"
|
|
alt="Profile picture of user 9ca6ea3b-e6ec-48ad-b846-af4e8d594eb2"
|
|
src="https://example.org/pictures/7276cd40-8c7a-4fd2-a986-6549639cf943"
|
|
/>
|
|
<ol class="p-2 hover:text-gray-500 text-gray-400 flex items-center -m-2">
|
|
<li class="rounded-lg overflow-hidden bg-white shadow">
|
|
This is item 8672ac1f-6370-4cc9-9c16-9a38f2d48c3d
|
|
</li>
|
|
<li class="text-sm font-medium text-gray-900">
|
|
This is item 4e2904f4-fd3b-4b2f-bf3f-0d8c677472c5
|
|
</li>
|
|
<li class="grid grid-cols-2 gap-8 xl:col-span-2">
|
|
This is item a9a4f01e-c223-419f-9ac5-708c501a6927
|
|
</li>
|
|
</ol>
|
|
<ul class="select-none flex group cursor-default p-2 rounded-md items-center">
|
|
<li class="justify-center space-x-8 h-full flex">
|
|
This is item afc33bc3-014f-4ba7-b65d-7a2c70a08562
|
|
</li>
|
|
<li class="font-medium text-sm text-gray-700 block">
|
|
This is item 4f49ab20-780c-4512-953c-dddd011fb0e3
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="border bg-indigo-600 disabled:text-gray-500 text-sm font-medium focus:outline-none py-2 disabled:cursor-not-allowed rounded-md px-4 focus:ring-2 w-full hover:bg-indigo-700 text-white disabled:bg-gray-100 focus:ring-indigo-500 focus:ring-offset-2 border-transparent mt-6 shadow-sm"
|
|
>
|
|
<ul class="lg:flex lg:items-center lg:justify-between">
|
|
<li class="p-8 bg-white">This is item 1243590c-f7ef-4c4e-a60d-2ab0063f9a4a</li>
|
|
<li class="w-5 h-5">This is item 34e0c9d8-e2db-451c-85e9-9b43c363fd3a</li>
|
|
<li class="hover:text-gray-800">
|
|
This is item 0f41ca8d-97bd-4923-aa42-396584ff2a0f
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="bg-white py-1.5 focus:z-10 hover:bg-gray-100">
|
|
<img
|
|
class="border-b border-gray-200"
|
|
alt="Profile picture of user 31cb12ad-42c8-4e0f-821a-8e3f5f5e18ea"
|
|
src="https://example.org/pictures/40244b0f-a573-4d90-b59f-6bcfe9dfb3e2"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="bg-white z-10 origin-top-right focus:outline-none ring-1 right-0 ring-black ring-opacity-5 shadow-lg absolute mt-2 w-48 rounded-md py-1"
|
|
>
|
|
This is link 3da86357-a16d-4e78-82c6-45a0b5450bfe
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-900 tracking-tight font-bold text-3xl">
|
|
<ul class="w-auto block h-8 lg:hidden">
|
|
<li class="px-3 text-gray-500 py-3.5 text-sm">
|
|
<ol
|
|
class="text-gray-700 focus:outline-none focus:ring-sky-500 border-gray-300 text-sm bg-white rounded-md focus:ring-2 border hover:bg-gray-50 font-medium inline-flex px-4 focus:ring-offset-2 justify-center shadow-sm py-2"
|
|
>
|
|
<li class="px-6 items-start flex py-5 font-medium text-sm">
|
|
This is item 96c2104e-6cd4-4b04-a105-54c626750965
|
|
</li>
|
|
<li class="object-cover h-full w-full">
|
|
This is item b39b8e39-1168-49ef-8dd1-6cf3b6577cd6
|
|
</li>
|
|
<li class="relative lg:hidden z-40">
|
|
This is item 9e667f2f-e4ab-4d03-8a60-842dc22417a2
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="mt-4">
|
|
This is link 0a6ff190-b83f-476c-97f6-79a9e00fcd39
|
|
</a>
|
|
<ol
|
|
class="rounded-md overflow-hidden aspect-w-1 aspect-h-1 bg-gray-100 group-hover:opacity-75"
|
|
>
|
|
<li class="flex justify-end flex-1 items-center">
|
|
This is item 892bdf8b-e836-4050-a6d7-60121a4f79f9
|
|
</li>
|
|
<li class="sm:hidden items-center flex -mr-2">
|
|
This is item 9e82807c-6b3c-47e0-bf85-a69023ce9ad1
|
|
</li>
|
|
</ol>
|
|
<ol class="hidden font-medium text-gray-600 grid-cols-4 mt-6 sm:grid">
|
|
<li class="py-6 text-lg font-medium text-gray-500 text-left cursor-auto w-full">
|
|
This is item 18216de4-abf7-4c8a-9157-32131d1036ca
|
|
</li>
|
|
<li class="py-6 sm:flex">This is item 66600a1a-eb96-4daf-b666-5ba0cbab2a75</li>
|
|
<li class="fixed inset-0 bg-opacity-25 bg-black">
|
|
This is item 74c2dc78-ce74-4d4b-9737-df12acb5cd96
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm text-gray-500 hover:text-gray-600">
|
|
<ul class="h-16 flex items-center justify-between">
|
|
<li
|
|
class="text-gray-500 hover:bg-gray-50 block pr-4 pl-3 border-transparent border-l-4 hover:text-gray-700 hover:border-gray-300 font-medium text-base py-2"
|
|
>
|
|
This is item a7ff4175-58c8-4483-b978-5360f2531e2b
|
|
</li>
|
|
<li class="justify-center flex flex-shrink-0">
|
|
This is item 7f7f9d81-19ac-4b56-8932-9a43cc01f5f9
|
|
</li>
|
|
<li class="sm:flex">This is item a9409968-e8f1-4143-b713-60bad2dc85f5</li>
|
|
<li class="flex mt-3 items-center">
|
|
This is item 0b320d65-9019-4de6-b984-80c3936bf7ed
|
|
</li>
|
|
<li class="font-medium text-gray-500 text-sm">
|
|
This is item 8c996538-8f8d-4272-aac5-ff7c3b0d89b3
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="leading-6 text-gray-900 font-medium text-lg">
|
|
This is link 740b4aa2-33de-450e-b9e8-d6c61d43d97f
|
|
</a>
|
|
<img
|
|
class="flex-shrink-0"
|
|
alt="Profile picture of user f33059cc-1fba-4952-94bf-9e06ee4d20ec"
|
|
src="https://example.org/pictures/e848a14b-d9fc-4f00-9171-626412702637"
|
|
/>
|
|
</li>
|
|
<li class="bg-white relative">
|
|
<a href="#" class="text-gray-500">
|
|
This is link 712bf91a-99b8-43d5-9506-a101350a0b40
|
|
</a>
|
|
<a href="#" class="divide-purple-600 divide-x shadow-sm rounded-md inline-flex">
|
|
This is link 26f8f1d4-1a1d-4ede-8f21-03b7622174bf
|
|
</a>
|
|
</li>
|
|
<li class="font-medium text-base hover:text-gray-900 text-gray-500">
|
|
<a href="#" rel="noreferrer" class="block rounded-full w-10 h-10 mx-auto">
|
|
This is link 1128c3e5-1125-4b47-95be-b9d423d4cdaa
|
|
</a>
|
|
<ul class="h-6 w-6">
|
|
<li class="text-sm text-gray-700 font-medium block">
|
|
This is item 9c811439-d262-4d1d-a29e-e7d2584dec43
|
|
</li>
|
|
<li class="w-6 text-white h-6">
|
|
This is item ace7de7a-55a4-41d8-8c78-56d22a8f1211
|
|
</li>
|
|
<li class="sm:col-span-6">This is item 6fccc6c2-8d66-4f74-aaaa-5443c5e59e20</li>
|
|
<li class="sm:flex lg:px-8 sm:justify-between sm:px-6 px-4 xl:px-0 sm:items-center">
|
|
This is item a6040971-eb71-456c-b85f-f965eb79ace8
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="text-base ml-3 text-gray-500"
|
|
alt="Profile picture of user 7bf88f86-61e3-4127-b2e3-32fe4580d1a1"
|
|
src="https://example.org/pictures/3d5caa5d-0698-45b7-9606-3f95c601ce67"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ul
|
|
class="border-transparent border rounded-full hover:text-gray-500 flex -mx-2 p-2 items-center text-gray-400"
|
|
>
|
|
<li class="font-bold sm:text-3xl text-gray-900 text-2xl sm:tracking-tight">
|
|
<a href="#" class="bg-gray-100">
|
|
This is link ab1b9d4f-866b-43f5-be6a-aae4b23363f4
|
|
</a>
|
|
</li>
|
|
<li class="bg-white">
|
|
<img
|
|
class="text-white h-6 w-6"
|
|
alt="Profile picture of user 9e832966-5012-4bdb-9786-bbb1462e6c21"
|
|
src="https://example.org/pictures/26174daa-07e5-4647-ba98-f21b4fbacd61"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="hover:bg-indigo-600 hover:bg-opacity-75 text-white"
|
|
>
|
|
This is link bf1cf34e-accd-4182-894a-02a8eeb3d544
|
|
</a>
|
|
<ul class="border-gray-300 w-4 h-4 focus:ring-indigo-500 text-indigo-600">
|
|
<li class="sm:px-6 max-w-7xl px-4 mx-auto lg:px-8">
|
|
This is item 6ff5574d-45bb-4018-bd81-a92ef4944655
|
|
</li>
|
|
<li class="block font-medium">This is item 4feb6f2e-18a2-43a9-aa92-43af8af6a8bb</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="bg-gray-800 focus-ring-inset text-gray-400 items-center justify-center focus:outline-none p-2 focus:ring-2 focus:ring-white hover:bg-gray-700 inline-flex rounded-md"
|
|
>
|
|
<img
|
|
class="lg:row-end-2 lg:row-span-2 mt-14 lg:col-span-3 max-w-2xl lg:max-w-none sm:mt-16 mx-auto lg:mt-0"
|
|
alt="Profile picture of user 09f2fa20-1964-4156-9bb7-034633b54b21"
|
|
src="https://example.org/pictures/d1c865c3-83c0-4f4f-8959-1d4780b56841"
|
|
/>
|
|
<a
|
|
href="#"
|
|
class="ml-auto hover:text-gray-500 p-1 focus:ring-indigo-500 bg-white focus:ring-2 flex-shrink-0 rounded-full focus:outline-none text-gray-400 focus:ring-offset-2"
|
|
>
|
|
This is link b39b0557-89ab-4d36-a308-32d8c00cc4c0
|
|
</a>
|
|
<a href="#" class="py-2 text-gray-500 relative bg-gray-50 px-3">
|
|
This is link d0c4e4d6-827f-4f42-8e17-d83077eddf33
|
|
</a>
|
|
<ul class="md:grid md:gap-8 md:grid-cols-2">
|
|
<li
|
|
class="-ml-px py-2 bg-white text-sm font-medium px-4 inline-flex focus:ring-1 focus:outline-none hover:bg-gray-50 focus:ring-indigo-500 items-center border-gray-300 focus:z-10 focus:border-indigo-500 text-gray-700 relative border"
|
|
>
|
|
This is item 9d4d75b3-4833-4729-a344-31b72eb369b3
|
|
</li>
|
|
<li class="relative space-x-3 group py-4 flex items-start">
|
|
This is item 5651d53f-ddaf-414a-9e76-03bbedc9f0c6
|
|
</li>
|
|
<li class="flex-shrink-0 mr-4">
|
|
This is item e6a93943-8681-4d7b-a247-4e201eb0aa22
|
|
</li>
|
|
<li class="font-medium text-sm text-gray-900">
|
|
This is item db75ded7-cc29-400a-b797-b97e08480d2c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-900 font-semibold">
|
|
<ul class="font-medium text-white text-base">
|
|
<li class="grid-cols-2 gap-y-4 gap-x-8 grid">
|
|
This is item 4d40ac5d-b9cb-4f02-84b1-2f9943aefa87
|
|
</li>
|
|
<li class="sr-only">This is item 023e2a5a-76a1-47b0-abc1-51b9adef1a46</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="text-white w-6 h-6">
|
|
This is link fb9d7386-6f10-41f0-aacd-098772c8799e
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="border-gray-200 border-t pt-10 text-sm space-y-6">
|
|
<img
|
|
class="group flex cursor-default p-3 select-none rounded-xl"
|
|
alt="Profile picture of user 68287cf5-56d9-479a-b74d-24904b012a24"
|
|
src="https://example.org/pictures/099190b4-73a1-4290-9daf-fb183999c311"
|
|
/>
|
|
<ul class="sr-only">
|
|
<li class="text-sm text-gray-700 ml-3 font-medium block">
|
|
<ul class="py-16 px-4 lg:px-8 mx-auto sm:px-6 sm:py-24 max-w-4xl">
|
|
<li class="flex-none rounded-md object-center w-20 h-20 object-cover">
|
|
This is item b76bf85e-1d43-407a-8b70-c259ccc5465c
|
|
</li>
|
|
<li class="h-0 min-h-[768px] bg-white">
|
|
This is item 6531c89b-f6f8-47a0-864f-61521acf7cbd
|
|
</li>
|
|
</ul>
|
|
<ol class="justify-center h-7 w-7 items-center mx-auto flex rounded-full">
|
|
<li class="inset-0 bg-opacity-25 fixed transition-opacity bg-gray-500">
|
|
This is item ceec80f1-a2bf-431e-8568-ebf02166e82e
|
|
</li>
|
|
<li class="mt-6 space-y-6">This is item 2c57953e-f8ac-40d9-a138-52a6253aab61</li>
|
|
<li
|
|
class="rounded-md py-2 mt-1 border focus:outline-none block sm:text-sm w-full shadow-sm focus:ring-indigo-500 focus:border-indigo-500 bg-white border-gray-300 px-3"
|
|
>
|
|
This is item 95cfa46c-a747-41f4-8bf9-6719a37acbb6
|
|
</li>
|
|
<li
|
|
class="items-center px-4 group space-x-4 rounded-xl flex hover:bg-gray-100 focus-within:bg-gray-100 py-2"
|
|
>
|
|
This is item 7e97c30a-55dd-4a81-ac49-594e85c6fac0
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-full">
|
|
<ul class="max-w-7xl mx-auto lg:px-8 sm:px-6 px-4">
|
|
<li class="hidden lg:flex lg:items-center lg:justify-between lg:flex-1 lg:min-w-0">
|
|
This is item e15cf5ed-8613-4e16-b0cb-647310f70dc6
|
|
</li>
|
|
<li class="flex space-x-6 md:order-2">
|
|
This is item 6997c458-8065-415d-a64a-d4e3b7aa9193
|
|
</li>
|
|
<li class="divide-gray-200 pt-6 divide-y">
|
|
This is item f3b40bcf-d444-45a2-b9f1-99e99507e4fc
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="flex items-center space-x-4">
|
|
<ul class="text-sm text-gray-500 mt-1">
|
|
<li class="not-italic">
|
|
<ul class="mt-6">
|
|
<li
|
|
class="text-white pl-11 w-full border-0 h-12 focus:ring-0 placeholder-gray-500 pr-4 bg-transparent sm:text-sm"
|
|
>
|
|
<ol class="mx-auto w-16 h-16">
|
|
<li class="text-sm text-gray-700 font-medium block">
|
|
This is item c46fc70c-ceca-4081-9047-c4854febfeef
|
|
</li>
|
|
<li
|
|
class="sm:pr-6 hover:border-gray-300 sm:pl-5 text-gray-500 hover:bg-gray-50 border-transparent pr-4 py-2 hover:text-gray-700 font-medium border-l-4 pl-3 block text-base"
|
|
>
|
|
This is item 94cc75cd-77a6-4495-bbaa-28985b78ad33
|
|
</li>
|
|
<li class="ring-black ring-opacity-5 ring-1 shadow-sm">
|
|
This is item a055d012-e1a3-4d09-9bb1-cc71693c8868
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="hover:text-gray-800"
|
|
alt="Profile picture of user faa5df5b-e51a-4d03-bca5-596052906e0d"
|
|
src="https://example.org/pictures/f1389158-81b8-45f9-847a-e30a445934bf"
|
|
/>
|
|
<img
|
|
class="bg-gradient-to-b to-black from-transparent opacity-50"
|
|
alt="Profile picture of user b2d85417-8fa3-4a90-8fdf-b978ddd9a178"
|
|
src="https://example.org/pictures/e90c950b-ef53-47af-93e1-ae4c6d820c7e"
|
|
/>
|
|
<a href="#" class="space-y-10"> This is link 424dc053-1115-4d25-9108-47fd64546cbe </a>
|
|
</li>
|
|
<li class="hover:text-gray-800 lg:items-center text-gray-700 lg:flex hidden">
|
|
<ul class="text-gray-900 mt-4 font-semibold">
|
|
<li class="w-6 h-6">This is item 335aa77e-6c08-46d8-bf3e-4bbf352c5481</li>
|
|
<li class="bg-gray-100">This is item 10a2649a-0238-40ec-9191-5fb73229355d</li>
|
|
</ul>
|
|
<ol class="border-t py-6 border-gray-200 space-y-6 px-4">
|
|
<li class="max-w-3xl mx-auto">This is item 698d4e56-4a94-46c4-a67e-484f66ac6a13</li>
|
|
<li class="items-center rounded-full justify-center mx-auto h-7 w-7 flex">
|
|
This is item 80804ccd-c5de-4718-906d-f8ffe4473d02
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="mt-4 text-gray-400">
|
|
<ul class="w-10 rounded-full h-10">
|
|
<li class="space-y-12">This is item 7db1e958-0773-4136-ae37-8fe88b7cb3aa</li>
|
|
<li class="font-semibold text-white">
|
|
This is item 741c6dd3-3266-4a6e-8e39-fad4d86c5bd9
|
|
</li>
|
|
<li class="flex-none bottom-0 p-6 border-gray-200 sticky border-t bg-gray-50">
|
|
This is item d46e2b37-27c2-4d44-bc9b-334468edf2f2
|
|
</li>
|
|
<li class="mt-1">This is item de89c021-72f6-4a35-8ac2-3515a4863b25</li>
|
|
<li class="rounded-full mx-auto w-7 items-center h-7 justify-center flex">
|
|
This is item 7456df3e-5024-4777-bd0c-a1b6f2cfebea
|
|
</li>
|
|
</ul>
|
|
<ol class="sm:px-6 py-6 mx-auto max-w-7xl lg:px-8">
|
|
<li
|
|
class="transition-all ring-1 max-w-2xl ring-black divide-gray-500 ring-opacity-5 divide-y backdrop-blur rounded-xl divide-opacity-10 bg-opacity-80 mx-auto backdrop-filter transform shadow-2xl overflow-hidden bg-white"
|
|
>
|
|
This is item ef5fd74e-02af-44e9-8530-81061e729348
|
|
</li>
|
|
<li class="mt-16">This is item 74e78f2d-34d0-4807-9e78-0eaec32126a8</li>
|
|
<li class="items-center flex flex-shrink-0 px-4">
|
|
This is item 22b61ff2-67bd-4a57-8e25-6e5d48e261e3
|
|
</li>
|
|
<li class="hidden lg:flex">This is item 81f170e7-5ef5-4e63-97fa-ce1da7981c9e</li>
|
|
</ol>
|
|
<ul
|
|
class="text-gray-700 sm:px-8 w-1/2 sm:w-auto focus:outline-none ml-0.5 text-sm rounded-md focus:ring-2 border border-transparent focus:ring-purple-500 relative font-medium whitespace-nowrap focus:z-10 py-2"
|
|
>
|
|
<li class="sm:flex-col absolute hidden inset-0 sm:flex">
|
|
This is item 25622602-f9a3-4a1c-987d-17d0c9a1a128
|
|
</li>
|
|
<li class="row-start-1 gap-y-10 grid-cols-3 text-sm grid gap-x-8">
|
|
This is item d7b64d07-a8f1-4424-9083-ff02be455b21
|
|
</li>
|
|
<li class="lg:items-center lg:flex sm:px-4 lg:px-0 px-0 lg:justify-between">
|
|
This is item 3333067f-1e5e-494b-be50-6d4e3d9b7b7a
|
|
</li>
|
|
</ul>
|
|
<ol class="opacity-25 xl:inset-0 xl:absolute h-full w-full object-cover">
|
|
<li class="flex">This is item d686685b-f9f2-4661-afed-e53990c1af1e</li>
|
|
<li class="text-teal-200 hover:text-teal-100">
|
|
This is item c82850f7-091d-4a50-bff5-cc5f7bb1360f
|
|
</li>
|
|
<li class="text-white">This is item d3df98a9-da63-4e13-b4a6-b4e1ed96614a</li>
|
|
<li class="py-16 max-w-2xl sm:px-6 px-4 sm:py-24 lg:px-0 mx-auto">
|
|
This is item 72f1888f-90b0-43a8-888b-627ef47146e0
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="items-center flex justify-between">
|
|
<li class="font-medium text-gray-700 block text-sm">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="aspect-w-2 sm:relative group sm:aspect-none overflow-hidden aspect-h-1 rounded-lg sm:h-full"
|
|
>
|
|
This is link 63090699-e9e8-4b7d-bbfb-91b398a6a2f4
|
|
</a>
|
|
<ol class="flex flex-col">
|
|
<li class="max-w-lg space-y-6 mx-auto">
|
|
This is item ed7258f6-b9e0-4bd8-b113-485897c4fd7a
|
|
</li>
|
|
<li class="hidden h-full lg:flex">
|
|
This is item 3558274d-f2fb-4dbd-9aa9-b39ea900da9e
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm">
|
|
This is link b6e3048b-c953-443c-ae3f-a23c924a376e
|
|
</a>
|
|
<img
|
|
class="text-gray-200"
|
|
alt="Profile picture of user 64140837-710f-43cb-a0f8-c6b8438cb4c3"
|
|
src="https://example.org/pictures/146ad41d-3079-4677-b802-8a6b18c872ff"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="text-sm text-gray-500 items-center hover:text-gray-700 border-t-2 font-medium pt-4 hover:border-gray-200 border-transparent inline-flex px-4"
|
|
>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-gray-900 ring-gray-200 rounded-lg mt-2 text-sm grid shadow gap-px ring-1 grid-cols-7 bg-gray-200"
|
|
>
|
|
This is link 53edd615-acf0-4669-8cff-b8280f1d5a7d
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="inset-0 absolute overflow-hidden">
|
|
This is link 31ba1301-a0a0-4c51-a87b-430e07babaa6
|
|
</a>
|
|
<ul class="mt-6">
|
|
<li class="absolute bg-white -bottom-0.5 px-0.5 -right-1 py-px rounded-tl">
|
|
This is item 64f7964e-5714-420e-9ca9-4e63fa06d6bf
|
|
</li>
|
|
<li class="block">This is item d61f24a0-434d-459d-b23f-01182a307f6e</li>
|
|
<li
|
|
class="w-10 ring-white h-10 rounded-full ring-8 items-center flex justify-center bg-gray-400"
|
|
>
|
|
This is item 6d1498aa-0365-4466-860f-604ecf7dbcdd
|
|
</li>
|
|
<li class="relative">This is item e2a6d89d-99c9-41d4-b434-013451caf28f</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex -ml-px w-0 flex-1">
|
|
<img
|
|
class="flow-root"
|
|
alt="Profile picture of user a4279d99-d5d9-4e65-9165-d09c4f114a7c"
|
|
src="https://example.org/pictures/f1f6367e-4bdc-4c98-8a25-f523628f2ddd"
|
|
/>
|
|
<a href="#" class="lg:block hidden space-x-8 ml-10">
|
|
This is link 0ab1c8bf-d132-47a0-8dbd-cf794bf0abb7
|
|
</a>
|
|
<a href="#" class="text-gray-900">
|
|
This is link eb32658c-622c-4ffb-958f-1cdb1b162ac5
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="items-center flex">
|
|
This is link 4f40f48f-56b0-47e9-a028-dd25b9058d5f
|
|
</a>
|
|
</li>
|
|
<li class="text-sm text-gray-500">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="bg-indigo-600 p-1 border border-transparent items-center inline-flex focus:ring-indigo-500 shadow-sm text-white focus:outline-none focus:ring-offset-2 hover:bg-indigo-700 rounded-full focus:ring-2"
|
|
>
|
|
This is link 4753feec-e4ac-45da-a418-88c2c05d235b
|
|
</a>
|
|
<ul class="pt-5 pb-2 px-4 flex">
|
|
<li class="hover:bg-gray-100 py-1.5 focus:z-10 bg-white">
|
|
This is item abbc9789-de19-459e-b5df-6c4a9c0260b3
|
|
</li>
|
|
<li
|
|
class="focus:outline-none shadow-sm focus:ring-indigo-500 border px-4 hover:bg-gray-50 focus:ring-2 text-gray-700 border-gray-300 rounded-md py-2 bg-white text-sm focus:ring-offset-2 font-medium"
|
|
>
|
|
This is item 976b0ee1-bc6b-4384-8c52-2805d7284b0e
|
|
</li>
|
|
<li class="sm:pr-12 font-bold text-2xl text-gray-900">
|
|
This is item 35bd8538-9982-472c-97a8-8b349d8b2393
|
|
</li>
|
|
<li
|
|
class="shadow-sm border justify-center text-sm text-white flex focus:ring-2 border-transparent hover:bg-indigo-700 py-2 w-full focus:outline-none rounded-md focus:ring-offset-2 focus:ring-indigo-500 bg-indigo-600 font-medium px-4"
|
|
>
|
|
This is item 80f3be43-6dd6-44b8-8c57-4de48384dd63
|
|
</li>
|
|
<li class="pb-24 mt-16">This is item 837e4230-9620-49d1-991b-636caf37c8fa</li>
|
|
</ul>
|
|
<a href="#" class="text-sm"> This is link bdd2a4a8-61d8-431f-a648-c7df5015c475 </a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-sm font-medium block text-gray-700">
|
|
<ul class="sr-only">
|
|
<li class="h-8 w-8 z-20 ring-white inline-block rounded-full relative ring-2">
|
|
<ol class="sm:px-6 mx-auto max-w-3xl px-4 items-center flex">
|
|
<li class="ml-3">This is item 3f3fd608-d791-4001-b055-48bcdd67b5c9</li>
|
|
<li class="border-gray-200 border-b">
|
|
This is item 1ffd38c4-6b54-4766-b13b-f1d441fa193f
|
|
</li>
|
|
<li class="text-indigo-600 hover:bg-indigo-50 bg-white">
|
|
This is item e6bfc7db-b965-4ecf-8a36-6d6149fc68ad
|
|
</li>
|
|
<li class="px-2 space-y-1">This is item adb9177e-d263-4c70-86e5-c95e6d4c4438</li>
|
|
<li class="pt-10 pb-6 space-y-12 px-4">
|
|
This is item 8ba4e935-e5ae-4c0b-8bd0-0582a41666bf
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="block"
|
|
alt="Profile picture of user 42db5322-1960-491f-b21c-60a530601ae8"
|
|
src="https://example.org/pictures/19ea54ab-4923-42d2-9f95-21d63ffc015e"
|
|
/>
|
|
<img
|
|
class="text-sm mt-1 text-gray-500"
|
|
alt="Profile picture of user 1eda6b9c-f578-4fa5-bc14-ed2d35233173"
|
|
src="https://example.org/pictures/c5b77ede-06d6-436a-8a66-50ea2dd247b9"
|
|
/>
|
|
</li>
|
|
<li class="-m-2 font-medium p-2 block text-gray-900">
|
|
<ol class="space-y-1">
|
|
<li
|
|
class="rounded-full h-8 text-gray-900 mx-auto justify-center flex w-8 items-center hover:bg-gray-200"
|
|
>
|
|
This is item 5aca5624-6cc8-4ec4-9c62-2bdb7e5ba8bd
|
|
</li>
|
|
<li class="mx-auto items-center flex h-7 w-7 rounded-full justify-center">
|
|
This is item 614e3e83-bf1f-45f1-897a-056d925a1d52
|
|
</li>
|
|
<li class="border-b border-gray-200">
|
|
This is item 0d289522-fea9-4f95-9a82-254932bfc858
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul
|
|
class="focus:outline-none hover:text-gray-500 rounded-md focus:ring-inset focus:ring-2 p-2 items-center inline-flex focus:ring-indigo-500 hover:bg-gray-100 text-gray-400 justify-center"
|
|
>
|
|
<li class="space-y-1 mt-3">This is item d8d71c4a-194a-4c04-a411-d05991e09aff</li>
|
|
<li class="overflow-y-auto divide-y divide-gray-200 flex-1">
|
|
This is item a484ba2e-0ddc-4740-9dca-faab10bc4c9c
|
|
</li>
|
|
<li class="sr-only">This is item 0724b22e-f099-4feb-b44c-767791e004d3</li>
|
|
<li class="rounded-full justify-center h-7 items-center w-7 flex mx-auto">
|
|
This is item 1eca2abb-27d5-40d2-aa75-fd344ca52f8a
|
|
</li>
|
|
<li class="border-gray-200 border-t-2 flex-1">
|
|
This is item 5ffabe21-54fa-44c8-9b6d-9a8c2adcd0fc
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="mt-0.5 sm:mt-1 text-gray-700"
|
|
alt="Profile picture of user 1a5a7534-915f-48b8-b4bf-3f8ec6653db2"
|
|
src="https://example.org/pictures/07e074f4-852c-4209-90f8-0db254059f4f"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="grid rounded-lg isolate grid-cols-7 ring-1 bg-gray-200 shadow mt-2 ring-gray-200 text-sm gap-px"
|
|
alt="Profile picture of user 5eb039ec-b839-4286-84a5-b85542fa3dd8"
|
|
src="https://example.org/pictures/677dd484-1c35-48c8-9645-a5c1d6e57d1a"
|
|
/>
|
|
<a href="#" target="_blank" class="text-gray-600">
|
|
This is link 1f016c54-a032-435f-beb5-6bb095fe89b6
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="w-10 relative h-10 z-10 rounded-full inline-block ring-2 ring-white">
|
|
<li class="overflow-x-auto py-2 xl:overflow-visible relative box-content h-80">
|
|
<a href="#" target="_blank" class="h-5 w-5 text-gray-400 mx-auto">
|
|
This is link 1c695a1a-b2ce-49ea-b0a1-904711e4f477
|
|
</a>
|
|
<ul class="mt-6 divide-gray-200 border-b border-t border-gray-200 divide-y">
|
|
<li class="pb-20 pt-16">
|
|
<ol class="-ml-1 mr-2 w-5 h-5 text-gray-400">
|
|
<li class="space-y-6 mt-6">This is item ad28acce-d688-4d24-bef7-604d118cce1c</li>
|
|
<li
|
|
class="sm:p-6 md:justify-between lg:space-x-8 sm:rounded-lg md:space-x-6 px-4 md:flex md:items-center py-6 bg-gray-50"
|
|
>
|
|
This is item 56aec4e9-11d3-4929-8dd2-bdf1f530fa20
|
|
</li>
|
|
</ol>
|
|
<ol class="group-hover:text-gray-500 text-gray-400">
|
|
<li class="sm:px-6 relative pt-6 lg:px-8 px-4">
|
|
This is item c5789444-d9a7-41c2-8440-985a82ff8be1
|
|
</li>
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
This is item a961797c-3d47-4b79-bb9b-8634c4ba3579
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="text-2xl text-gray-900 font-bold"
|
|
alt="Profile picture of user ff21c75f-d673-4f4a-98ec-a313d45bc3f2"
|
|
src="https://example.org/pictures/de44c56d-0ffe-4f5d-a681-53ca2dea3720"
|
|
/>
|
|
</li>
|
|
<li class="flow-root">
|
|
<img
|
|
class="justify-between flex-wrap -ml-8 lg:-ml-4 -mt-4 flex"
|
|
alt="Profile picture of user 7fb87f5c-6a77-4acc-80f1-0135e00d34d6"
|
|
src="https://example.org/pictures/5273e665-dabb-46f8-8c5d-810b08fa3a56"
|
|
/>
|
|
<a href="#" class="bg-white"> This is link 401854ae-24ae-420f-95e5-06b3e30630f2 </a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="bg-white border-r pb-4 overflow-y-auto flex border-gray-200 flex-grow flex-col pt-5"
|
|
alt="Profile picture of user bd8ba873-43e6-4148-ae6c-771d336a0f2a"
|
|
src="https://example.org/pictures/12845370-e5df-488b-95b6-af777d67b50d"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ul
|
|
class="bg-blue-100 text-blue-800 items-center rounded font-medium px-2 text-xs inline-flex py-0.5"
|
|
>
|
|
<li class="text-gray-500 hover:text-gray-600">
|
|
<img
|
|
class="md:block flex-1 min-w-0 sm:hidden mt-6"
|
|
alt="Profile picture of user 3a79f91b-1816-4f56-b585-26f45f861e47"
|
|
src="https://example.org/pictures/4f86d527-4a65-43f8-baad-5aaaef88830f"
|
|
/>
|
|
<ol class="text-gray-500 mt-2 text-base">
|
|
<li class="bg-gray-200 h-0.5 w-full">
|
|
This is item 4ea78b1a-52e9-48c8-b7d3-4fc5946f890a
|
|
</li>
|
|
<li class="mt-6 font-medium text-gray-900 block">
|
|
This is item 4350914d-0e10-4485-8532-b9f847bf70d8
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="items-center w-7 justify-center flex mx-auto h-7 rounded-full">
|
|
This is link 85ac8f25-178f-4216-ab0b-5b196e84fd35
|
|
</a>
|
|
</li>
|
|
<li class="space-y-6 mt-6">
|
|
<ol class="min-h-[851px] overflow-auto bg-white">
|
|
<li class="bg-white focus:z-10 hover:bg-gray-100 py-1.5">
|
|
This is item 8234d144-f700-414e-8ef6-7a9aa239e2da
|
|
</li>
|
|
<li class="text-sm px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
|
|
This is item a76acd4d-fc26-4066-8b3b-086bdad6b08c
|
|
</li>
|
|
<li class="text-blue-600 block">
|
|
This is item bd9118c1-f817-4a77-95dd-ae0e87e25a01
|
|
</li>
|
|
<li class="ml-4 flex-shrink-0">
|
|
This is item 82f06c11-86de-49fa-9408-907eb388e9fa
|
|
</li>
|
|
<li class="scroll-py-2 text-gray-800 text-sm max-h-72 py-2 overflow-y-auto">
|
|
This is item d7f04927-e671-4b3f-bdc9-f6779acaf0c7
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="divide-gray-200 bg-white divide-y"
|
|
>
|
|
This is link afeefcc6-5a4b-4289-97a0-f5bf8deac53f
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="ml-1.5 rounded-full font-semibold flex justify-center text-white bg-indigo-600 items-center w-8 h-8"
|
|
>
|
|
<a href="#" target="_blank" rel="noreferrer" class="flex inset-0 z-40 fixed">
|
|
This is link 503e2cf1-fa1e-43df-a593-c150c2bec61c
|
|
</a>
|
|
<a href="#" class="items-center flex justify-center py-3">
|
|
This is link 8e58e91c-8730-4a98-b228-e1059d372bdf
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul class="text-gray-400 text-base">
|
|
<li
|
|
class="hover:text-indigo-900 inline-flex items-center font-medium group text-indigo-600"
|
|
>
|
|
<img
|
|
class="bg-white p-8"
|
|
alt="Profile picture of user 595508c3-92fe-459c-bb5f-6ab5f248be7f"
|
|
src="https://example.org/pictures/843f8b50-ef23-476a-974c-0b673cd4ad15"
|
|
/>
|
|
</li>
|
|
<li class="mx-auto flex justify-center w-7 h-7 rounded-full items-center">
|
|
<img
|
|
class="text-gray-500 text-sm"
|
|
alt="Profile picture of user 127a6fe6-96b6-4516-b1be-cd86ca826227"
|
|
src="https://example.org/pictures/789402fe-c096-4a9b-9657-e2d82a3beb7d"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:col-span-2 col-span-6 sm:col-span-3"
|
|
>
|
|
This is link 8b30cdf8-ab95-4a4d-975d-ef6aebf581ba
|
|
</a>
|
|
</li>
|
|
<li class="sm:px-14 px-6 text-center py-14 text-sm">
|
|
<img
|
|
class="space-y-6 mt-6"
|
|
alt="Profile picture of user bae6f06b-2598-479b-9ac5-34554eaf9d41"
|
|
src="https://example.org/pictures/aee142b6-e827-4dd1-9c04-bc82bd7974d7"
|
|
/>
|
|
</li>
|
|
<li class="sm:items-end space-y-4 w-full flex-col flex items-center">
|
|
<ul
|
|
class="rounded-md justify-center sm:flex-1 uppercase sm:py-6 flex px-4 py-3 relative border group focus:outline-none font-medium hover:bg-gray-50 items-center text-sm"
|
|
>
|
|
<li class="mt-2 sm:block text-gray-500 hidden text-sm">
|
|
This is item c9a5adaa-7716-4311-9395-90e91155d670
|
|
</li>
|
|
<li class="font-medium text-sm leading-none text-gray-400">
|
|
This is item 1a71dad3-22af-49b2-8376-6afd5e55c395
|
|
</li>
|
|
<li class="mt-10 border-t border-gray-200 pt-10">
|
|
This is item 8cc2d708-27b4-4aa0-8c41-f17da9cf5d9c
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="block">
|
|
This is link 7dbe8cbd-c162-4746-910b-e067bccb867d
|
|
</a>
|
|
<ol class="h-8 w-auto">
|
|
<li class="text-base hover:text-white text-gray-300">
|
|
This is item 64b1c173-9f04-41c7-bf97-229dc3a0f127
|
|
</li>
|
|
<li class="text-center pt-10 pb-4">
|
|
This is item 36c8f892-5b14-4061-9f3e-7250ad18d71e
|
|
</li>
|
|
</ol>
|
|
<ul class="flex">
|
|
<li class="py-24 relative sm:px-6 max-w-7xl lg:px-8 px-4 mx-auto lg:py-32">
|
|
This is item b7ff145b-ab54-4ef6-8591-c847a0406543
|
|
</li>
|
|
<li class="flex-shrink-0 absolute justify-center flex items-center">
|
|
This is item 178a08b3-5a27-43b4-ab17-0355eddd103c
|
|
</li>
|
|
<li class="w-6 h-6">This is item c6d31216-a22b-4282-aa63-031eae09b2af</li>
|
|
<li class="absolute inset-0">This is item f9aee801-4d33-4e28-a337-0bc2c09775d5</li>
|
|
</ul>
|
|
</li>
|
|
<li class="hover:text-white text-gray-300">
|
|
<ol class="relative bg-white">
|
|
<li class="w-5 h-5 ml-3 hidden text-gray-400 flex-none">
|
|
This is item 1a2b379d-afc0-42c9-9a4b-0d274f2b5b1a
|
|
</li>
|
|
<li class="py-6 bg-gray-100">This is item 6fdcc501-be3d-4921-a1d1-263e72e65bd4</li>
|
|
<li class="h-full flex space-x-8">
|
|
This is item 45eb42ee-18e6-4710-b701-ec2b5d7f3430
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-gray-900 tracking-tight text-2xl sm:text-3xl font-bold"
|
|
>
|
|
This is link 786255c9-3c07-4d4a-84d7-78f1826b844b
|
|
</a>
|
|
<ol class="ml-3">
|
|
<li class="text-gray-500">This is item 739d0386-dadf-47d6-82b0-bd2ba8e3f953</li>
|
|
<li class="hidden lg:ml-8 lg:flex">
|
|
This is item db82b18a-019f-42a1-bb9f-eaa406188c85
|
|
</li>
|
|
<li class="text-gray-500 text-base mt-2">
|
|
This is item bc987077-01f6-41e4-a4f8-73b47af98041
|
|
</li>
|
|
</ol>
|
|
<ol class="sm:rounded-lg bg-white overflow-hidden shadow">
|
|
<li class="bg-gray-100">This is item aabe698b-3ca8-44e1-b26e-19e2680954f9</li>
|
|
<li class="mx-auto lg:max-w-5xl max-w-md">
|
|
This is item 12f448ab-41a8-4609-80bd-4063fdbfff41
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ol class="bg-opacity-10 justify-center items-center w-12 h-12 bg-white rounded-xl flex">
|
|
<li class="sm:pt-16 lg:pt-24 pt-12">
|
|
<a href="#" class="items-center flex mt-6">
|
|
This is link 317251d9-dbda-406a-9d0b-d8c0e974328d
|
|
</a>
|
|
<ol class="pointer-events-none items-center absolute flex inset-y-0 right-0">
|
|
<li class="flow-root">This is item 781f07a6-2887-4004-b1f1-f8d5445ccc46</li>
|
|
<li class="text-blue-gray-900 font-medium block text-sm">
|
|
This is item 99d4d45f-480f-4886-99bf-4a53870e80b0
|
|
</li>
|
|
<li class="block font-medium text-gray-900 -m-2 p-2">
|
|
This is item 3c23c152-4410-404e-ba88-2bfd3fe2dbf7
|
|
</li>
|
|
<li class="w-0 items-center flex-1 flex">
|
|
This is item 674d3734-99c3-4f2f-99bd-c35c07df396a
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="relative px-6 w-12 sm:w-16 sm:px-8">
|
|
<img
|
|
class="text-white font-bold tracking-tight sm:text-4xl text-3xl"
|
|
alt="Profile picture of user 7a4f4ca5-acff-4321-bd48-f94412c43907"
|
|
src="https://example.org/pictures/2db2c71a-12cc-4349-945e-f815aa638440"
|
|
/>
|
|
</li>
|
|
<li class="py-4 flex">
|
|
<ul class="max-w-7xl py-12 lg:px-8 mx-auto sm:px-6">
|
|
<li class="py-6">This is item 3a0260c3-aaef-40d2-9af5-d80cd6249465</li>
|
|
<li class="justify-center items-center flex p-8 bg-white">
|
|
This is item 1aa2b464-bcff-485a-82a5-2975a15bbc0e
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="focus:relative md:block border-t hidden border-b hover:text-gray-900 border-gray-300 hover:bg-gray-50 bg-white px-3.5 text-sm text-gray-700 font-medium"
|
|
>
|
|
This is link d8aba20c-5d6e-4466-bd27-ee114bd2b63b
|
|
</a>
|
|
<img
|
|
class="lg:pl-2"
|
|
alt="Profile picture of user 8c956d01-a5fc-4068-b556-5072d7770d64"
|
|
src="https://example.org/pictures/3cdd6176-8ef4-4c15-8bb4-6b59bd7faba9"
|
|
/>
|
|
</li>
|
|
<li class="hover:bg-gray-100 bg-white py-1.5 focus:z-10">
|
|
<ul class="w-full relative focus-within:text-gray-600 text-gray-400">
|
|
<li
|
|
class="font-semibold text-green-800 leading-5 rounded-full text-xs bg-green-100 px-2 inline-flex"
|
|
>
|
|
This is item 6bcc25a2-9a42-46a1-b6a0-4d7d7cfec0f9
|
|
</li>
|
|
<li class="inset-0 absolute">This is item d0cde650-40f2-47b2-9188-e97389535d7f</li>
|
|
</ul>
|
|
<img
|
|
class="text-sm font-medium text-gray-700 block"
|
|
alt="Profile picture of user 7be423ff-49d1-4381-b52d-b8e1d1fc49d2"
|
|
src="https://example.org/pictures/91e6d3f3-02de-4884-a3ae-139461de1134"
|
|
/>
|
|
</li>
|
|
<li class="py-2 border-gray-200 border-t">
|
|
<ol
|
|
class="text-gray-500 md:hidden border-gray-200 focus:outline-none focus:ring-indigo-500 px-4 focus:ring-inset border-r focus:ring-2"
|
|
>
|
|
<li class="rounded-full block bg-indigo-600 w-2.5 h-2.5 hover:bg-indigo-900">
|
|
This is item 5d3f0359-0bf5-42c2-bc49-987b65ceaf89
|
|
</li>
|
|
<li class="text-gray-500 font-medium text-sm">
|
|
This is item 765791c8-75b4-4eb0-ade3-77cde5fac867
|
|
</li>
|
|
<li class="h-24 w-auto mx-auto -my-1">
|
|
This is item a31c4b7b-3ce9-467a-abd9-16682630dde3
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="flex relative"
|
|
alt="Profile picture of user 13838112-b81d-4f8d-840e-03ea4ed6adfb"
|
|
src="https://example.org/pictures/8e9ba709-e54d-4131-bd10-5ddded686796"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-right w-64 mx-auto">
|
|
This is link d406fa5d-2c1a-481b-990c-7e432caade31
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="border-gray-300 ml-4 border-l pl-4">
|
|
This is link 08cecac2-1477-416e-82cb-66d19cf9deda
|
|
</a>
|
|
<img
|
|
class="text-white hover:text-gray-100 font-medium text-sm"
|
|
alt="Profile picture of user e928df5f-58b8-424a-b490-b34bfc9ed77c"
|
|
src="https://example.org/pictures/62f5304d-7121-438a-99f8-609f962540c5"
|
|
/>
|
|
</li>
|
|
<li class="focus:z-10 bg-white py-1.5 hover:bg-gray-100">
|
|
<a href="#" target="_blank" class="items-center flex">
|
|
This is link 92bb50f6-e30a-4f38-885f-c8ea1592ed92
|
|
</a>
|
|
<ul
|
|
class="border-b border-t sm:border-0 flex border-gray-100 text-center p-6 sm:border-l flex-col sm:border-r"
|
|
>
|
|
<li class="lg:gap-x-6 xl:gap-x-8 lg:grid-cols-2 lg:grid">
|
|
<ul class="sm:flex-shrink-0 lg:w-48 text-gray-500 sm:w-40 font-medium text-sm">
|
|
<li class="relative">This is item d32fef0e-07d1-4de1-96e6-c948e828f3ab</li>
|
|
<li class="w-full flex-shrink-0 group block">
|
|
This is item 25aa3dbb-8466-458d-a8f0-b8dde39bf3c2
|
|
</li>
|
|
<li class="flex flex-col mt-5 flex-grow">
|
|
This is item 2dda561d-9e51-4b79-8503-52bda6b775dd
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="z-40 flex inset-0 fixed"
|
|
alt="Profile picture of user b7d6dcb6-577e-47a0-981b-3268ff632a96"
|
|
src="https://example.org/pictures/eb41d5e6-8333-4235-b159-c64c41f815fd"
|
|
/>
|
|
</li>
|
|
<li class="text-lg mt-3 text-gray-500">
|
|
<ul class="flex-shrink-0 pt-0.5">
|
|
<li class="aspect-h-7 lg:aspect-none aspect-w-12">
|
|
This is item e17358de-1266-4515-bddb-24d3a45e991e
|
|
</li>
|
|
<li
|
|
class="md:gap-x-8 grid-cols-1 sm:grid-cols-2 gap-6 text-sm lg:pl-8 lg:col-span-5 grid"
|
|
>
|
|
This is item 9ba48ec4-9f52-4229-badb-ba2c133ea2b2
|
|
</li>
|
|
<li class="-mb-px px-4 flex space-x-8">
|
|
This is item 13235afa-07b6-41a9-b3f5-c92fb1781b6d
|
|
</li>
|
|
<li class="-mr-2">This is item ccb505b1-3547-4d4e-8631-4b745981d9eb</li>
|
|
</ul>
|
|
<img
|
|
class="h-5 w-5 text-gray-400 mr-3"
|
|
alt="Profile picture of user 8b352cb5-94d4-4cd5-8743-be4550847545"
|
|
src="https://example.org/pictures/f237dfd8-475b-4dcb-addd-9dcd985022c2"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ul class="sm:max-w-xs w-full">
|
|
<li class="w-64 mx-auto">
|
|
<ul class="justify-center items-center mx-auto h-7 flex w-7 rounded-full">
|
|
<li class="md:mt-0 text-base md:order-1 mt-8 text-gray-400">
|
|
This is item bec5e033-3260-46ca-b1d3-25e6ea8fb46e
|
|
</li>
|
|
<li class="text-sm font-medium text-gray-900">
|
|
This is item 2e364fe5-d727-45b3-8f7a-56e3760f2a7d
|
|
</li>
|
|
<li class="flex-shrink-0 flex items-center">
|
|
This is item 785d3483-7b0e-4bf0-bc3f-00a76e860cfd
|
|
</li>
|
|
<li
|
|
class="focus:outline-none inset-y-0 px-2 flex absolute items-center right-0 rounded-r-md"
|
|
>
|
|
This is item acabf5af-db2c-45e9-9f80-b2b7548e0b52
|
|
</li>
|
|
<li class="lg:col-span-2">This is item 7d0d447f-1c4b-49fa-8ce2-93c34974cc94</li>
|
|
</ul>
|
|
</li>
|
|
<li class="h-6 w-6">
|
|
<img
|
|
class="border-gray-300 bg-white focus:ring-indigo-500 text-sm px-4 hover:bg-gray-50 py-2 md:w-auto text-gray-700 items-center focus:outline-none rounded-md border flex justify-center w-full focus:ring-offset-2 font-medium shadow-sm focus:ring-2"
|
|
alt="Profile picture of user 020efd51-c33e-40fd-ac1f-3c4444caa07a"
|
|
src="https://example.org/pictures/824c8a65-0f30-4bcf-8603-95a065942087"
|
|
/>
|
|
<img
|
|
class="block relative border focus:outline-none cursor-pointer p-4 border-gray-300 rounded-lg"
|
|
alt="Profile picture of user 1c56e07b-fe55-48d5-93bc-8be7096066bd"
|
|
src="https://example.org/pictures/5c513221-3c6b-40c4-b7ba-cf1beb85a071"
|
|
/>
|
|
<ul class="max-w-7xl lg:px-8 px-4 py-12 mx-auto sm:px-6">
|
|
<li class="font-medium text-sm block text-gray-700">
|
|
This is item 4a2a55ca-2420-4375-9485-c508925e2948
|
|
</li>
|
|
<li
|
|
class="bg-gray-800 focus:ring-white rounded-full focus:ring-offset-gray-800 text-sm focus:ring-2 focus:outline-none text-white focus:ring-offset-2 flex"
|
|
>
|
|
This is item 2ac1e9c4-479d-4ff8-89aa-48e836ca0d90
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="-mb-8">
|
|
This is link 2980a77f-d5f3-442a-941b-54db439683c3
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-900 font-medium md:mt-10 mt-6">
|
|
<img
|
|
class="h-10 rounded-full w-10"
|
|
alt="Profile picture of user 4d599621-1669-4258-a343-87f2c2c71b0c"
|
|
src="https://example.org/pictures/fc1ef785-1347-4073-a31b-b21bfba3f3cc"
|
|
/>
|
|
</li>
|
|
<li class="text-sm block font-medium text-gray-700">
|
|
<ol class="mt-1 text-sm text-gray-500">
|
|
<li class="sm:flex">This is item 824ddf4b-65b2-45e7-9197-179f033e6168</li>
|
|
<li class="object-center w-24 object-cover bg-gray-100 flex-none h-24 rounded-md">
|
|
This is item e792a5dc-82e3-4bb7-a897-1262e2634fec
|
|
</li>
|
|
<li class="hover:text-gray-900 text-base text-gray-500">
|
|
This is item aac8030a-e4bc-4263-ab5b-a364dd69a6d4
|
|
</li>
|
|
<li class="h-5 w-5">This is item 922779fa-700b-40a5-bf61-2507473d38cf</li>
|
|
</ol>
|
|
<ol class="mt-6 space-y-4">
|
|
<li class="pt-4 border-t pb-3 border-sky-800">
|
|
This is item 07b07af8-ee98-47a3-8c9b-741f8cf29473
|
|
</li>
|
|
<li
|
|
class="shadow-sm hover:bg-indigo-50 border-transparent px-4 bg-white inline-flex whitespace-nowrap border text-indigo-600 items-center font-medium text-base py-2 rounded-md justify-center"
|
|
>
|
|
This is item c6243362-2098-4ac0-bf94-fccdd0eb2c03
|
|
</li>
|
|
<li class="w-5 h-5 text-gray-400">
|
|
This is item 846ef751-bed4-446c-94cb-8e7cc52c2b65
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="lg:hidden flex relative justify-end"
|
|
alt="Profile picture of user 93a1b8d7-e175-4318-a4c2-3748b5ead6e5"
|
|
src="https://example.org/pictures/0670695e-b240-4487-bf8f-dc8607026402"
|
|
/>
|
|
</li>
|
|
<li class="bg-white shadow overflow-hidden rounded-lg">
|
|
<img
|
|
class="w-full object-cover object-center h-full"
|
|
alt="Profile picture of user ba860a9b-c6a5-48dc-993f-54e949b9a1a1"
|
|
src="https://example.org/pictures/18ce0287-3ec8-4efa-a46d-d4a7b7c1cfd3"
|
|
/>
|
|
<ul class="flex-1 pt-5 flex pb-4 w-full flex-col bg-indigo-700 relative max-w-xs">
|
|
<li class="md:block hidden">This is item 3e494ff6-1151-4032-a409-d61604e5ce7a</li>
|
|
<li class="font-medium text-blue-gray-900 text-sm block">
|
|
This is item bbf58a84-9d3f-4218-80ae-fc29e2d0dcb5
|
|
</li>
|
|
<li class="text-gray-600">This is item 82e9fa45-f8b4-4869-80e1-7a53385d472c</li>
|
|
</ul>
|
|
<ul class="lg:grid-cols-3 lg:gap-8 lg:grid">
|
|
<li class="text-gray-200">This is item 0cc45abe-f559-43dc-9d7e-9e43138b69ee</li>
|
|
<li class="focus:outline-none hover:underline">
|
|
This is item 6db0e361-8812-496d-b99f-bde3ce42cfec
|
|
</li>
|
|
<li class="grid-rows-1 flex-auto grid grid-cols-1">
|
|
This is item 2b1d683a-360b-4dd2-86d7-0fa78a43bcb2
|
|
</li>
|
|
<li class="ml-3 text-sm font-medium block">
|
|
This is item 2a04adb3-4022-4485-ac71-8c7422ad0382
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="divide-gray-100 mx-auto transform ring-opacity-5 rounded-xl divide-y max-w-xl shadow-2xl ring-1 ring-black bg-white transition-all overflow-hidden"
|
|
>
|
|
<img
|
|
class="text-white bg-gray-900"
|
|
alt="Profile picture of user 32fe9e49-f339-4467-8643-9cc4f5410e1f"
|
|
src="https://example.org/pictures/148f98cb-f20c-456f-932b-8c7953824136"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="transition-opacity fixed bg-gray-500 inset-0 bg-opacity-25">
|
|
<ul class="sm:aspect-none bg-gray-200 aspect-w-3 sm:h-96 group-hover:opacity-75 aspect-h-4">
|
|
<li class="text-base text-gray-500 hover:text-gray-900 font-medium">
|
|
<img
|
|
class="px-3 py-2 bg-white relative"
|
|
alt="Profile picture of user 86ab823e-c61f-4e75-8a40-ece480473180"
|
|
src="https://example.org/pictures/e7ffddaf-4f3c-498c-8f63-a4e66d7e2146"
|
|
/>
|
|
<ul class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
|
|
<li class="relative">
|
|
<img
|
|
class="items-center absolute pl-3 flex left-0 pointer-events-none inset-y-0"
|
|
alt="Profile picture of user 24f3a87e-8766-41fa-8967-b912f9bece5c"
|
|
src="https://example.org/pictures/f29d83d6-ad85-404e-9298-e96e58419b30"
|
|
/>
|
|
<ul class="sm:px-6 bg-gray-50 px-4 lg:hidden py-6">
|
|
<li class="text-indigo-600 md:block h-5 w-5 hidden mx-1">
|
|
This is item 1de5f3bd-a140-4a1e-b87f-8b98cc88e26a
|
|
</li>
|
|
<li class="md:items-center md:ml-4 md:flex hidden">
|
|
This is item 22f57704-6019-454d-8389-f9256784f721
|
|
</li>
|
|
<li class="rounded-full justify-center items-center w-7 mx-auto h-7 flex">
|
|
This is item a106aa0a-7fd0-49eb-af8f-cadb50f9f48c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="mt-6 sm:hidden">
|
|
<a href="#" target="_blank" class="text-gray-300 w-5 flex-shrink-0 sm:-ml-1 h-5">
|
|
This is link 38f0896c-ec1c-4391-88e8-01533f5ac34f
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 rounded-md focus:ring-2 text-sm border-transparent px-4 py-2 hover:bg-indigo-700 bg-indigo-600 text-white focus:outline-none font-medium shadow-sm ml-6 border focus:ring-offset-2"
|
|
>
|
|
<a href="#" target="_blank" class="text-gray-700 block font-medium text-sm ml-3">
|
|
This is link bcd6f509-ec22-499c-9ec7-65bdfbc1fc09
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="md:px-8 mx-auto sm:px-6 px-4 max-w-7xl">
|
|
This is link ac3d52de-8356-497d-8e51-11288d01bdda
|
|
</a>
|
|
</li>
|
|
<li class="mt-1">
|
|
<ul class="md:fixed md:flex md:w-64 hidden md:inset-y-0 md:flex-col">
|
|
<li class="flex-1 min-w-0">
|
|
<img
|
|
class="w-full aspect-h-1 aspect-w-1"
|
|
alt="Profile picture of user bfa9e9ab-6627-4232-b2d6-1734c0357822"
|
|
src="https://example.org/pictures/1465dc98-1132-4f69-b9e7-d857a172bef5"
|
|
/>
|
|
</li>
|
|
<li class="h-7 w-7 rounded-full flex justify-center mx-auto items-center">
|
|
<img
|
|
class="w-0 flex-1 lg:pl-64 flex-col flex"
|
|
alt="Profile picture of user 2acb93e8-2410-4ae2-9409-1adde05b63de"
|
|
src="https://example.org/pictures/8a4658dc-1899-4273-824a-0d6a0f0adc0e"
|
|
/>
|
|
<img
|
|
class="text-gray-600 text-sm flex"
|
|
alt="Profile picture of user 7727dfd1-ea3d-43d7-853d-3666f7930443"
|
|
src="https://example.org/pictures/4b338c78-11c4-4c81-ab47-b6d70e32b117"
|
|
/>
|
|
<ol class="flex flex-col xl:flex-col sm:flex-row">
|
|
<li class="text-sm mt-1 text-gray-500">
|
|
This is item e917dfab-3bec-47e6-9ae9-a9b8da71c4aa
|
|
</li>
|
|
<li
|
|
class="gap-y-6 sm:gap-x-6 mt-6 grid sm:grid-cols-2 grid-cols-1 lg:gap-8 sm:grid-rows-2"
|
|
>
|
|
This is item b3a1b236-f46e-4bac-b5ce-4da0324c7a9a
|
|
</li>
|
|
<li class="space-y-4 mt-4">This is item 09f5cd5d-9db1-4746-846e-d37073652c80</li>
|
|
<li
|
|
class="border-gray-300 shadow-sm focus-within:ring-indigo-500 overflow-hidden border focus-within:ring-1 focus-within:border-indigo-500 rounded-lg"
|
|
>
|
|
This is item 52893aba-7bc6-42f1-b92c-825ccc5db958
|
|
</li>
|
|
<li class="w-5 h-5">This is item 4508f1c1-e228-493e-9fe7-07f0609b9261</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="py-6 px-5 space-y-6"
|
|
alt="Profile picture of user 1825bbc3-0117-4892-8731-14eee7e93089"
|
|
src="https://example.org/pictures/4c1ce60f-4bb1-4aac-8532-263d9f222594"
|
|
/>
|
|
</li>
|
|
<li class="hover:bg-gray-100 py-1.5 text-gray-400 focus:z-10 bg-gray-50">
|
|
<ol class="rounded-full mx-auto w-7 justify-center h-7 flex items-center">
|
|
<li class="mt-4 space-y-4">
|
|
<a href="#" class="mt-12 sm:w-full sm:max-w-lg sm:flex">
|
|
This is link 4ed326c8-93d3-49ff-8e14-cc509a6681ed
|
|
</a>
|
|
<img
|
|
class="text-base px-5 py-3 font-medium border text-indigo-600 border-transparent hover:bg-indigo-50 bg-white rounded-md items-center inline-flex justify-center"
|
|
alt="Profile picture of user 11670888-b5cd-4c32-a716-84cd625d2bc1"
|
|
src="https://example.org/pictures/8faf5e4a-271d-4641-ae0c-c4940a46e326"
|
|
/>
|
|
</li>
|
|
<li class="flex hover:bg-gray-50 rounded-lg -m-3 p-3 items-center">
|
|
<a href="#" rel="noreferrer" class="py-2 text-sm block px-4">
|
|
This is link 76771dd0-1d27-467f-8af6-8985669507d9
|
|
</a>
|
|
<img
|
|
class="text-sm mt-1 text-gray-500"
|
|
alt="Profile picture of user e8a14051-ed8c-47bf-bacd-b86cbd9d8846"
|
|
src="https://example.org/pictures/2349a90e-2f5d-4d39-bb8e-62fb0745e617"
|
|
/>
|
|
<img
|
|
class="pb-3 pt-2 sm:px-3 space-y-1 px-2"
|
|
alt="Profile picture of user c667d5f4-eb0f-4eb3-ad1f-06f86cc9e450"
|
|
src="https://example.org/pictures/cf236468-f8d9-4156-a1e9-a7adce23256b"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="border rounded-md font-medium text-white bg-indigo-500 px-4 bg-opacity-60 sm:px-8 justify-center border-transparent hover:bg-opacity-70 flex shadow-sm py-3 items-center text-base"
|
|
>
|
|
<a href="#" class="lg:col-span-2 sm:col-span-3 col-span-6">
|
|
This is link 08811a03-7693-42a5-b2bc-e1133980fe8f
|
|
</a>
|
|
<a href="#" target="_blank" rel="noreferrer" class="bg-white relative">
|
|
This is link 2024f756-5c5d-4276-b57e-4f7d0cb010b4
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="w-full max-w-xs lg:max-w-md mx-auto"
|
|
alt="Profile picture of user 255f1a0e-c4e7-4d0e-9bf9-108369ec7b32"
|
|
src="https://example.org/pictures/5c5f2bc1-bfa3-4247-8ae9-bad3ac6527e8"
|
|
/>
|
|
<ul class="text-gray-600 flex-1 min-w-0 ml-3">
|
|
<li class="text-base lg:max-w-none max-w-prose">
|
|
<ul class="sm:col-span-2 space-y-5">
|
|
<li class="sm:-mb-48 lg:relative -mb-16 lg:m-0 mt-12">
|
|
This is item 8df39723-f9e6-481f-a7e4-060597afc00a
|
|
</li>
|
|
<li class="sm:flex">This is item 74b6a166-cd40-4a1d-912e-6a250f2f025b</li>
|
|
<li class="sr-only">This is item b4f25f21-2969-458e-91e0-5ce64b77985d</li>
|
|
</ul>
|
|
<ol class="sm:block hidden">
|
|
<li
|
|
class="flex flex-col overflow-y-auto w-full h-full shadow-xl bg-white py-4 max-w-xs pb-6 relative ml-auto"
|
|
>
|
|
This is item 9220887b-f9b3-4a36-8d6d-71e6fa121b8f
|
|
</li>
|
|
<li class="block text-sm text-gray-700 font-medium">
|
|
This is item dff1f913-d4ef-47e3-998e-e382ca36c120
|
|
</li>
|
|
</ol>
|
|
<ol class="w-auto h-8">
|
|
<li
|
|
class="text-xs -ml-14 text-right -mt-2.5 pr-2 left-0 sticky w-14 text-gray-400 leading-5"
|
|
>
|
|
This is item 01d6eb4f-cb24-4967-a2f6-a1eb828f4bc7
|
|
</li>
|
|
<li
|
|
class="text-white text-base bg-opacity-50 flex py-4 items-center px-4 bg-cyan-700"
|
|
>
|
|
This is item ed00abee-a4c8-4045-a8c0-727340ecc922
|
|
</li>
|
|
<li class="mt-8">This is item 534c4178-dc62-4dc1-9dec-4ba1bfb8012f</li>
|
|
<li class="flex-shrink-0">This is item e7be045d-ff14-47bd-9155-efbd8c26c2a3</li>
|
|
</ol>
|
|
<ol class="text-gray-300">
|
|
<li class="flex text-gray-500 ml-2 items-center text-sm">
|
|
This is item ed061e8b-0487-4875-8367-cf4bdbcbf2dd
|
|
</li>
|
|
<li class="rounded-full h-8 w-8">
|
|
This is item f920d4f5-10d1-4c74-a264-5932983769dd
|
|
</li>
|
|
<li class="flow-root">This is item bf71052c-2ab5-4452-aee7-98a4eb362b2b</li>
|
|
<li
|
|
class="border-indigo-700 shadow-sm focus:ring-white py-2 focus:ring-offset-indigo-700 focus:outline-none bg-white hover:bg-indigo-50 rounded-md text-sm focus:ring-offset-2 text-indigo-700 px-6 relative whitespace-nowrap focus:z-10 font-medium focus:ring-2"
|
|
>
|
|
This is item 4869cc74-0566-4c47-a150-56cbe03c6651
|
|
</li>
|
|
<li class="text-sm">This is item 49fe7f09-8ff4-4ba6-a415-bc39da29389a</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-white divide-gray-200 divide-y">
|
|
<ol class="py-1.5 focus:z-10 bg-white hover:bg-gray-100">
|
|
<li class="-my-2">This is item db4ad3aa-2a57-44a1-94ca-1ed6aa578e7b</li>
|
|
<li class="sm:col-span-4 col-span-3">
|
|
This is item 24af17c2-b7c6-4a31-a80c-8db21ec133af
|
|
</li>
|
|
<li
|
|
class="bg-white focus:ring-2 flex rounded-full focus:ring-gray-900 focus:ring-offset-2 focus:outline-none"
|
|
>
|
|
This is item d63fa296-6a7c-4733-b662-28b5d63af0a8
|
|
</li>
|
|
</ol>
|
|
<ul class="px-3 relative py-2 bg-white">
|
|
<li
|
|
class="bg-white px-4 w-full border text-gray-500 text-sm rounded-md font-medium border-gray-300 justify-center shadow-sm py-2 inline-flex hover:bg-gray-50"
|
|
>
|
|
This is item 0d51b9b0-6ba1-4c86-8f45-43b0fb38d223
|
|
</li>
|
|
<li class="pr-10 font-semibold xl:pr-0 text-gray-900">
|
|
This is item 846113b5-db89-415d-a645-feb1e5d2b983
|
|
</li>
|
|
<li class="-ml-2 flex-wrap items-baseline flex -mt-2">
|
|
This is item 1da01374-4d2e-413f-8aac-bf881338898c
|
|
</li>
|
|
<li class="shadow-sm flex md:items-stretch items-center rounded-md">
|
|
This is item e0dc9b6c-8919-4cf3-bd45-040ec3e331d2
|
|
</li>
|
|
<li class="sr-only">This is item 2c7adba9-32bd-4d18-bb83-2a891aff0b24</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="max-h-12">
|
|
This is link 166ebb7a-b0d9-499e-a8ad-daccb26eef1b
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="flex space-x-3"> This is link 29a2fb31-aa5e-4454-bce4-3760b8d69fc8 </a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul class="border-gray-200 md:border-t-0 border-t divide-y divide-gray-200">
|
|
<li class="truncate">
|
|
<ul class="mt-3 text-gray-300 sm:mt-4 text-sm">
|
|
<li class="mt-8">This is item 1e360179-d34a-41b7-aaf4-3bcd236b40ae</li>
|
|
<li
|
|
class="py-5 items-center focus-within:ring-2 px-6 relative focus-within:ring-inset hover:bg-gray-50 flex space-x-3 focus-within:ring-indigo-500"
|
|
>
|
|
This is item 73b3ad62-1ae5-458a-8928-0ac7a13cbbd8
|
|
</li>
|
|
<li class="h-12">This is item 4f158cad-c67f-4f5b-9485-686ed84ec544</li>
|
|
<li class="text-gray-500 hover:text-gray-900 text-base">
|
|
This is item 3fd7ec26-9e57-41f9-a43b-117b2ac79206
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="w-full h-full rounded-full bg-indigo-200"
|
|
alt="Profile picture of user eeec003f-25fa-490c-886b-f43300f8955f"
|
|
src="https://example.org/pictures/02d01b07-131f-45e3-8204-60ba7e94b10b"
|
|
/>
|
|
</li>
|
|
<li class="divide-y divide-gray-100">
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link d9f30590-3c9a-49f9-9ada-90bef5df6a17
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="border-gray-300 h-48 rounded border-dashed bg-white w-full border-2 text-gray-200"
|
|
>
|
|
This is link 15fadd34-8940-41b8-ba7d-357b82df6283
|
|
</a>
|
|
<ul
|
|
class="focus:border-indigo-500 w-full px-4 block py-3 rounded-md shadow-sm border-gray-300 focus:ring-indigo-500"
|
|
>
|
|
<li class="sm:ml-6 sm:flex hidden sm:items-center">
|
|
This is item 040a6f05-38c3-46a7-99c0-7aac0d1b59db
|
|
</li>
|
|
<li class="w-full object-center object-cover h-full">
|
|
This is item efc9f7a5-bb34-48f0-9c4b-133f75665dd4
|
|
</li>
|
|
<li class="gap-x-4 grid-cols-1 mt-6 grid gap-y-6 sm:grid-cols-3">
|
|
This is item 05e42186-73d7-4f71-bc07-8366e33620b1
|
|
</li>
|
|
</ul>
|
|
<ol class="px-2 rounded-md items-center font-medium py-2 group flex text-sm">
|
|
<li class="w-6 text-gray-400 h-6">
|
|
This is item c4cc4b54-5597-4628-8543-c9e21f500db1
|
|
</li>
|
|
<li class="gap-x-6 lg:gap-x-8 gap-y-10 grid grid-cols-1">
|
|
This is item c00e358e-6b9f-4c68-8d3d-c4601a674384
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="relative flex">
|
|
<ul class="group-hover:text-gray-500 ml-2 w-5 h-5">
|
|
<li class="flex space-x-8 mt-6 justify-between">
|
|
This is item a4c89850-1208-4734-b4ac-01bcb3488872
|
|
</li>
|
|
<li class="sr-only">This is item 3c5e3a71-cb6d-43ce-8306-13b7f7d80aa0</li>
|
|
<li class="flex rounded-full w-7 justify-center h-7 items-center mx-auto">
|
|
This is item da2cd611-5e83-41b2-b1c8-a88a4e3bdfaf
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="mt-16 xl:grid-cols-4 grid lg:grid-cols-3 sm:gap-y-16 sm:grid-cols-2 gap-x-6 grid-cols-1 gap-y-10 lg:gap-x-8"
|
|
>
|
|
This is link 3011783f-29c2-4124-a7c0-df134ecd294f
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:mt-9 text-center lg:row-start-1 lg:col-end-13 mt-10 xl:col-start-9 lg:col-start-8"
|
|
>
|
|
This is link 8d025940-3728-4603-9602-6a00dc543d39
|
|
</a>
|
|
<ul class="bg-indigo-600 lg:border-none border-b border-opacity-25 border-indigo-300">
|
|
<li class="text-indigo-200 text-lg mt-4 leading-6">
|
|
<img
|
|
class="prose max-w-none prose-sm mt-2 text-gray-500"
|
|
alt="Profile picture of user f5f20fad-9607-49c5-9b31-fc851f4de296"
|
|
src="https://example.org/pictures/3970ac20-7a9b-4cba-92d3-d3ed202c97ee"
|
|
/>
|
|
<ul class="sm:flex py-4">
|
|
<li class="h-8 w-auto">This is item 97ef9df3-2085-4b9c-b82d-02772d741fb8</li>
|
|
<li
|
|
class="absolute ring-opacity-5 shadow-lg w-48 right-0 ring-1 origin-top-right ring-black rounded-md bg-white z-10 focus:outline-none py-1 mt-2"
|
|
>
|
|
This is item 49a8b97d-cbc8-4f3c-aaf2-47cadec89411
|
|
</li>
|
|
<li class="lg:col-start-1 md:col-span-2 lg:row-start-1 col-span-1">
|
|
This is item 8330bd16-51f5-4345-93c3-6fe3268a8fb4
|
|
</li>
|
|
</ul>
|
|
<ul
|
|
class="rounded-md hover:text-white text-gray-400 hover:bg-gray-700 block px-3 text-base font-medium py-2"
|
|
>
|
|
<li class="pt-6 border-gray-200 border-t mt-8">
|
|
This is item 876f1735-f8b2-462e-a34f-3d445e032443
|
|
</li>
|
|
<li class="flex -mb-px space-x-8">
|
|
This is item c080cded-e57b-4a53-bf62-08e087c18c6e
|
|
</li>
|
|
<li class="sr-only">This is item 37d1250c-d792-452f-a011-b251916164e7</li>
|
|
<li class="flex items-start justify-between">
|
|
This is item 694fe092-2d9c-4744-8f40-ec7115f1df99
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-center mt-6 text-sm text-gray-500">
|
|
<ol class="flex-shrink-0 w-5 h-5">
|
|
<li class="p-2 rounded-lg bg-indigo-800 flex">
|
|
This is item 4de00f8d-810d-4a98-8ef5-c56f7eae1e87
|
|
</li>
|
|
<li class="flex-1 justify-end flex items-center">
|
|
This is item afb90421-0dae-4f1e-8cd1-38985c656529
|
|
</li>
|
|
<li class="font-medium text-sm py-2 hover:bg-sky-400 rounded-md px-3 text-white">
|
|
This is item f212e3d1-431d-43a1-ac13-fd7f95a21380
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="relative z-10"
|
|
alt="Profile picture of user 7d8374b0-6c74-452c-8ba0-7065bd2a516c"
|
|
src="https://example.org/pictures/7d2b149a-378f-44e4-9cf3-ccaa4461bd37"
|
|
/>
|
|
<ul
|
|
class="shadow-sm border focus:ring-indigo-500 border-transparent bg-indigo-600 rounded-md text-white text-sm focus:ring-offset-2 px-4 w-full py-2 focus:ring-2 focus:outline-none justify-center hover:bg-indigo-700 font-medium flex"
|
|
>
|
|
<li class="hover:text-gray-500 lg:block ml-6 text-gray-400 p-2 hidden">
|
|
This is item 610b4745-7417-4d4c-a75d-0ecc27316d1b
|
|
</li>
|
|
<li class="py-2 justify-center bg-white flex">
|
|
This is item 261d2dd7-38a6-4cb2-b7e3-ca8522093cf1
|
|
</li>
|
|
<li
|
|
class="lg:grid-cols-2 gap-y-10 lg:col-span-2 grid lg:gap-x-8 grid-cols-1 lg:gap-y-0"
|
|
>
|
|
This is item 5ac97726-6c77-4681-ba91-72ab4fd1a435
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-900 font-semibold text-left py-3.5 text-sm px-3">
|
|
<a href="#" class="sm:text-2xl font-medium text-xl">
|
|
This is link fdf4fd88-3f82-476f-8369-cffe3acff91f
|
|
</a>
|
|
</li>
|
|
<li class="hidden text-indigo-100 flex-none ml-3">
|
|
<ul class="space-y-8">
|
|
<li class="items-center flex hover:text-gray-800 font-medium text-gray-700 text-sm">
|
|
This is item e5e62b35-04e1-45cd-86f3-8b022df8c5de
|
|
</li>
|
|
<li
|
|
class="bg-indigo-700 sm:px-12 sm:py-16 rounded-3xl lg:flex lg:items-center px-6 lg:p-20 py-10"
|
|
>
|
|
This is item f5df527b-b282-4ff7-a169-3e4adec097d8
|
|
</li>
|
|
<li class="sm:mt-0 mt-1 sm:col-span-2">
|
|
This is item 17657a4f-2272-44f7-9eed-c6f3b4150eec
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="relative py-32"
|
|
alt="Profile picture of user cb0a5c68-7edf-4334-9128-91f8d1861dbb"
|
|
src="https://example.org/pictures/a978d4e6-7791-4326-be16-f342f94fb345"
|
|
/>
|
|
<img
|
|
class="justify-center items-center rounded-full mx-auto h-7 w-7 flex"
|
|
alt="Profile picture of user d67e8307-ac6a-4b5d-8974-38b871223d4e"
|
|
src="https://example.org/pictures/6fabfe3b-8ce2-4693-943e-f90261861611"
|
|
/>
|
|
<ol class="flex-shrink-0 w-5 h-5">
|
|
<li class="flex py-4 space-x-3 items-center">
|
|
This is item 3156d280-ea7e-4bc6-a57a-ffda6e1c41fe
|
|
</li>
|
|
<li class="text-sm grid-cols-2 grid grid-rows-1 gap-8">
|
|
This is item 230b5854-8dcf-43c0-9e7e-29687187a51f
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-gray-200 h-2.5 rounded-full w-2.5 hover:bg-gray-400 block">
|
|
<ol class="max-w-7xl px-8 mx-auto">
|
|
<li class="h-auto w-5 flex-shrink-0 block">
|
|
This is item 0200bdff-4061-4e04-8d85-84d137ed92b5
|
|
</li>
|
|
<li class="sm:mt-4 sm:space-y-4 space-y-6 mt-6">
|
|
This is item ede58ba6-520a-47d5-a3e1-62eec30b043a
|
|
</li>
|
|
<li class="xl:px-20 pt-10 sm:px-16 lg:pr-0 sm:pt-16 pb-12 px-6 xl:py-20 lg:py-16">
|
|
This is item c94a9363-fcb1-4cf3-bdee-58ac6a3b9056
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-600">
|
|
<li
|
|
class="bg-gray-50 px-4 lg:col-span-5 mt-16 rounded-lg lg:p-8 sm:p-6 lg:mt-0 py-6"
|
|
>
|
|
This is item 9a4715d2-13a9-4cf7-87fc-c982b496c0c7
|
|
</li>
|
|
<li class="ml-3 text-xs text-gray-400 flex-none font-semibold">
|
|
This is item daed189a-6c58-4235-85cc-a144f26cf68f
|
|
</li>
|
|
<li class="font-medium hover:text-indigo-500 text-indigo-600">
|
|
This is item 62e84d78-2696-4e08-9e38-51260171aeaa
|
|
</li>
|
|
</ol>
|
|
<ul class="w-4 focus:ring-grape-500 border-gray-300 h-4 text-grape-600">
|
|
<li class="bg-gray-100 py-10">This is item d2b3e285-35d7-4b8d-ba68-5533b588a813</li>
|
|
<li class="max-w-7xl px-2 sm:px-4 lg:px-8 mx-auto">
|
|
This is item aa5532b2-a232-40d6-8eb9-979d2e8367c2
|
|
</li>
|
|
<li class="text-sm text-gray-500 font-medium ml-4 hover:text-gray-700">
|
|
This is item 14a4b767-843f-4785-9799-6082d09994de
|
|
</li>
|
|
<li class="sr-only">This is item 8160528c-1ad2-4713-a7c9-f8f7c291955b</li>
|
|
<li class="min-w-full border-separate">
|
|
This is item 3528ed6d-2e83-4570-b7e7-d728bcb51fa9
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ol class="justify-center px-4 py-12 bg-white flex items-center">
|
|
<li class="sm:ml-6">
|
|
<ol class="sr-only">
|
|
<li class="text-base font-medium hover:text-gray-700 text-gray-900">
|
|
This is item d132fb9f-fffe-4447-8821-cf1c2dbf49f6
|
|
</li>
|
|
<li class="rounded-full flex h-7 mx-auto justify-center items-center w-7">
|
|
This is item 776406dc-9e0d-45ba-a9b8-7a857a1f3b76
|
|
</li>
|
|
<li class="block">This is item 92eb4912-a545-4ccb-8155-fc11294b9bd6</li>
|
|
<li
|
|
class="focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 rounded-md w-full shadow-sm block sm:text-sm"
|
|
>
|
|
This is item ba20a27c-a520-4436-be5f-bd69a5e2d06a
|
|
</li>
|
|
<li class="relative">This is item c25c8bab-afa4-40b4-8ff5-3dac1ffbd6c6</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="group inline-flex text-sm justify-center text-gray-700 font-medium hover:text-gray-900"
|
|
>
|
|
<ul class="block lg:inline">
|
|
<li class="text-gray-500 h-5 -mr-1 w-5 ml-2">
|
|
This is item dafcb840-33c5-41a1-97b4-7e8c30bccd18
|
|
</li>
|
|
<li class="font-medium text-gray-900 block p-2 -m-2">
|
|
This is item 970bd239-2f33-4160-ab47-d7dd52c5fa13
|
|
</li>
|
|
<li class="sr-only">This is item 80a18d5e-80a4-48f8-9395-8e6e8ff914c9</li>
|
|
<li class="bg-gray-900">This is item 88349831-8ddf-4c31-b8b1-fc49b42ab080</li>
|
|
<li class="sr-only">This is item 52fea8dd-a6c4-450c-8ea7-e6abe5a7fc89</li>
|
|
</ul>
|
|
<ol class="lg:mt-0 lg:col-start-1 mt-8 lg:row-span-3 lg:col-span-7 lg:row-start-1">
|
|
<li class="ml-3 text-sm">This is item e2f3aa3b-a971-477d-9987-d557c01127e1</li>
|
|
<li class="rounded-full flex w-7 items-center mx-auto justify-center h-7">
|
|
This is item 2ff4da91-85f7-4bac-92bd-15d704ae0849
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
class="p-1 text-gray-400 focus:ring-offset-2 ml-auto focus:ring-white focus:outline-none bg-gray-800 flex-shrink-0 focus:ring-offset-gray-800 rounded-full hover:text-white focus:ring-2"
|
|
>
|
|
This is link fd4021d7-e85e-442a-aab6-27b6f21abbf4
|
|
</a>
|
|
<img
|
|
class="space-y-6"
|
|
alt="Profile picture of user 0314c84c-818f-4f22-a2fe-bd4da99249e9"
|
|
src="https://example.org/pictures/1463088b-ab82-472c-9a04-4e1254003383"
|
|
/>
|
|
</li>
|
|
<li class="shadow-sm sm:flex-1 sm:min-w-0 relative rounded-md">
|
|
<ul class="sm:grid-cols-2 gap-y-12 grid-cols-1 sm:gap-x-8 grid sm:col-span-2">
|
|
<li
|
|
class="sm:grid-cols-7 col-end-2 sm:pr-8 col-start-1 grid-cols-1 grid row-start-1"
|
|
>
|
|
This is item 4016c028-c5f2-453e-b79c-1967f6caac73
|
|
</li>
|
|
<li
|
|
class="border-transparent rounded-md font-medium focus:ring-2 text-sm border bg-indigo-600 focus:ring-indigo-500 focus:ring-offset-2 py-2 items-center focus:outline-none hover:bg-indigo-700 ml-3 text-white shadow-sm inline-flex px-4"
|
|
>
|
|
This is item 8cb0dd8f-7448-4c96-b602-6b7647926bfb
|
|
</li>
|
|
<li class="flex xl:mt-0 xl:ml-4 mt-5">
|
|
This is item 1baa244f-8715-4dac-a63d-c7e45610d7bd
|
|
</li>
|
|
<li
|
|
class="group-hover:opacity-75 sm:aspect-h-3 sm:h-auto rounded-lg h-96 overflow-hidden w-full sm:aspect-w-2"
|
|
>
|
|
This is item d5269819-6ec3-4069-a1e8-7d3636b45e3b
|
|
</li>
|
|
<li
|
|
class="lg:col-span-5 aspect-w-2 overflow-hidden bg-gray-100 aspect-h-3 rounded-lg sm:col-span-4"
|
|
>
|
|
This is item d3153834-e7ee-4846-83eb-4762847dea18
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="border-gray-300 h-4 rounded text-indigo-600 focus:ring-indigo-500 w-4">
|
|
<li class="text-base font-medium text-gray-800">
|
|
<img
|
|
class="flex items-center"
|
|
alt="Profile picture of user 21843a2e-1381-4721-8b51-3fb37a728a4c"
|
|
src="https://example.org/pictures/51bc1028-4e90-4544-a49c-054fa25357fc"
|
|
/>
|
|
<ul
|
|
class="-mr-1 ring-opacity-5 z-10 ring-black divide-gray-200 mt-2 absolute overflow-hidden bg-white w-72 origin-top-right sm:left-auto focus:outline-none rounded-md shadow-lg sm:right-0 divide-y left-0 ring-1"
|
|
>
|
|
<li class="gap-y-10 grid-cols-2 gap-x-8 grid">
|
|
<a
|
|
href="#"
|
|
class="sm:block sm:mt-0 flex items-center sm:top-0 mt-4 sm:left-1/2 sm:absolute"
|
|
>
|
|
This is link e950aeb3-aef8-467b-b795-170286332f58
|
|
</a>
|
|
<ol
|
|
class="rounded-full items-center inline-flex text-green-800 py-0.5 text-sm px-3 font-medium bg-green-100"
|
|
>
|
|
<li class="flex-1 min-w-0">This is item a2148d80-d73f-4aef-9612-cafad4a2480e</li>
|
|
<li class="lg:pl-9">This is item 97498355-f590-41ab-ac66-5b19edcb5927</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-gray-900 font-bold text-xl">
|
|
<ol
|
|
class="focus:ring-indigo-500 focus:ring-inset hover:bg-gray-100 focus:outline-none focus:ring-2 rounded-md text-gray-400 items-center bg-white p-2 inline-flex justify-center hover:text-gray-500"
|
|
>
|
|
<li class="leading-6 text-lg text-gray-900 font-medium ml-16">
|
|
This is item 5b7a5ae6-e752-44e3-b5e2-413d4c8272e2
|
|
</li>
|
|
<li class="mt-6 px-5">This is item 812a5c24-d525-49ac-b032-6793a9c2c0d3</li>
|
|
<li class="-my-2 -mr-2 md:hidden">
|
|
This is item 74fafecb-a6c1-4f43-be7e-d13a776ffdbc
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="h-5 w-5">
|
|
This is link 91df79f8-165b-470a-9b09-f951cb51410e
|
|
</a>
|
|
</li>
|
|
<li class="text-base mt-4 text-gray-900 font-semibold">
|
|
<ul class="sr-only">
|
|
<li class="grid-cols-1 gap-y-12 sm:grid-cols-2 sm:col-span-2 grid sm:gap-x-8">
|
|
This is item 6d308f17-2b5e-4f7f-833d-982b168614e2
|
|
</li>
|
|
<li class="py-2 font-medium rounded-md text-sm px-3">
|
|
This is item 5f3c6666-b5d9-4850-97ee-25aaac012a28
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-3xl sm:text-4xl text-gray-900 tracking-tight font-bold"
|
|
>
|
|
This is link 439375dc-d1e1-471d-bb0d-1754cc570279
|
|
</a>
|
|
<ul class="py-1">
|
|
<li class="lg:hidden">This is item 67984683-66f1-4390-bb2f-518ab744bd41</li>
|
|
<li class="w-6 h-6">This is item dacfd789-d1b8-42aa-bfbf-ee924987c067</li>
|
|
<li class="text-gray-500 font-medium text-sm">
|
|
This is item d1335dea-89cd-4c08-a2bf-f71519137a29
|
|
</li>
|
|
<li
|
|
class="block rounded-md px-3 hover:bg-gray-700 text-gray-400 text-base hover:text-white py-2 font-medium"
|
|
>
|
|
This is item 5a1c0667-ea18-4ad0-ae82-53f9cbaebf87
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex py-4 items-center justify-between">
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 1f46191c-f92a-475f-82e9-e99419478713
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="bg-indigo-900 lg:pb-24 lg:col-start-2 lg:w-full lg:pt-0 pt-6 lg:px-0 lg:bg-transparent pb-12 lg:mx-auto lg:max-w-lg md:px-10 lg:row-start-1 text-indigo-300"
|
|
>
|
|
<img
|
|
class="h-full text-gray-300 w-full"
|
|
alt="Profile picture of user 7d9faec9-4f79-47ae-93cb-e4f91912e055"
|
|
src="https://example.org/pictures/f23ee6d4-0a91-486f-a950-0583bac5f970"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-16 focus:ring-inset h-16 focus:outline-none flex items-center justify-center focus:ring-2 focus:ring-blue-600 bg-cyan-400 lg:w-20"
|
|
>
|
|
This is link d98658c5-d285-42ce-86ee-2fdc243b0405
|
|
</a>
|
|
<ol class="text-yellow-400">
|
|
<li class="flex sm:block items-center sm:text-center sm:flex-none">
|
|
<img
|
|
class="bg-white focus:ring-indigo-500 hover:text-indigo-500 focus:ring-2 text-indigo-600 focus:ring-offset-2 focus:outline-none text-sm rounded-md font-medium"
|
|
alt="Profile picture of user 9b634ecd-f317-4568-bc24-80d02a7c4db4"
|
|
src="https://example.org/pictures/dbcb98d9-2868-4337-a0f7-6c06b9668de1"
|
|
/>
|
|
<img
|
|
class="h-7 flex mx-auto justify-center w-7 items-center rounded-full"
|
|
alt="Profile picture of user 27de8125-94bb-47e8-81c0-76c0aa412713"
|
|
src="https://example.org/pictures/f2589bc1-6e95-4403-9447-686285951f76"
|
|
/>
|
|
<ol class="max-w-lg mx-auto lg:mx-0">
|
|
<li
|
|
class="text-gray-400 p-1 focus:ring-2 flex-shrink-0 focus:ring-offset-2 bg-white focus:outline-none ml-auto focus:ring-indigo-500 hover:text-gray-500 rounded-full"
|
|
>
|
|
<ol class="w-6 h-6 flex-shrink-0 group-hover:text-gray-500 text-gray-400">
|
|
<li class="flex-shrink-0 px-4 items-center flex">
|
|
This is item 31fd67ff-41b8-46bb-a0c8-56a96d59c10d
|
|
</li>
|
|
<li class="lg:flex lg:items-center lg:flex-1 hidden">
|
|
This is item 79a553ab-4780-43d7-a4b6-b4666407729f
|
|
</li>
|
|
<li class="justify-center w-7 items-center mx-auto rounded-full flex h-7">
|
|
This is item d4254c51-a7d4-4307-9909-c9d25d4edd66
|
|
</li>
|
|
<li class="border-gray-200 py-5 border-t px-4 sm:px-6">
|
|
This is item a15deaa5-1774-4d75-91e9-aa45342f0b74
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="inline-flex items-center focus:ring-indigo-500 focus:ring-offset-gray-800 border focus:ring-offset-2 py-2 px-4 focus:ring-2 text-sm focus:outline-none hover:bg-gray-700 text-white border-transparent font-medium rounded-md bg-gray-600 shadow-sm"
|
|
alt="Profile picture of user dad780be-2cc8-4798-8f3d-412237563e69"
|
|
src="https://example.org/pictures/001d1fba-5072-4aa9-b562-a8ab7d1f402e"
|
|
/>
|
|
<img
|
|
class="inset-0 absolute"
|
|
alt="Profile picture of user c9fa02d6-8927-49d4-9d02-bcdc7ee1ae7b"
|
|
src="https://example.org/pictures/9da5fa19-57a0-4190-b031-87bda9839315"
|
|
/>
|
|
<img
|
|
class="space-y-4"
|
|
alt="Profile picture of user 9ae48787-c006-40ea-952e-2c1372826df0"
|
|
src="https://example.org/pictures/04620d1f-8b23-4459-8bcb-c93caeebb820"
|
|
/>
|
|
</li>
|
|
<li class="h-12 w-12 opacity-25 text-white">
|
|
<ol class="col-span-full">
|
|
<li class="bg-white">This is item 88608bd6-7d89-4826-8484-1e9f2c7175eb</li>
|
|
<li class="inset-0 transition-opacity fixed bg-opacity-25 bg-gray-500">
|
|
This is item a36f167c-f49e-4c00-85ed-f205c0884067
|
|
</li>
|
|
<li
|
|
class="rounded-l-md pl-3 md:px-2 py-2 border-gray-300 items-center flex md:w-9 text-gray-400 border pr-4 md:hover:bg-gray-50 border-r-0 justify-center bg-white hover:text-gray-500 focus:relative"
|
|
>
|
|
This is item d2234dcb-fc30-455e-9361-96a76863db91
|
|
</li>
|
|
<li class="items-start flex">This is item 57fdfb3c-38ce-477e-b5d7-0bc4265c1d06</li>
|
|
</ol>
|
|
<img
|
|
class="mx-auto rounded-full justify-center items-center w-7 h-7 flex"
|
|
alt="Profile picture of user e9a996fe-0fc1-4beb-a7de-8be9dc04f863"
|
|
src="https://example.org/pictures/89983abf-7ccf-4f80-9236-27ea0f2f3446"
|
|
/>
|
|
<ol class="bg-white py-12 sm:px-6 lg:px-8 px-4">
|
|
<li class="fixed inset-0 bg-black bg-opacity-25">
|
|
This is item b2a06076-f9d8-4368-906e-7bb48181ec88
|
|
</li>
|
|
<li
|
|
class="bg-white hidden items-center border relative px-4 text-sm border-gray-300 focus:z-20 md:inline-flex font-medium text-gray-500 py-2 hover:bg-gray-50"
|
|
>
|
|
This is item 82d9f52c-30f3-44e5-9a3f-d77f11e20a85
|
|
</li>
|
|
<li class="-mr-2">This is item 39da06e2-2a36-4edf-acce-7d9bfde29045</li>
|
|
<li class="py-6 border-t space-y-6 border-gray-200 px-4">
|
|
This is item 1315d21e-5b56-4ff8-908f-3d89c77fe77e
|
|
</li>
|
|
</ol>
|
|
<ul class="bg-gray-100">
|
|
<li class="mt-1">This is item cb6ddf5b-d44d-4354-aa67-911c8845d55d</li>
|
|
<li class="mx-auto items-center flex rounded-full justify-center w-7 h-7">
|
|
This is item 1ed2bbf0-c223-43fc-b2ec-2f41a39bc52e
|
|
</li>
|
|
<li class="text-sm">This is item 2377627b-e939-4ff4-92d9-268a5728aa9a</li>
|
|
<li class="-mt-px divide-gray-200 flex divide-x">
|
|
This is item b5e67a67-b613-4325-836c-313e4fb18596
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="border-gray-300 focus:ring-indigo-500 block w-full focus:border-indigo-500 sm:text-sm rounded-md pl-16"
|
|
>
|
|
<img
|
|
class="flex-grow flex flex-col"
|
|
alt="Profile picture of user a8a5d85d-0747-4748-88a8-6bceb4c9921d"
|
|
src="https://example.org/pictures/f8b9fe96-39e3-4625-903b-97d157a843ab"
|
|
/>
|
|
<img
|
|
class="px-8 mx-auto max-w-7xl"
|
|
alt="Profile picture of user 5d72903c-0db6-4bad-932f-128cbd5277fd"
|
|
src="https://example.org/pictures/6ec282c5-f4a2-46d0-a5ef-a2959cea1a83"
|
|
/>
|
|
<a href="#" class="mt-1"> This is link e74fa8c5-cfb3-474e-a8dd-f6ea92ba02e1 </a>
|
|
<ul
|
|
class="-ml-14 -mt-2.5 text-xs pr-2 text-right text-gray-400 left-0 sticky w-14 z-20 leading-5"
|
|
>
|
|
<li class="mt-1 grid-cols-1 gap-4 sm:grid-cols-2 grid">
|
|
This is item 92bee578-266c-4fd1-95ca-3fb1c0dc8f96
|
|
</li>
|
|
<li
|
|
class="hover:bg-gray-900 text-white block w-full rounded-md border border-gray-800 text-center text-sm font-semibold bg-gray-800 mt-6 py-2"
|
|
>
|
|
This is item c2fdb768-6e36-4f1e-8f59-627995fb245a
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<ol class="inset-0 absolute">
|
|
<li class="sm:col-span-3">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="font-medium focus:ring-2 hover:text-purple-500 bg-white text-purple-600 focus:ring-offset-2 rounded-md focus:ring-purple-500 focus:outline-none"
|
|
>
|
|
This is link 273f105e-23da-4069-8eed-12fe8fbeb537
|
|
</a>
|
|
<ul class="pointer-events-none absolute right-0 flex items-center inset-y-0">
|
|
<li class="text-gray-900 hover:bg-gray-100 hover:text-gray-900 bg-gray-100">
|
|
This is item 579efe57-079f-49e5-a44f-144968a78914
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-sm">
|
|
This is item fe44a9e8-30f3-4e0a-86e6-d6e2b8a61cd9
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="sm:px-6 inset-0 py-6 lg:px-8 absolute px-4">
|
|
This is link a70668bd-3cfa-45a6-9d8c-57e8ed161561
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500">
|
|
<ol class="text-sm text-gray-900 font-medium">
|
|
<li class="lg:hidden">This is item d771a7ec-cd2e-4fe3-b60d-4e113e0082b6</li>
|
|
<li class="p-4">This is item 125a4cb2-3d9e-4387-a7de-24f5e1bd3026</li>
|
|
<li class="block">This is item 006076fe-68d2-482a-9c81-26935b7683fd</li>
|
|
<li class="h-full inset-0 w-full absolute">
|
|
This is item 927e812f-3048-40e5-9c4d-597ce09bf3a7
|
|
</li>
|
|
<li class="space-y-2">This is item ece42509-e0a1-4db6-a3a9-581ea1993f4c</li>
|
|
</ol>
|
|
<ul class="ml-2">
|
|
<li
|
|
class="focus:ring-offset-2 text-base focus:ring-2 rounded-md py-3 text-white focus:ring-indigo-500 inline-flex bg-indigo-600 items-center font-medium border hover:bg-indigo-700 px-6 focus:outline-none border-transparent shadow-sm"
|
|
>
|
|
This is item 14293408-6796-43dd-8bf4-859fab77695c
|
|
</li>
|
|
<li
|
|
class="block lg:text-base text-base font-semibold xl:text-lg text-gray-500 sm:text-lg"
|
|
>
|
|
This is item bf792ad7-a821-468b-95db-a2261454f362
|
|
</li>
|
|
<li class="py-10 text-center border-gray-100 border-t">
|
|
This is item 33376620-ea83-4f93-aa47-9f1614950a2d
|
|
</li>
|
|
<li class="mx-auto h-6 w-6 text-gray-400">
|
|
This is item 02b83ba1-b152-4352-9dc5-f9cfacb3610f
|
|
</li>
|
|
<li class="flex mt-3 items-center">
|
|
This is item c1aa3a5e-0b9d-4fb8-a574-183354aa9ab7
|
|
</li>
|
|
</ul>
|
|
<ol class="inset-0 z-10 absolute">
|
|
<li class="xl:grid pb-8 xl:grid-cols-5 xl:gap-8">
|
|
This is item 7245ed93-bd60-430c-ab3e-c1128b583b29
|
|
</li>
|
|
<li class="bg-gray-50">This is item c47c5a00-802a-4cf4-b4fa-7db4da305326</li>
|
|
<li
|
|
class="inline-flex hover:text-gray-500 justify-center focus:ring-2 focus:outline-none rounded-md hover:bg-gray-100 focus:ring-indigo-500 focus:ring-inset p-2 text-gray-400 items-center"
|
|
>
|
|
This is item 4fc1c6f7-d594-4e2f-bd5d-ab918b5d6f5b
|
|
</li>
|
|
<li
|
|
class="sm:grid-cols-2 grid gap-y-10 gap-x-6 lg:grid-cols-3 grid-cols-1 xl:gap-x-8"
|
|
>
|
|
This is item 285026ce-ff0a-4c71-881b-718dcc596fce
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-5 h-5 text-gray-400 flex-shrink-0">
|
|
<ul class="tracking-tight sm:text-4xl font-bold mt-2 text-3xl text-gray-900">
|
|
<li class="mt-1">This is item debd3c5c-020c-403b-aa81-6b46331f8c59</li>
|
|
<li class="divide-y flex divide-gray-200 flex-col">
|
|
This is item c0d605fc-2eb4-4fb2-859d-3505e0f35ae3
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sm:px-6 lg:px-8 px-4">
|
|
This is link 434dfad3-44f0-434b-bfdc-cba93e97a7e7
|
|
</a>
|
|
<ul class="text-gray-600">
|
|
<li class="w-6 h-6">This is item 35db3caf-bf9f-492a-be14-d8479fc6806f</li>
|
|
<li class="flex flex-col flex-1 md:pl-64">
|
|
This is item c4693afd-e170-413d-8b68-a5cf55498d24
|
|
</li>
|
|
<li class="rounded-full h-7 items-center w-7 justify-center flex mx-auto">
|
|
This is item 8266831d-aa5b-4962-8c02-6045532cbde7
|
|
</li>
|
|
<li
|
|
class="rounded-md px-3 py-2 hover:bg-gray-50 block font-medium text-gray-700 text-base hover:text-gray-900"
|
|
>
|
|
This is item 172487dd-cc1c-487e-b8cc-a6eab8e06cb4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-base">
|
|
<img
|
|
class="text-gray-900 font-medium text-lg"
|
|
alt="Profile picture of user ef825843-3de2-4d21-83dc-052ee13f6f87"
|
|
src="https://example.org/pictures/e3169bbc-4312-4aa5-8db3-c1a993b155fa"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="group bg-pink-50 hover:bg-pink-100 text-xs inset-1 p-2 absolute flex-col flex overflow-y-auto leading-5 rounded-lg"
|
|
>
|
|
This is link 5d4793c2-80ab-476e-9ede-a23a27a9d2f1
|
|
</a>
|
|
</li>
|
|
<li class="flex-1 text-gray-900 font-bold text-2xl">
|
|
<ol class="sr-only">
|
|
<li class="py-2">This is item cb66331c-574f-4760-9136-e76c2d7232cc</li>
|
|
<li class="space-y-10">This is item d303e596-86b7-4fb5-8b44-aa468e824f48</li>
|
|
<li class="items-center flex flex-1">
|
|
This is item 0cb06971-975e-4f4c-8cc5-5d4baa8b2125
|
|
</li>
|
|
<li class="w-6 h-6">This is item b5d1e090-5f2e-4cda-9b9e-70087df41771</li>
|
|
<li class="mt-2 text-base text-gray-500">
|
|
This is item 38c77f51-521b-4a42-9c6a-c91c34a65dcb
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="flex-1 flex">
|
|
This is link 5362cfb7-32a4-4cb6-90dd-a4cbe5c265b6
|
|
</a>
|
|
<ul class="relative">
|
|
<li class="flex">This is item 5c890115-3491-437f-a12f-71b3446be07e</li>
|
|
<li class="lg:grid-cols-3 gap-16 grid-cols-1 lg:grid grid">
|
|
This is item 54b899cf-b046-4756-90e6-80029f895d19
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="mt-6 space-y-6">
|
|
<ul class="text-gray-900 font-medium">
|
|
<li
|
|
class="text-cyan-800 text-sm px-3 rounded-full font-medium items-center inline-flex bg-cyan-100 py-0.5"
|
|
>
|
|
<img
|
|
class="shadow-2xl ring-opacity-5 divide-y transition-all max-w-xl mx-auto divide-gray-100 transform bg-white ring-1 overflow-hidden rounded-xl ring-black"
|
|
alt="Profile picture of user 670f7cde-403b-4d6a-a82b-dffa9782d034"
|
|
src="https://example.org/pictures/cb1babda-d4a4-49d9-9fe3-34f0d9b4240c"
|
|
/>
|
|
<ol class="h-6 w-6">
|
|
<li class="h-6 w-6">This is item 42bc83b8-0df6-4ddd-b684-1a1f495b558a</li>
|
|
<li class="max-w-7xl px-4 lg:px-8 mx-auto sm:px-6">
|
|
This is item 908df639-fa67-4b1c-a63a-e781201cdd57
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="shadow-xl h-full divide-y divide-gray-200 bg-white flex-col flex">
|
|
<img
|
|
class="mt-8"
|
|
alt="Profile picture of user bbaf8939-dbd0-4573-9d37-1443fd485f33"
|
|
src="https://example.org/pictures/5e61594c-e841-4924-84c6-9acedfe901b5"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="font-bold text-4xl text-indigo-600 tracking-tight sm:text-5xl"
|
|
>
|
|
This is link f0ce1d12-eb71-4d60-b0df-20ade513490c
|
|
</a>
|
|
<a href="#" class="lg:mx-auto lg:px-8 sm:py-24 py-16 lg:max-w-7xl">
|
|
This is link 5fcac56e-4cf1-4380-a1ad-2c63c9d29656
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="bg-indigo-900 lg:bg-transparent lg:row-start-1 lg:w-full lg:pt-0 lg:pb-24 md:px-10 lg:col-start-2 lg:max-w-lg lg:mx-auto text-indigo-300 lg:px-0 py-12"
|
|
>
|
|
<img
|
|
class="flex space-x-8 -mb-px px-4"
|
|
alt="Profile picture of user 4d5bae14-8137-4fb7-bd66-ac6707261f9c"
|
|
src="https://example.org/pictures/65552cba-0334-46d3-9ba7-64d43e2800d8"
|
|
/>
|
|
<ul class="flex space-x-8">
|
|
<li class="text-gray-900 font-medium text-base">
|
|
<ol class="flow-root mt-4">
|
|
<li class="px-6 text-center sm:px-14 py-14">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="flex sm:items-end w-full items-center space-y-4 flex-col"
|
|
>
|
|
This is link 1aa92c57-6ece-40fc-9075-c3dd7dccf35f
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="sr-only">
|
|
This is link 3adb4e0a-a215-4e20-a2a3-6b4b0be58ac2
|
|
</a>
|
|
<img
|
|
class="z-40 fixed inset-0 flex"
|
|
alt="Profile picture of user 2fc3f4ae-a0f5-472a-9d07-492e8003c3fe"
|
|
src="https://example.org/pictures/b8787c8a-3f47-47d9-8c2b-72bb0d0d79b2"
|
|
/>
|
|
</li>
|
|
<li class="hover:bg-gray-100 bg-white focus:z-10 py-1.5">
|
|
<ol class="w-auto sm:h-10 h-8">
|
|
<li class="md:aspect-w-2 md:aspect-h-1 aspect-w-5 aspect-h-3 -mt-6">
|
|
This is item 4c71d9ed-3228-4721-ad51-06277033eb46
|
|
</li>
|
|
<li class="text-gray-400 hover:bg-gray-100 py-1.5 bg-gray-50 focus:z-10">
|
|
This is item da0116b5-4d5c-4dbd-8930-f7de0aee9b4f
|
|
</li>
|
|
<li class="text-gray-900 text-3xl tracking-tight font-bold">
|
|
This is item 737baf7a-661a-4050-8baa-c63759fb5295
|
|
</li>
|
|
<li
|
|
class="font-semibold text-sm hidden text-indigo-600 hover:text-indigo-500 sm:block"
|
|
>
|
|
This is item 982a882d-0a6a-4be8-9c49-79a55c50cd06
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="border-transparent border font-medium py-2 rounded-md text-sm inline-flex bg-indigo-600 text-white focus:ring-2 hover:bg-indigo-700 focus:ring-offset-2 sm:w-auto justify-center focus:outline-none focus:ring-indigo-500 px-4 items-center shadow-sm"
|
|
>
|
|
This is link c2e3fc57-8baf-4a95-88ad-020e3c2a87f3
|
|
</a>
|
|
<a href="#" class="flex items-center space-x-2">
|
|
This is link 40a1d32c-13ad-4c4b-bfb7-03ebe264496f
|
|
</a>
|
|
</li>
|
|
<li class="truncate">
|
|
<img
|
|
class="group"
|
|
alt="Profile picture of user 1b36ee1d-1a6e-4c23-bd00-2493961b2e18"
|
|
src="https://example.org/pictures/d6b9c11d-c78b-4725-a83b-85c7304136ed"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="md:grid-cols-12 grid-cols-1 md:auto-rows-min md:gap-x-8 grid md:grid-flow-col md:gap-y-16"
|
|
>
|
|
This is link 4938c511-66f2-4511-b2ae-3c6547af28eb
|
|
</a>
|
|
<img
|
|
class="bg-gray-100 py-8"
|
|
alt="Profile picture of user 3f1ffb8e-91d6-466a-8a65-f7f2562dd21e"
|
|
src="https://example.org/pictures/e284ac08-6ba9-4b77-9681-b43e1ef20e16"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="bg-white">
|
|
This is link 23534fb7-705e-4a7e-8428-b608f5fc4be1
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="font-medium text-xs group-hover:text-gray-200 text-gray-300">
|
|
<li class="bg-white">
|
|
<ul
|
|
class="py-1.5 bg-gray-50 focus:z-10 text-gray-400 rounded-bl-lg hover:bg-gray-100"
|
|
>
|
|
<li class="h-6 w-6">This is item 26bb084a-1f21-4841-830e-f7df1c7e3208</li>
|
|
<li class="py-4 flex">This is item bd55b788-2a31-45b4-85bf-81fca3510bb4</li>
|
|
<li class="pr-8 py-6">This is item ccf3fc07-bafa-4fd1-8cf4-7d7739372661</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="bg-white ring-1 divide-gray-100 ring-opacity-5 transform rounded-xl overflow-hidden max-w-xl mx-auto shadow-2xl transition-all ring-black divide-y"
|
|
>
|
|
<ul class="relative px-6 sm:w-16 sm:px-8 w-12">
|
|
<li class="gap-10 grid sm:grid-cols-2 mt-10 grid-cols-1 lg:grid-cols-4">
|
|
This is item 8452aea4-45c0-434f-a10f-02fc5f73548f
|
|
</li>
|
|
<li
|
|
class="hover:text-purple-500 bg-white focus:ring-purple-500 focus:outline-none rounded-md focus:ring-2 focus:ring-offset-2 text-purple-600 font-medium"
|
|
>
|
|
This is item 0cdd5942-ea05-46a8-b917-096be0c76012
|
|
</li>
|
|
<li class="mt-5 md:col-span-2 space-y-6 md:mt-0">
|
|
This is item 249bcdc8-5ee3-40bd-b302-c8cb7efc8160
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="sr-only">
|
|
<a href="#" class="bg-white md:px-6 py-6 lg:px-8 px-4">
|
|
This is link a206d37c-59be-49e3-8983-e2dd16d27ade
|
|
</a>
|
|
</li>
|
|
<li class="sm:max-w-2xl px-4 lg:px-0 mx-auto lg:max-w-none sm:px-6 max-w-md">
|
|
<ul class="md:grid-cols-2 gap-x-14 relative grid-cols-1 grid">
|
|
<li class="group flex">This is item db9722dd-13fa-4c7f-bd71-1fb4985b36de</li>
|
|
<li class="flex text-sm font-medium py-4 px-6 items-center">
|
|
This is item dced7782-5584-446e-a85b-a5d2984cc75f
|
|
</li>
|
|
</ul>
|
|
<ul class="text-gray-900 font-bold tracking-tight mt-2 sm:text-4xl text-3xl">
|
|
<li
|
|
class="w-full justify-between py-3 text-gray-400 flex bg-white text-sm px-2 items-center"
|
|
>
|
|
This is item ceb8d458-e94e-4c6c-b00d-f4f52b04d1d8
|
|
</li>
|
|
<li class="text-sm">This is item fae93bca-09ae-42a7-80cd-f99a7f3d3bce</li>
|
|
<li
|
|
class="grid mt-11 gap-x-6 lg:grid-cols-4 gap-y-16 grid-cols-1 sm:mt-16 sm:grid-cols-2 items-start lg:gap-x-8"
|
|
>
|
|
This is item 3e32bb80-4e41-46f8-a7cb-19d494229947
|
|
</li>
|
|
<li class="text-gray-900 font-medium text-sm">
|
|
This is item 3de0bae7-a61b-42ab-a58e-453d3d04d409
|
|
</li>
|
|
<li
|
|
class="block border shadow-sm placeholder-gray-500 focus:ring-indigo-500 px-5 focus:border-indigo-500 rounded-md text-gray-900 w-full py-3 border-gray-300 text-base"
|
|
>
|
|
This is item a3b5eeea-ed5b-4010-a6b7-9a044901e8d6
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="flow-root"> This is link 4bced6ac-3c36-4489-afd5-b0b0b8d9ae83 </a>
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-900">
|
|
<li class="text-base">
|
|
<ul class="mt-6 text-base">
|
|
<li class="text-gray-900 mt-1 font-semibold">
|
|
This is item c1bc5db9-e2f9-4cb3-b4c6-f4e53818189c
|
|
</li>
|
|
<li class="bg-white">This is item be16b145-ea4f-49ee-b10e-33d4d76e6848</li>
|
|
<li class="bg-white">This is item 62dec902-9690-4739-9b48-28c74c703fe6</li>
|
|
<li class="bg-white">This is item 67d9e660-9283-4a9a-a7a0-fd2d343687fa</li>
|
|
</ul>
|
|
<ul class="flex mt-1 space-x-4">
|
|
<li
|
|
class="relative w-56 rounded-lg p-6 xl:w-auto flex-col overflow-hidden hover:opacity-75 flex h-80"
|
|
>
|
|
This is item ad2319fa-c91a-4ac2-a138-e79280d9b3c1
|
|
</li>
|
|
<li class="lg:flex-1 overflow-hidden relative">
|
|
This is item 6a38ac33-5643-4322-abf7-1f5610e9feba
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="font-bold text-3xl text-gray-900 tracking-tight"
|
|
alt="Profile picture of user 74a1c52e-055b-46fc-9efa-700aa88b489b"
|
|
src="https://example.org/pictures/9a100aa5-057f-48d4-94b7-099b9e88b50f"
|
|
/>
|
|
<ul class="flow-root">
|
|
<li class="flex-shrink-0 ml-4">
|
|
This is item c32ebc0a-42a0-4c5d-80c9-fc9e4e4e4a22
|
|
</li>
|
|
<li class="sm:justify-end sm:col-span-2 sm:flex">
|
|
This is item f215a99d-8124-4ce1-91ec-b0fcea021b6e
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-sm text-gray-700 block">
|
|
<ol class="aspect-h-2 aspect-w-3">
|
|
<li
|
|
class="z-10 -mb-px font-medium ease-out border-b-2 relative flex text-sm pt-px transition-colors items-center duration-200"
|
|
>
|
|
This is item c7fb594e-b8e2-44cc-bdf9-a4e4e792dd8d
|
|
</li>
|
|
<li class="select-none py-2 px-4 cursor-default">
|
|
This is item b951d767-4392-4cf7-bd35-ef8cab311e06
|
|
</li>
|
|
<li
|
|
class="md:col-span-2 lg:col-span-1 col-span-2 md:col-start-4 justify-center flex"
|
|
>
|
|
This is item 703aef20-90c2-4526-8da5-73cf4963ee73
|
|
</li>
|
|
<li class="ring-8 items-center ring-white justify-center flex">
|
|
This is item d5b61145-0da8-4a0a-b5bf-94f625df79b0
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="max-w-lg mx-auto"
|
|
alt="Profile picture of user 75f0816c-7b7a-4948-b28e-c45761f1f973"
|
|
src="https://example.org/pictures/03889b6a-20ff-4957-804d-70dd0751e812"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 px-4 text-white text-sm focus:ring-2 focus:ring-offset-2 bg-indigo-600 shadow-sm border-transparent rounded-md hover:bg-indigo-700 py-2 focus:outline-none ml-6 font-medium border"
|
|
>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="max-w-sm bg-white ring-black ring-opacity-5 w-full pointer-events-auto shadow-lg rounded-lg ring-1 overflow-hidden"
|
|
>
|
|
This is link 7d97b0a6-3c4c-4649-a36a-2c6110d0a751
|
|
</a>
|
|
<ol class="h-10 rounded-full w-10 inline-block">
|
|
<li class="text-sm text-gray-500">
|
|
This is item fb50b380-1ee5-4537-aa22-3e7e850e9bf7
|
|
</li>
|
|
<li class="bg-white pb-16">This is item 66f3c613-631a-495e-a52e-a34e17f5c739</li>
|
|
<li class="bg-opacity-25 fixed transition-opacity inset-0 bg-gray-500">
|
|
This is item 3dfd20c0-7a6f-4769-bfce-ad9f6624491f
|
|
</li>
|
|
</ol>
|
|
<ul
|
|
class="rounded-full border-gray-300 border items-center py-0.5 relative inline-flex px-3"
|
|
>
|
|
<li class="sr-only">This is item f625dc23-e54d-4de9-8a14-dee04565e3b1</li>
|
|
<li class="px-4 lg:px-8 sm:px-6 mx-auto max-w-7xl">
|
|
This is item 17a8bc3d-e51f-4e90-9be3-f5f1e5b32a7b
|
|
</li>
|
|
<li class="text-sm text-indigo-600 truncate font-medium">
|
|
This is item 52002c80-99d1-4673-9caf-2d9c5880d267
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-6 h-6">
|
|
<ol class="flex items-center">
|
|
<li class="items-center font-medium text-sm flex text-gray-700 hover:text-gray-800">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-gray-800 overflow-hidden relative"
|
|
>
|
|
This is link 58152948-90e7-48ec-96e1-6b05f3d23313
|
|
</a>
|
|
</li>
|
|
<li class="bg-white">
|
|
<a href="#" rel="noreferrer" class="font-medium text-white text-base">
|
|
This is link a84cdc58-37a2-42a4-bae5-5f6e9ca4a3f4
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="divide-y border-b border-gray-200 divide-gray-200"
|
|
>
|
|
This is link 80326973-81b5-4462-8d8d-e3afe004d74e
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm block font-medium text-gray-700">
|
|
<img
|
|
class="sm:hidden"
|
|
alt="Profile picture of user 9cbef80d-c81d-4ee4-8a75-d198ded7cdd1"
|
|
src="https://example.org/pictures/7308e4a6-35c9-411c-a2d4-e318c9fa4ee4"
|
|
/>
|
|
<ol
|
|
class="sm:grid-cols-3 md:col-span-8 md:col-start-3 md:row-start-1 lg:col-start-2 md:mt-0 col-span-6 lg:col-span-6 grid-cols-2 mt-10 gap-8 grid"
|
|
>
|
|
<li class="flex">
|
|
<ul class="sr-only">
|
|
<li class="text-sm block text-gray-700 font-medium">
|
|
This is item e2dda6d2-57ae-4c94-b701-11ffb7127aef
|
|
</li>
|
|
<li class="mt-6 space-y-6">This is item 3a6ddd31-e46d-49d9-95ef-080e44ebccec</li>
|
|
<li class="h-6 w-6">This is item 4401f3c6-2efc-4eed-bfbe-fbb4bb6feb8a</li>
|
|
<li
|
|
class="group border-transparent focus-within:ring-white rounded-md focus-within:ring-2 -ml-2 relative bg-gray-900"
|
|
>
|
|
This is item ada777b0-9f9f-4e8a-87f2-b4d31ca848f2
|
|
</li>
|
|
<li class="text-base font-medium text-indigo-300 hover:text-white">
|
|
This is item 742f1d4b-b89f-4a98-b46a-8fe581073318
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link 7d29e76d-c66e-4ec2-8429-1d9533ddbe01
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="text-sky-200 text-base py-2 hover:bg-sky-800 hover:text-white block rounded-md px-3 font-medium"
|
|
>
|
|
<a href="#" class="border-transparent">
|
|
This is link 6f0d56bb-d41d-444d-9a8b-cdadc1a00f97
|
|
</a>
|
|
<a href="#" target="_blank" class="px-4 py-2 text-sm block text-gray-700">
|
|
This is link e943dd0f-ec70-4cca-98aa-a26075ebffd4
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="mt-6 space-y-6">
|
|
This is link 442d3f24-2ea6-4c7c-9487-b0d65aa57bee
|
|
</a>
|
|
</li>
|
|
<li class="space-x-3 flex">
|
|
<a href="#" rel="noreferrer" class="mt-1 text-gray-500">
|
|
This is link 68d135e2-211c-4fee-b328-eca96d8b781a
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="text-base hover:bg-gray-50 block font-medium py-2 text-gray-900 px-3 rounded-md"
|
|
alt="Profile picture of user 31a88661-31df-458b-9d5c-81038c9d6330"
|
|
src="https://example.org/pictures/a0373616-1a6c-4cd6-9e75-1b0fe4a58c2e"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="shadow sm:grid-cols-2 rounded-lg bg-gray-200 divide-gray-200 sm:divide-y-0 sm:grid sm:gap-px divide-y overflow-hidden"
|
|
>
|
|
This is link 83caf83d-8f36-4757-b6ca-f1ae89ebc283
|
|
</a>
|
|
</li>
|
|
<li class="hidden lg:block">
|
|
<ol class="flex-shrink-0">
|
|
<li class="mt-1">This is item 19e5cc12-0997-4129-aeff-2ce182328c14</li>
|
|
<li class="sr-only">This is item b5685a73-b9ce-44b4-ae27-7810fef4391b</li>
|
|
<li
|
|
class="rounded-md focus:ring-2 focus:outline-none focus:ring-inset justify-center focus:ring-pink-600 inline-flex -mr-3 h-12 hover:text-gray-900 text-gray-500 w-12 items-center"
|
|
>
|
|
This is item 3cd701d6-3a20-4e9f-803b-222dd0b5a41a
|
|
</li>
|
|
<li class="sm:text-4xl text-3xl tracking-tight text-gray-900 font-bold">
|
|
This is item 35d88335-f405-4a08-bf8f-5bcc95fb6f72
|
|
</li>
|
|
<li class="md:hidden relative z-20">
|
|
This is item 43ff42f4-c18f-4538-be67-f6a042aafcc5
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
class="flex focus:ring-white focus:ring-2 focus:ring-offset-2 bg-indigo-600 focus:outline-none text-sm focus:ring-offset-indigo-600 text-white rounded-full"
|
|
>
|
|
This is link decbc356-4dc3-444f-b4a9-d0aadb22b6aa
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="inset-0 absolute">
|
|
This is link b67143ef-7f93-4a3c-a766-1743747f5485
|
|
</a>
|
|
</li>
|
|
<li class="font-medium block text-gray-900 p-2 -m-2">
|
|
<ol class="md:pt-0 text-gray-900 pt-4 md:block justify-between font-medium flex">
|
|
<li class="mt-1 rounded-md flex shadow-sm">
|
|
<ol class="sm:px-6 bg-indigo-700 px-4 py-6">
|
|
<li class="bg-white hover:bg-gray-100 py-1.5 relative text-gray-900 focus:z-10">
|
|
This is item 09a80ad2-e839-401d-ac45-63aded6f892c
|
|
</li>
|
|
<li class="flex-shrink-0">This is item b3705a26-8ab2-4748-8016-13fd3cf95606</li>
|
|
<li class="items-center flex text-sm font-medium px-6 py-4">
|
|
This is item 2c082440-e52d-43ea-bdd7-d6c752207f38
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="md:flex md:items-center hidden md:ml-4"
|
|
>
|
|
This is link 9e1949d7-b6a6-4258-be8a-1d7a0d5d2e59
|
|
</a>
|
|
</li>
|
|
<li class="relative flex items-start">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="absolute focus:outline-none right-0 mt-2 w-56 bg-white shadow-lg ring-1 origin-top-right ring-black rounded-md z-10 ring-opacity-5"
|
|
>
|
|
This is link 10218dcc-0007-47e9-8f90-e316d81aa2ed
|
|
</a>
|
|
<a href="#" target="_blank" class="font-medium">
|
|
This is link 17be3f1b-71eb-4013-a563-75694a76b648
|
|
</a>
|
|
<img
|
|
class="text-gray-900"
|
|
alt="Profile picture of user 1a2c40cf-994a-4b51-ba92-972348c26855"
|
|
src="https://example.org/pictures/ac1e7572-17f8-4e0f-8c8f-afc0e1f26756"
|
|
/>
|
|
<ul class="h-12 rounded-md w-12">
|
|
<li class="hover:text-gray-800">
|
|
This is item c50420bf-144a-4930-9c53-0e45458a763a
|
|
</li>
|
|
<li class="text-sm">This is item a8a60971-007e-468d-815e-c0ed3fd4036b</li>
|
|
<li class="sm:mt-px text-gray-900 block font-medium text-sm sm:pt-2">
|
|
This is item 211f3116-f325-4618-8cb7-99228b2b8fb9
|
|
</li>
|
|
<li class="py-1">This is item 088d3537-614e-495e-abb1-f9ae6438ba6a</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="aspect-h-1 overflow-hidden group-hover:opacity-75 aspect-w-1 w-full rounded-lg bg-gray-100"
|
|
>
|
|
<img
|
|
class="h-14 text-white flex-col hover:bg-gray-100 flex py-2 focus:z-10 bg-white font-semibold px-3"
|
|
alt="Profile picture of user 8eaf08e5-3e2d-41c6-b244-2ed8a2ff5d84"
|
|
src="https://example.org/pictures/6c6004a8-84ba-4aa4-b1ca-8069e8eac1d2"
|
|
/>
|
|
<ol
|
|
class="rounded-lg border flex bg-white relative border-gray-200 group overflow-hidden flex-col"
|
|
>
|
|
<li class="w-7 rounded-full items-center justify-center mx-auto flex h-7">
|
|
This is item abd6f999-8d83-4e62-b681-a263265d8fc4
|
|
</li>
|
|
<li class="text-sm font-medium text-gray-900">
|
|
This is item 470832c4-9711-4ad5-bdc6-398ae955e5eb
|
|
</li>
|
|
<li
|
|
class="hover:bg-gray-200 rounded-full items-center text-gray-900 w-8 flex mx-auto justify-center h-8"
|
|
>
|
|
This is item f88b84ca-be4b-4531-b7bd-8d03ec668e19
|
|
</li>
|
|
<li class="py-1.5 focus:z-10 hover:bg-gray-100 bg-white">
|
|
This is item 5e5d9b59-28fa-4728-9586-d3468b34cc53
|
|
</li>
|
|
<li class="sm:w-32 rounded-full ring-white w-24 sm:h-32 h-24 ring-4">
|
|
This is item edabd2f6-e9e5-4bc0-b25c-983b5bcef958
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="text-gray-900 text-sm gap-px shadow ring-1 grid-cols-7 mt-2 ring-gray-200 rounded-lg grid bg-gray-200"
|
|
>
|
|
<li class="h-5 flex items-center">
|
|
<ol class="text-gray-700 hover:text-gray-800 flex items-center font-medium text-sm">
|
|
<li
|
|
class="transform mt-3 left-1/2 max-w-md -translate-x-1/2 absolute sm:px-0 z-10 px-2 w-screen"
|
|
>
|
|
This is item 9a24fbe1-3b27-4fc8-ae3d-80451854ffce
|
|
</li>
|
|
<li class="sr-only">This is item 285b433c-0181-44e3-b395-88256c617ba9</li>
|
|
<li class="sr-only">This is item cded11c6-05a8-4d0c-beb9-ecafd931da0d</li>
|
|
<li class="mx-auto max-w-7xl sm:px-6 lg:px-8 px-4 py-12">
|
|
This is item 49fe1aeb-b17a-4176-aa8b-38dc4063b85f
|
|
</li>
|
|
<li class="flex h-7 items-center rounded-full w-7 justify-center mx-auto">
|
|
This is item e7302180-50ad-491a-94e0-37d019a7b64b
|
|
</li>
|
|
</ol>
|
|
<ol class="font-medium hover:text-indigo-500 text-sm text-indigo-600">
|
|
<li class="text-base text-warm-gray-400 hover:text-warm-gray-300">
|
|
This is item b0bf90e5-c44a-40f6-95ef-a411d3eb346f
|
|
</li>
|
|
<li class="pl-3 text-sm flex py-3 items-center pr-4 justify-between">
|
|
This is item 82c1bc29-2961-483d-8283-63c7bbaae235
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="focus:border-indigo-500 border-gray-300 focus:ring-indigo-500 rounded-md w-full sm:text-sm shadow-sm block"
|
|
>
|
|
This is link f43815dc-3e93-4760-b8b2-cf17f38a5f3f
|
|
</a>
|
|
<ol class="ml-3">
|
|
<li class="sr-only">This is item 91c4fa1d-95d4-4ade-82cf-9574f230e92a</li>
|
|
<li class="mr-1.5 w-5 text-gray-400 h-5">
|
|
This is item 2a627abe-763b-46a2-bcd1-7ca7603098fc
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="inset-0 shadow bg-white top-1/2 absolute">
|
|
<ol
|
|
class="sm:inline-block bg-white block text-blue-700 font-medium text-center border-transparent hover:bg-blue-gray-50 text-base rounded-md px-5 shadow-md py-3 border sm:w-auto w-full"
|
|
>
|
|
<li
|
|
class="text-sm hidden sm:table-cell text-right text-gray-900 px-3 py-3.5 font-semibold"
|
|
>
|
|
This is item bd595f9e-4b9c-42b6-8e15-03fca4ff31bf
|
|
</li>
|
|
<li class="flex justify-between">
|
|
This is item 3d23a966-ef2f-4eff-b73e-cd2b0d3cfa79
|
|
</li>
|
|
<li class="text-white text-base font-medium flex-none">
|
|
This is item 7ef7e3d2-f1c1-4126-b787-42c12151176f
|
|
</li>
|
|
<li class="divide-y border-gray-200 border-b divide-gray-200 border-t">
|
|
This is item 4b4edd60-33c3-4642-b88a-251a9912d090
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="lg:pt-16 sm:px-6 lg:grid-rows-[auto,auto,1fr] px-4 lg:gap-x-8 max-w-2xl pt-10 lg:max-w-7xl mx-auto lg:px-8 lg:grid lg:grid-cols-3"
|
|
alt="Profile picture of user 4b03ca05-ce79-41ae-9999-5bd781247c42"
|
|
src="https://example.org/pictures/77afee96-30f4-4ead-a271-5a1a1c7bef14"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
<ul class="h-12">
|
|
<li class="mt-8">This is item 9e341230-4582-437f-9cce-0adb06ecb936</li>
|
|
<li class="flex items-center">This is item 99708a4a-3c20-4175-b6b8-af2c8cdae427</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="relative flex flex-col min-h-screen">
|
|
This is link 465bfc1f-f82d-4c40-81d2-ec9a7c96b26d
|
|
</a>
|
|
<img
|
|
class="text-sm pr-6 text-left font-medium pl-6 pb-4 text-gray-900"
|
|
alt="Profile picture of user 0b03589b-d988-4411-8a1c-df700c18f24d"
|
|
src="https://example.org/pictures/ddfe5e8e-ca4a-4e25-b558-9c12d58fea60"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul
|
|
class="group md:border-t-4 md:pt-4 pl-4 flex-col flex hover:border-indigo-800 md:border-l-0 border-l-4 py-2 md:pl-0 md:pb-0 border-indigo-600"
|
|
>
|
|
<li
|
|
class="bg-gradient-to-r px-4 hover:from-purple-700 w-full flex items-center shadow-sm text-base text-white to-indigo-600 border-transparent bg-origin-border rounded-md from-purple-600 hover:to-indigo-700 justify-center font-medium py-3 border"
|
|
>
|
|
This is item d7307f63-757a-4d17-b3f0-21a7df5d00e3
|
|
</li>
|
|
<li class="flex">This is item 2721feec-e251-499c-aad0-7a276fa9cf69</li>
|
|
</ul>
|
|
</li>
|
|
<li class="mx-auto relative max-w-xl">
|
|
<img
|
|
class="text-sm sm:table-cell text-right hidden py-4 text-gray-500 px-3"
|
|
alt="Profile picture of user bcb6f02b-757d-4d47-a452-b7fd55a3476e"
|
|
src="https://example.org/pictures/f8526a0f-9703-487a-866c-a3ec072da3e6"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="rounded text-indigo-600 w-4 border-gray-300 h-4 focus:ring-indigo-500"
|
|
>
|
|
This is link 5d7951b4-8742-49cb-80c8-d95ed2b529e5
|
|
</a>
|
|
<img
|
|
class="sm:px-6 sm:py-24 lg:py-32 px-4 lg:px-8 relative py-16"
|
|
alt="Profile picture of user 3b1eabe3-5306-4702-a69a-ba8c05bc1030"
|
|
src="https://example.org/pictures/f9e40061-1576-45f5-b911-a5bbb44f4814"
|
|
/>
|
|
<img
|
|
class="font-medium text-gray-900"
|
|
alt="Profile picture of user 9bc66520-5591-4517-96d5-e55b7b4ace95"
|
|
src="https://example.org/pictures/a8bde251-0738-4dde-864e-4ac8c5479413"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ul class="text-center flex-none p-6">
|
|
<li class="bg-white focus:z-10 hover:bg-gray-100 py-1.5">
|
|
<ol class="mt-6">
|
|
<li class="flex justify-center relative">
|
|
This is item c20f8d69-0ba1-4f3e-81bb-73c0fcda1d2b
|
|
</li>
|
|
<li class="font-medium text-base text-gray-900">
|
|
This is item f21ecc30-6a36-4b54-8c89-5a97a0975530
|
|
</li>
|
|
<li class="bg-gray-100">This is item 41e24ed2-fbd2-4120-8134-7cde4a41ce3f</li>
|
|
</ol>
|
|
<ul class="rounded-md select-none cursor-default py-2 items-center px-3 group flex">
|
|
<li class="flex space-x-3">This is item a879bed7-69ab-42d5-90aa-ae6d91ec97f3</li>
|
|
<li class="px-4 py-12 max-w-7xl lg:px-8 mx-auto sm:px-6 lg:py-16">
|
|
This is item 08c3e5fa-cfc0-4f2f-b782-2cbf7e71bfa3
|
|
</li>
|
|
<li
|
|
class="px-4 max-w-7xl sm:px-6 flex justify-between items-center mx-auto h-10 lg:px-8"
|
|
>
|
|
This is item 713dfdc0-decf-4171-949b-2fd06c5c7f90
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-600">
|
|
<a
|
|
href="#"
|
|
class="text-sm hover:border-gray-300 text-gray-500 pt-1 hover:text-gray-700 items-center font-medium border-b-2 border-transparent px-1 inline-flex"
|
|
>
|
|
This is link 6a48160b-d704-4813-9e10-07af5eabf458
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="ml-3 block font-medium text-gray-900 text-base">
|
|
This is link a67bfa12-6022-4d7f-9901-c14b5f92e528
|
|
</a>
|
|
<ul class="divide-y divide-gray-200 border-gray-200 border-b mt-10 border-t">
|
|
<li class="rounded-full">This is item 41534f01-a0b9-4966-b9a1-b28555ba67fe</li>
|
|
<li class="hover:text-gray-500 -m-2 text-gray-400 p-2">
|
|
This is item c9851fb2-7b2c-41c0-8967-6b0e0855143c
|
|
</li>
|
|
</ul>
|
|
<ol class="block px-4 text-sm py-2">
|
|
<li class="h-6 w-6">This is item 4cacaada-54f8-468c-898d-3257ec1825c2</li>
|
|
<li class="rounded-full w-7 mx-auto items-center h-7 justify-center flex">
|
|
This is item 922d48e9-4693-44d2-9980-369e1a54ea61
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="border-gray-200 border-b py-6">
|
|
<img
|
|
class="w-5 h-5"
|
|
alt="Profile picture of user 8a9ead07-a87a-4745-8f3c-d7f7c535a5d5"
|
|
src="https://example.org/pictures/fa8ddab7-ebe9-43d5-8559-092c50cfb25b"
|
|
/>
|
|
<ol class="mx-auto max-w-xs w-full">
|
|
<li class="mt-6">This is item 61efe723-9ae4-4e23-b59d-6102d57c310c</li>
|
|
<li class="sr-only">This is item 1a70b572-0c8e-43d3-937c-0af292310677</li>
|
|
<li
|
|
class="font-medium lg:pr-8 sm:pr-6 text-right relative pl-3 py-4 pr-4 whitespace-nowrap text-sm"
|
|
>
|
|
This is item ac23c04b-a0df-4daa-bb42-5cdd37cc002a
|
|
</li>
|
|
<li
|
|
class="p-2.5 inline-flex text-gray-700 items-center rounded-md justify-center -m-2.5"
|
|
>
|
|
This is item a246ab46-e258-416e-b94e-3e2d4686e8dd
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="border-gray-300 pl-4 border-l flex">
|
|
This is link a1ede39e-b189-448e-a433-1be16496a351
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul
|
|
class="hover:bg-gray-200 mx-auto flex rounded-full w-8 justify-center h-8 items-center text-gray-900"
|
|
>
|
|
<li
|
|
class="rounded-full ml-1 focus:ring-white h-10 flex focus:ring-2 items-center focus:outline-none w-10 focus:ring-inset justify-center"
|
|
>
|
|
<ol class="h-9">
|
|
<li
|
|
class="focus:ring-offset-2 rounded-md inline-flex font-medium focus:ring-indigo-500 focus:ring-2 bg-white hover:text-gray-900 group items-center text-base focus:outline-none"
|
|
>
|
|
This is item 3028f6cc-ac40-4e45-a061-a3d3afba51ee
|
|
</li>
|
|
<li class="text-sm text-gray-500 mt-1 max-w-2xl">
|
|
This is item d7a5ae20-6501-41e0-9825-4cec8dfa9ffc
|
|
</li>
|
|
<li
|
|
class="left-0 pr-2 text-gray-400 leading-5 z-20 -ml-14 -mt-2.5 text-right w-14 sticky text-xs"
|
|
>
|
|
This is item cd6bb095-a061-49ea-9998-76c9a1d53df5
|
|
</li>
|
|
<li class="ml-3">This is item f3e18e7f-0f18-461a-a2ed-9212269633ff</li>
|
|
<li class="-m-2 items-center flex p-2">
|
|
This is item 42aef5b2-189d-4759-9d01-8076bc7fe99c
|
|
</li>
|
|
</ol>
|
|
<ul class="text-lg text-gray-900 font-medium">
|
|
<li class="items-center flex">This is item e8614322-7471-4af5-b127-0e26404f30eb</li>
|
|
<li class="aspect-w-2 col-span-2">
|
|
This is item f13004e2-1d28-4650-95b3-318328845763
|
|
</li>
|
|
<li class="mt-4 space-y-4">This is item fdf2a049-76be-4c1e-b074-5f5cb1e3766b</li>
|
|
</ul>
|
|
<ul class="mt-1">
|
|
<li class="flex-1 py-10">This is item d3cc47c3-bd93-4265-9524-40fbb23f503f</li>
|
|
<li class="bg-white">This is item d8322d4f-e37a-431c-9def-4088015bdea0</li>
|
|
<li class="sm:text-4xl tracking-tight text-3xl font-bold">
|
|
This is item d981bb32-6688-4410-b571-328f4cfbe7aa
|
|
</li>
|
|
<li class="lg:h-full w-full h-56 lg:absolute object-cover">
|
|
This is item 19a7cd16-cd63-4c07-86ae-3ae976aa7bf7
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="w-6 h-6"
|
|
alt="Profile picture of user 86912805-edd0-47c8-bd5e-0c6e974c9735"
|
|
src="https://example.org/pictures/48962cde-acb4-461d-8913-aedb05593e60"
|
|
/>
|
|
</li>
|
|
<li class="space-x-4 flex">
|
|
<ol class="h-8 w-8">
|
|
<li class="block p-2 -m-2 font-medium text-gray-900">
|
|
This is item 002c7eca-0d93-4026-9676-147afb1fb909
|
|
</li>
|
|
<li class="relative z-10">This is item b77b041e-c42e-414e-826f-146100a84258</li>
|
|
</ol>
|
|
<ul class="p-8 bg-white">
|
|
<li class="text-gray-400 text-base">
|
|
This is item 283ad28c-8616-4039-8097-bba2dddcdc59
|
|
</li>
|
|
<li class="lg:hidden">This is item c313f548-9a45-49a9-bb0e-2a0f6366e348</li>
|
|
<li class="max-w-4xl mx-auto">This is item 1ac14e1c-e4d0-4824-879a-2779b3e1aa1c</li>
|
|
<li class="px-4 sm:px-6 lg:px-8 py-16 sm:py-24 relative lg:py-32">
|
|
This is item 0219dfb3-daab-4894-b898-b9761bd09ce7
|
|
</li>
|
|
<li class="lg:mt-0 mt-5 lg:ml-4 flex">
|
|
This is item 2886dec4-bbda-40bf-8981-06a9d2147b84
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="sm:flex-auto"
|
|
alt="Profile picture of user e742e332-59b3-4262-8904-079044b04dd4"
|
|
src="https://example.org/pictures/f20ed314-5ec6-4758-8e54-746783387f98"
|
|
/>
|
|
</li>
|
|
<li class="text-sm font-medium text-gray-900">
|
|
<ul class="inset-0 bg-gray-900 absolute opacity-50">
|
|
<li class="-mr-2">This is item e7a2ec9e-6b2d-41c6-8698-7b8db8e9269b</li>
|
|
<li class="-ml-1 mr-2 w-5 h-5 text-gray-300">
|
|
This is item e9110b77-b90a-4436-a963-a1ee04b2530a
|
|
</li>
|
|
<li class="w-5 h-5">This is item b85878a3-4635-409c-9770-ac5f8b348cef</li>
|
|
<li class="text-sm">This is item ac89a060-81b7-4780-a64d-8be5982aeae7</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="hidden lg:inline">
|
|
<ol class="lg:hidden md:absolute md:inset-y-0 flex items-center md:right-0">
|
|
<li class="text-gray-900 text-sm font-medium">
|
|
<ul
|
|
class="bg-black p-8 w-full bg-opacity-40 flex flex-col justify-end items-start relative sm:p-12"
|
|
>
|
|
<li class="sm:px-8 px-5 py-5 bg-gray-50 sm:py-8">
|
|
This is item c535ff21-661e-4c03-b6d6-58e6cd0a56c7
|
|
</li>
|
|
<li
|
|
class="bg-white shadow-sm justify-center text-gray-500 w-full font-medium py-2 rounded-md text-sm inline-flex px-4 border hover:bg-gray-50 border-gray-300"
|
|
>
|
|
This is item a66e4e76-0f65-475e-b5f8-522833a18265
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="max-w-7xl inset-0 xl:px-8 overflow-hidden absolute mx-auto"
|
|
alt="Profile picture of user a24abfcf-26b2-4cb0-9a6b-bb4a393e1859"
|
|
src="https://example.org/pictures/5fbb8a8c-746f-4f39-a310-4c13b6b662c2"
|
|
/>
|
|
</li>
|
|
<li class="xl:grid xl:grid-cols-3 xl:gap-8">
|
|
<ul class="py-2 border-gray-200 border-t">
|
|
<li class="hidden sm:block mt-8">
|
|
This is item 99bbe6ec-c7f2-49b9-8933-d45b9c245f06
|
|
</li>
|
|
<li
|
|
class="text-sm px-2 font-semibold text-left py-3.5 text-gray-900 whitespace-nowrap"
|
|
>
|
|
This is item 5cf8f8ee-95d2-46fd-bf0b-288c27440990
|
|
</li>
|
|
<li class="mt-6">This is item 3a4c5941-0d0a-40d9-868d-966575be4a2f</li>
|
|
</ul>
|
|
</li>
|
|
<li class="py-12 lg:px-8 sm:px-6 mx-auto max-w-7xl">
|
|
<ol class="text-sm text-gray-500">
|
|
<li class="items-center justify-between flex">
|
|
This is item a0bc371a-2315-49f3-9057-d2f443664886
|
|
</li>
|
|
<li class="inset-0 sm:px-6 px-4 absolute">
|
|
This is item 791c3e5f-b72d-4942-bce5-90750f2aa8fe
|
|
</li>
|
|
<li class="flex">This is item e44be071-b5ac-491a-a41e-1bc2d3377407</li>
|
|
<li class="mx-auto max-w-4xl">This is item 1a9e87a1-e4a7-444f-8171-abb5f77572ac</li>
|
|
<li class="mt-6">This is item 1767a60d-3de9-41b5-a9d7-f9764892ba23</li>
|
|
</ol>
|
|
<ul class="overflow-hidden absolute inset-0">
|
|
<li class="flex lg:ml-8 items-center">
|
|
This is item d05c4c62-cfac-4123-970d-1ce322840f11
|
|
</li>
|
|
<li class="lg:space-x-8 lg:flex lg:py-2 hidden">
|
|
This is item ce4a5831-5f53-4620-8a08-5afdd656d1dd
|
|
</li>
|
|
<li class="flex py-3 font-medium justify-between text-sm">
|
|
This is item 130690bd-04b4-4d15-b0ff-2ffc63af957c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="bg-white">
|
|
<ol class="w-6 h-6">
|
|
<li class="pt-6">This is item 1fc2fdaf-4b1c-4eaf-b942-5de2de90e06b</li>
|
|
<li
|
|
class="bg-white focus:ring-indigo-500 items-center max-w-xs focus:outline-none flex focus:ring-2 focus:ring-offset-2 text-sm rounded-full"
|
|
>
|
|
This is item aba4e759-dbf3-4b7b-9401-0c786d89d22c
|
|
</li>
|
|
<li class="flex-none text-gray-400 ml-3 text-xs font-semibold">
|
|
This is item 550aa546-27d1-46fd-a952-9298616927f0
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item 1d25e893-1f5e-4acf-9ad2-9145b324556b
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item f640a0c2-a8b9-4371-9e03-3217805443ad
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<nav class="text-gray-400 w-5 mr-1.5 h-5 flex-shrink-0">
|
|
<ul class="absolute inset-y-0 pointer-events-none flex items-center right-0 pr-2">
|
|
<li class="block h-auto w-5 flex-shrink-0">
|
|
<ul class="grid sm:gap-8 relative bg-white sm:p-8 py-6 gap-6 px-5">
|
|
<li class="lg:mt-24 mt-16">
|
|
<ul class="py-1.5 text-gray-400 bg-gray-50 hover:bg-gray-100 focus:z-10 relative">
|
|
<li
|
|
class="font-medium sm:px-6 leading-6 text-lg px-4 mt-8 mx-auto lg:px-8 max-w-6xl text-gray-900"
|
|
>
|
|
<ol
|
|
class="sm:text-sm focus:border-indigo-500 block w-full shadow-sm focus:ring-indigo-500 rounded-md border-gray-300"
|
|
></ol>
|
|
<a href="#" rel="noreferrer" class="w-6 h-6">
|
|
This is link 31fc8bb1-722b-4f64-be85-d63107e743c5
|
|
</a>
|
|
<ol class="text-sm text-gray-500 max-w-xl mt-2"></ol>
|
|
<ol
|
|
class="sm:border-t sm:border-gray-200 sm:gap-4 sm:grid sm:pt-5 sm:items-center sm:grid-cols-3"
|
|
></ol>
|
|
</li>
|
|
<li class="items-center inset-y-0 right-0 flex absolute pointer-events-none">
|
|
<img
|
|
class="col-span-full"
|
|
alt="Profile picture of user 9dd53d51-be17-48b8-975e-209e03322c30"
|
|
src="https://example.org/pictures/f5ed54d4-310a-4f1a-a34b-cd26ef938086"
|
|
/>
|
|
<img
|
|
class="lg:fixed hidden lg:flex-col lg:w-64 lg:flex lg:inset-y-0"
|
|
alt="Profile picture of user 6ce94e8b-3d0f-44a2-82b5-96abc3411933"
|
|
src="https://example.org/pictures/ac09a848-4170-4d8f-806c-fc4a55d29474"
|
|
/>
|
|
<a href="#" target="_blank" class="lg:hidden">
|
|
This is link 58281e97-5545-4f32-a562-77d762d2662c
|
|
</a>
|
|
<a href="#" target="_blank" class="text-base font-medium text-gray-900">
|
|
This is link 35e22386-03ef-4cbf-b303-32e8a89e70f9
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="border px-4 shadow-sm focus:ring-1 focus:border-indigo-500 focus:ring-indigo-500 min-w-0 w-full py-2 bg-white appearance-none text-gray-900 border-gray-300 rounded-md text-base placeholder-gray-500 focus:outline-none"
|
|
>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="space-y-4 sm:space-y-0 sm:space-x-4 flex sm:flex-row flex-col"
|
|
>
|
|
This is link 6b49bee6-7725-404a-a7ef-79427af58cb8
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ol class="text-gray-900 font-semibold">
|
|
<li class="border-l border-gray-200 pl-3 ml-3">
|
|
<ol
|
|
class="border-transparent focus-within:ring-2 group focus-within:ring-white relative rounded-md -ml-2"
|
|
></ol>
|
|
<img
|
|
class="mx-auto max-w-xl px-4"
|
|
alt="Profile picture of user 3cd05adc-52f0-4cb2-a6f6-7db4937f8efc"
|
|
src="https://example.org/pictures/fe4962ff-8956-4888-bc19-bab74ba98c13"
|
|
/>
|
|
<ol class="sm:max-w-md sm:flex mt-4"></ol>
|
|
</li>
|
|
<li class="text-sm text-gray-700 hover:text-gray-800 font-medium">
|
|
<a href="#" class="text-lg"> This is link 0f63a828-a0bb-40e6-b835-cb151a659ab4 </a>
|
|
<ol
|
|
class="-mr-1.5 flex-none hover:text-gray-500 flex justify-center text-gray-400 ml-2 p-1.5 -my-1.5 items-center"
|
|
></ol>
|
|
<ol
|
|
class="rounded-tl-lg focus:z-10 text-gray-400 bg-gray-50 py-1.5 hover:bg-gray-100"
|
|
></ol>
|
|
</li>
|
|
<li class="py-2 px-4 text-sm block">
|
|
<ol class="flex-shrink-0"></ol>
|
|
</li>
|
|
<li class="text-base text-gray-500 mt-2">
|
|
<ol class="px-5 space-y-6 py-6"></ol>
|
|
<ul
|
|
class="rounded-full absolute border-2 block transform bottom-0 right-0 translate-x-1/2 border-white translate-y-1/2"
|
|
></ul>
|
|
<img
|
|
class="bg-gradient-to-r rounded-md sm:h-12 items-center to-indigo-600 w-10 flex flex-shrink-0 sm:w-12 h-10 justify-center from-purple-600 text-white"
|
|
alt="Profile picture of user e10a856e-41b5-438e-837b-b3a02dc3fd93"
|
|
src="https://example.org/pictures/473650e6-e1be-4408-aac0-407b99012755"
|
|
/>
|
|
</li>
|
|
<li class="sm:flex-shrink-0 rounded-md sm:ml-3 shadow sm:mt-0 mt-3">
|
|
<img
|
|
class="flow-root"
|
|
alt="Profile picture of user aa8c635a-9706-43d0-a32e-b4f293de1e73"
|
|
src="https://example.org/pictures/b8c5d0e8-b17c-401b-96aa-3be778c36e6f"
|
|
/>
|
|
<img
|
|
class="lg:grid-cols-2 lg:items-start lg:grid lg:gap-x-8"
|
|
alt="Profile picture of user b557af5d-9d02-45ba-802e-0187f382880f"
|
|
src="https://example.org/pictures/6bd972f1-b6a6-4aa3-97c0-0d76e923923f"
|
|
/>
|
|
<a href="#" target="_blank" class="space-y-4">
|
|
This is link 106b3387-f86e-4ce7-b736-589f5782e299
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="pl-4 text-gray-500 border-l border-gray-200 ml-4">
|
|
This is link 89acacf2-9063-4f05-a473-c081ffdb35a2
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:grid-cols-4 lg:gap-x-8 sm:gap-x-6 sm:grid-cols-2 gap-y-12 grid lg:gap-y-0 grid-cols-1"
|
|
>
|
|
This is link 4e97688c-ad03-4a35-9154-86db8aa1ac16
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="hidden -ml-px hover:bg-gray-50 px-4 border py-2 bg-white border-gray-300 relative focus:border-blue-600 items-center focus:outline-none focus:ring-1 focus:ring-blue-600 font-medium focus:z-10 text-gray-900 sm:inline-flex text-sm"
|
|
>
|
|
<ol class="text-gray-500">
|
|
<li class="sr-only">
|
|
<a href="#" target="_blank" rel="noreferrer" class="truncate">
|
|
This is link 9b338592-e885-4c0d-b07b-55ec502f6fa3
|
|
</a>
|
|
<a href="#" target="_blank" class="mt-6 space-y-6">
|
|
This is link a4f21c14-50f1-4662-be48-1d85c92dd750
|
|
</a>
|
|
<ol class="text-sm group relative"></ol>
|
|
<ul class="min-h-full"></ul>
|
|
</li>
|
|
<li
|
|
class="bg-white z-10 ring-1 grid text-xs ring-black top-0 ring-opacity-5 flex-none text-gray-500 sticky shadow md:hidden grid-cols-7"
|
|
>
|
|
<ul class="fixed z-10 overflow-y-auto inset-0"></ul>
|
|
<ol class="rounded-full h-12 bg-gray-100 overflow-hidden inline-block w-12"></ol>
|
|
<a href="#" class="mt-2"> This is link 0288923d-cfe7-4e5c-bdac-f8536b2e49a7 </a>
|
|
</li>
|
|
<li class="flex items-center mt-4">
|
|
<ol class="bg-white shadow-sm"></ol>
|
|
<ul
|
|
class="text-gray-700 hover:text-gray-500 bg-white font-medium text-sm items-center relative border border-gray-300 inline-flex px-4 ml-3 rounded-md py-2"
|
|
></ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="mt-1">
|
|
<ul class="w-5 flex-shrink-0 h-5">
|
|
<li class="lg:flex-1 mt-12 lg:ml-8 sm:w-full sm:max-w-md lg:mt-0">
|
|
<a href="#" target="_blank" class="text-gray-600 text-sm">
|
|
This is link 1aedb42b-ee74-4ee8-a6f6-2be7bb1cefc4
|
|
</a>
|
|
<ol
|
|
class="focus:outline-none focus:ring-inset px-4 text-gray-500 border-r focus:ring-indigo-500 border-gray-200 focus:ring-2 md:hidden"
|
|
></ol>
|
|
<ul class="sm:mt-1"></ul>
|
|
<ul class="text-sm text-gray-700"></ul>
|
|
</li>
|
|
<li class="mx-auto items-center justify-center flex rounded-full w-7 h-7">
|
|
<a href="#" class="-m-2 text-gray-900 p-2 block font-medium">
|
|
This is link c5957e83-4b56-42d6-bd5f-89a682b4b792
|
|
</a>
|
|
<img
|
|
class="p-2 -ml-2 rounded-md bg-white text-gray-400"
|
|
alt="Profile picture of user 4c4ebdc2-285b-4e27-b8dc-5daff62e1d3b"
|
|
src="https://example.org/pictures/fb6d5a0b-03d6-4823-9a37-5b032139352f"
|
|
/>
|
|
<a href="#" class="font-medium sm:flex-shrink-0 text-sm sm:w-40 text-gray-500">
|
|
This is link 0224b8c2-c8eb-4b18-809e-f779b528c8da
|
|
</a>
|
|
</li>
|
|
<li class="text-left inline-block ml-3 relative">
|
|
<img
|
|
class="sm:not-sr-only sr-only"
|
|
alt="Profile picture of user 0689e734-2b8a-4ef5-bc77-196931d98448"
|
|
src="https://example.org/pictures/aeca32ea-db85-47cf-b315-c90653003ba7"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="hover:text-gray-500 text-gray-400"
|
|
>
|
|
This is link 40feb9ae-1d92-4642-ba3c-4feee84177cd
|
|
</a>
|
|
<img
|
|
class="flex h-full lg:rounded-none lg:rounded-r-lg overflow-hidden rounded-lg flex-col shadow-lg"
|
|
alt="Profile picture of user 3dae3057-cb12-42c8-998a-4fc0018db9f2"
|
|
src="https://example.org/pictures/8cd1b496-ee23-4893-8e27-d74afe998136"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="min-w-full divide-gray-300 divide-y">
|
|
This is link ec8715b9-c509-432a-885d-406efcf6d02d
|
|
</a>
|
|
<img
|
|
class="hover:bg-gray-200 flex mx-auto rounded-full w-8 justify-center text-gray-900 items-center h-8"
|
|
alt="Profile picture of user f697ae05-404e-491c-a642-de5f543690d1"
|
|
src="https://example.org/pictures/0369d165-e5f6-4490-8a2e-698c37c3be21"
|
|
/>
|
|
</li>
|
|
<li class="md:ml-6 ml-4 items-center flex">
|
|
<a href="#" class="sr-only"> This is link 14840d55-b6b6-4529-8449-687a86ee7c49 </a>
|
|
<ol class="group relative text-base sm:text-sm">
|
|
<li class="text-gray-900 font-medium text-sm">
|
|
<ul class="bg-white"></ul>
|
|
</li>
|
|
<li class="sm:px-6 max-w-7xl md:px-8 mx-auto px-4">
|
|
<img
|
|
class="rounded-full w-10 h-10"
|
|
alt="Profile picture of user 2be0a564-3556-43dc-a9f8-8aec7ec38b78"
|
|
src="https://example.org/pictures/e34df15e-a8e0-4d67-8a4d-1ce1430f5aee"
|
|
/>
|
|
<ol class="flex"></ol>
|
|
</li>
|
|
<li
|
|
class="focus:outline-none rounded-full hover:text-white focus:ring-offset-gray-800 focus:ring-2 focus:ring-offset-2 text-gray-400 bg-gray-800 p-1 focus:ring-white"
|
|
>
|
|
<a href="#" rel="noreferrer" class="sm:space-y-24 space-y-16">
|
|
This is link 084c09a7-4089-4620-a615-4ef355a0c729
|
|
</a>
|
|
<ul class="sr-only"></ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="space-y-1 px-2">
|
|
This is link 0effe0a6-3157-4bee-9338-f1565948d0fb
|
|
</a>
|
|
</li>
|
|
<li class="w-6 h-6">
|
|
<ul
|
|
class="pr-2 text-xs -mt-2.5 -ml-14 z-20 text-right text-gray-400 leading-5 w-14 left-0 sticky"
|
|
></ul>
|
|
<ul class="items-center flex"></ul>
|
|
<ul class="z-40 relative lg:hidden"></ul>
|
|
<a href="#" target="_blank" class="h-full w-full text-gray-300">
|
|
This is link 3304378c-786f-4c66-8a59-aeacbc8f8a23
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="relative">
|
|
<li
|
|
class="sm:mt-16 mt-12 sm:grid-cols-2 space-y-4 sm:grid xl:max-w-none sm:space-y-0 lg:max-w-4xl xl:grid-cols-4 lg:mx-auto xl:mx-0 sm:gap-6"
|
|
>
|
|
<img
|
|
class="w-auto h-8 block"
|
|
alt="Profile picture of user 2b851d20-3133-4de4-bc59-532f2df52be4"
|
|
src="https://example.org/pictures/a4132951-fcba-495b-98a7-53749b6460e7"
|
|
/>
|
|
</li>
|
|
<li class="h-5 flex-shrink-0 w-5">
|
|
<ol
|
|
class="justify-center sm:h-12 text-white bg-indigo-500 w-10 inline-flex rounded-md items-center sm:w-12 h-10"
|
|
>
|
|
<li class="rounded-full w-7 items-center flex mx-auto h-7 justify-center">
|
|
<ol class="object-cover object-center"></ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="right-0 items-center pointer-events-none inset-y-0 flex absolute"
|
|
>
|
|
This is link e28e3fdf-a90a-4d90-a068-c15d210d4b30
|
|
</a>
|
|
<ol class="text-gray-500 text-base"></ol>
|
|
</li>
|
|
<li class="grid grid-cols-7 text-gray-500 mt-6 leading-6 text-xs">
|
|
<a href="#" class="bg-gray-50">
|
|
This is link 1469b628-27c9-4e07-9d94-5f918acfcc56
|
|
</a>
|
|
<ol class="max-w-7xl mx-auto"></ol>
|
|
<a href="#" class="mt-2 text-warm-gray-500 text-base">
|
|
This is link ef11bffc-aba2-4c19-bac0-02abe9dfe38c
|
|
</a>
|
|
</li>
|
|
<li class="pt-6">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="absolute mt-2 origin-bottom-right ring-1 w-40 right-0 ring-opacity-5 z-10 bg-white rounded-md focus:outline-none shadow-lg ring-black"
|
|
>
|
|
This is link ff3a13b0-557e-4fdb-a3d0-20e6504bfb8a
|
|
</a>
|
|
<ol class="rounded-lg inline-flex p-3"></ol>
|
|
<ul class="justify-center mx-auto w-7 flex h-7 items-center rounded-full"></ul>
|
|
<img
|
|
class="lg:px-8 sm:px-6 mx-auto px-4 max-w-7xl py-6"
|
|
alt="Profile picture of user 9aafccb4-77af-4b1f-9e98-7c44cb8d60dd"
|
|
src="https://example.org/pictures/25800965-0f7c-45e5-a0fc-10272bd4c32c"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="divide-gray-200 divide-y">
|
|
This is link 97be46d6-dad2-4de8-aec1-46dd5c1d1ea7
|
|
</a>
|
|
<img
|
|
class="border-gray-200 border-t md:border-t-0 divide-gray-200 divide-y"
|
|
alt="Profile picture of user b79a8d18-cb12-48d5-88e9-46de1005a029"
|
|
src="https://example.org/pictures/53802977-1b05-4fba-899c-2a49a1a81c6d"
|
|
/>
|
|
</li>
|
|
<li class="hover:text-gray-500 text-gray-400">
|
|
<img
|
|
class="hover:text-gray-900 hover:bg-gray-50 text-gray-600"
|
|
alt="Profile picture of user 661789ea-7d6c-41eb-bebe-daa7e91d69f5"
|
|
src="https://example.org/pictures/df6bf8a9-1b2b-4deb-b55b-ee12822e0c4d"
|
|
/>
|
|
</li>
|
|
<li class="absolute inset-0 overflow-hidden">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="font-medium text-sm text-gray-700 block"
|
|
>
|
|
This is link f92f1dd9-b730-46ae-a115-37ee63c182ed
|
|
</a>
|
|
<ol class="flex items-center h-7 mx-auto justify-center rounded-full w-7">
|
|
<li class="xl:col-span-1 space-y-8">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="rounded-lg -inset-px border-2 absolute pointer-events-none"
|
|
>
|
|
This is link cfeb8ddf-abc1-4c58-aff3-033885a5be52
|
|
</a>
|
|
<a href="#" class="ml-3 text-sm">
|
|
This is link 7ed24a32-cc3e-4761-a385-5b6c3cab4e04
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="py-6 mx-auto lg:px-8 max-w-7xl sm:px-6">
|
|
This is link d4484aaf-d4ea-462a-95f2-549b682cf776
|
|
</a>
|
|
</li>
|
|
<li class="flex items-center">
|
|
<ol
|
|
class="text-sm shadow-sm font-medium border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 items-center border bg-white text-gray-700 px-4 py-2 inline-flex focus:ring-purple-500 hover:bg-gray-50"
|
|
></ol>
|
|
<img
|
|
class="text-gray-900 leading-6 font-medium text-lg"
|
|
alt="Profile picture of user f32fb240-a06f-4024-8366-81f9fbf50999"
|
|
src="https://example.org/pictures/303888e4-abd5-45ff-a127-913cd4a24c32"
|
|
/>
|
|
<ol class="text-sm sm:mt-0 mt-1 sm:col-span-2 text-gray-900"></ol>
|
|
<ul class="gap-16 lg:gap-x-5 grid mt-12 lg:gap-y-12 pt-12 lg:grid-cols-3"></ul>
|
|
</li>
|
|
</ol>
|
|
<ul class="flex-shrink-0">
|
|
<li class="px-4 py-16 lg:px-8 mx-auto sm:py-24 max-w-7xl sm:px-6">
|
|
<ol class="text-lg text-gray-900 font-medium"></ol>
|
|
<ul
|
|
class="lg:absolute w-full h-64 lg:h-full sm:h-72 lg:right-0 relative lg:inset-y-0 md:h-96 lg:w-1/2"
|
|
></ul>
|
|
<a
|
|
href="#"
|
|
class="lg:row-start-1 z-10 lg:py-16 lg:col-start-1 lg:col-span-4 relative lg:bg-transparent"
|
|
>
|
|
This is link b3add0d3-f2c3-4f83-b216-dfc2f3262489
|
|
</a>
|
|
<ol class="relative"></ol>
|
|
</li>
|
|
<li class="block">
|
|
<img
|
|
class="relative bg-white"
|
|
alt="Profile picture of user d4471838-fd8f-4901-b1bb-6e1920cb5ab0"
|
|
src="https://example.org/pictures/d1ecb08b-8861-4ad7-9382-9b90ed4a55ba"
|
|
/>
|
|
<ol class="border-gray-200 pb-5 border-b"></ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="mt-1 text-gray-500 text-sm">
|
|
This is link 4c55a52d-f106-44db-b084-1738287ca906
|
|
</a>
|
|
</li>
|
|
<li class="divide-y divide-gray-200 bg-white">
|
|
<ul class="hover:bg-gray-100 py-1.5 focus:z-10 bg-white"></ul>
|
|
<img
|
|
class="bg-white px-4 focus:outline-none text-gray-700 hover:bg-gray-50 font-medium text-sm border-gray-300 shadow-sm focus:ring-offset-2 focus:ring-2 border focus:ring-sky-500 items-center py-2 rounded-md inline-flex"
|
|
alt="Profile picture of user e0f83337-cf17-488f-84ef-a2a541464420"
|
|
src="https://example.org/pictures/a95f4d73-1766-4a53-b19c-d6d1987e99b1"
|
|
/>
|
|
<img
|
|
class="pt-10 mt-10 border-t border-gray-200"
|
|
alt="Profile picture of user 3bd50470-e8c2-4400-8b95-06f4d83a12cf"
|
|
src="https://example.org/pictures/08655e86-9587-44ed-b3b0-992e0fbd78e8"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900 text-4xl font-bold tracking-tight">
|
|
<ul class="text-gray-300 text-xl"></ul>
|
|
</li>
|
|
</ul>
|
|
<ol
|
|
class="absolute z-30 transform top-0 transition p-2 md:hidden inset-x-0 origin-top-right"
|
|
>
|
|
<li class="sr-only">
|
|
<img
|
|
class="sm:col-span-2 sm:flex sm:justify-end"
|
|
alt="Profile picture of user e7f494c7-bb61-47af-83bb-959bfca33cbc"
|
|
src="https://example.org/pictures/9dda3778-be1b-4391-be3e-e0bbdb9b541f"
|
|
/>
|
|
<img
|
|
class="max-w-7xl py-6 sm:px-6 mx-auto lg:px-8"
|
|
alt="Profile picture of user a4f463a7-b9ab-44a9-89ad-70145e70494d"
|
|
src="https://example.org/pictures/194bf0ec-3062-4f3a-9160-444572b6135e"
|
|
/>
|
|
<img
|
|
class="xl:mt-0 md:mt-16 mt-16"
|
|
alt="Profile picture of user 6fb45adb-7595-442d-8887-5dbcf43fe5b0"
|
|
src="https://example.org/pictures/10632e5a-c7db-4c0d-82e7-6ade805f7c17"
|
|
/>
|
|
<ol
|
|
class="-translate-x-1/2 sm:px-0 z-10 w-screen max-w-md mt-3 transform left-1/2 absolute px-2"
|
|
></ol>
|
|
</li>
|
|
<li class="block">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-5 flex-shrink-0 text-white h-5"
|
|
>
|
|
This is link 88dc18a7-606e-4334-b99c-4fe00ae98d3e
|
|
</a>
|
|
<ol class="bg-gray-400"></ol>
|
|
<a href="#" rel="noreferrer" class="sm:text-xl text-gray-900 text-lg">
|
|
This is link 9df18eb8-07e9-4731-8214-08aa7da87692
|
|
</a>
|
|
</li>
|
|
<li class="border-b border-gray-200 pb-5">
|
|
<img
|
|
class="w-6 h-6 flex-shrink-0 group-hover:text-gray-500 text-gray-400"
|
|
alt="Profile picture of user 48f8f09d-1805-415f-b0f4-1fedd0cae352"
|
|
src="https://example.org/pictures/97c6f15c-f387-4997-b953-cdbd0fa68d4d"
|
|
/>
|
|
<img
|
|
class="items-center text-sm bg-indigo-600 shadow-sm focus:ring-2 font-medium hover:bg-indigo-700 focus:ring-offset-2 focus:ring-indigo-500 rounded-md leading-4 border-transparent py-2 px-3 border focus:outline-none text-white inline-flex"
|
|
alt="Profile picture of user 6f616cb8-7835-4f8f-8d5f-fa7c66c402e1"
|
|
src="https://example.org/pictures/301f5ca1-058e-4947-9b68-7b439b19afae"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="xl:justify-between max-w-7xl sm:px-6 lg:px-8 mx-auto px-4 xl:flex xl:items-center"
|
|
>
|
|
<img
|
|
class="font-medium leading-6 text-lg text-gray-900"
|
|
alt="Profile picture of user 257387fe-da02-4ff9-86f8-6d694b13a358"
|
|
src="https://example.org/pictures/c0647a9c-38bf-4441-89c8-d7ee2122a3f1"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-gray-50 text-gray-400 hover:bg-gray-100 focus:z-10 py-1.5"
|
|
>
|
|
This is link 837b2b73-3bf1-4d71-8250-c555d0190f6d
|
|
</a>
|
|
<ul class="justify-between flex"></ul>
|
|
<ol class="flex items-center justify-between"></ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-white pt-6 relative pb-8 overflow-hidden flex-col sm:rounded-lg w-full flex lg:py-8 sm:pb-6"
|
|
>
|
|
This is link c560702e-2903-4d63-be29-6b3e69aebf59
|
|
</a>
|
|
<ol
|
|
class="text-gray-400 -mr-2 h-10 w-10 flex justify-center rounded-md items-center p-2 bg-white"
|
|
>
|
|
<li class="-m-2 font-medium p-2 block text-gray-900">
|
|
<ol class="col-span-full sm:col-span-4">
|
|
<li class="mx-auto items-center justify-center w-7 flex h-7 rounded-full">
|
|
<ul class="sm:mt-16 space-y-16 mt-12"></ul>
|
|
<img
|
|
class="space-y-4 items-start flex sm:space-y-0 sm:flex-row sm:items-center flex-col sm:space-x-4"
|
|
alt="Profile picture of user 52eeb15e-eb1d-449a-92a2-381a467811e7"
|
|
src="https://example.org/pictures/f48535e2-f54a-4f70-b9c0-a3c14989b1f9"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-cyan-100 text-base mt-2 font-medium"
|
|
>
|
|
This is link 015ce967-d3ec-4617-99d6-56102c5095df
|
|
</a>
|
|
</li>
|
|
<li class="flex items-center justify-between">
|
|
<ul
|
|
class="absolute items-center bg-indigo-500 flex w-12 h-12 rounded-md justify-center"
|
|
></ul>
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="xl:px-2 sm:pt-8 max-w-7xl pt-4 sm:px-6 px-4 pb-16 sm:pb-24 xl:pt-14 mx-auto lg:px-8"
|
|
>
|
|
<li class="flex flex-1 lg:hidden items-center">
|
|
<ol class="flex-shrink-0 ml-4"></ol>
|
|
<ul class="mx-auto items-center justify-center flex rounded-full w-7 h-7"></ul>
|
|
<img
|
|
class="text-gray-400 hover:text-gray-500 p-2 -m-2"
|
|
alt="Profile picture of user cebdd973-4689-4b1e-b010-902bc80305b8"
|
|
src="https://example.org/pictures/542bca8c-f061-4c26-a7c6-545e09c20370"
|
|
/>
|
|
<ul class="divide-x isolate flex divide-gray-200 shadow rounded-lg"></ul>
|
|
</li>
|
|
<li class="text-sm">
|
|
<img
|
|
class="flow-root lg:ml-8 ml-4"
|
|
alt="Profile picture of user 21b286fb-24c0-40d0-9695-56f1e1b3dcb5"
|
|
src="https://example.org/pictures/547b3eb9-f641-4d66-99b0-925fe1fd6e55"
|
|
/>
|
|
</li>
|
|
<li class="absolute flex inset-0">
|
|
<img
|
|
class="py-2 block px-4 text-gray-700 text-sm"
|
|
alt="Profile picture of user 3aaaa659-364e-449a-a348-663808f5a368"
|
|
src="https://example.org/pictures/f00c3be6-2b50-4994-92b8-928f93343fcb"
|
|
/>
|
|
<img
|
|
class="px-4 block text-sm py-2"
|
|
alt="Profile picture of user 4e6ec492-fca8-4fbe-a031-d24f0b554475"
|
|
src="https://example.org/pictures/4c64b968-ff46-4e88-895c-52424f3fcaea"
|
|
/>
|
|
<ol class="w-5 h-5"></ol>
|
|
<ul class="bg-gray-300"></ul>
|
|
</li>
|
|
<li class="pl-3 cursor-default select-none relative pr-9 py-2">
|
|
<a
|
|
href="#"
|
|
class="sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row sm:items-center flex-col flex items-start"
|
|
>
|
|
This is link cb25c4ca-33f8-4832-9826-1457d5f8bf81
|
|
</a>
|
|
<ol class="inline-flex ml-3 sm:ml-0"></ol>
|
|
<ul class="h-6 mr-4 flex-shrink-0 w-6"></ul>
|
|
<ul class="mt-6"></ul>
|
|
</li>
|
|
<li class="hidden sm:block">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:px-8 lg:max-w-7xl sm:max-w-3xl max-w-md px-6 text-center mx-auto"
|
|
>
|
|
This is link a7e95383-983f-48e3-b958-6a02f74d583a
|
|
</a>
|
|
<ol
|
|
class="rounded w-full h-48 border-2 bg-transparent border-dashed text-gray-200 border-gray-300"
|
|
></ol>
|
|
<ul class="w-full h-full text-gray-300"></ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="fixed inset-0 bg-black bg-opacity-25">
|
|
<ol
|
|
class="rounded-md shadow-sm sm:text-sm w-full block focus:ring-blue-500 mt-1 text-blue-gray-900 focus:border-blue-500 border-blue-gray-300"
|
|
>
|
|
<li class="truncate">
|
|
<ul class="leading-8 text-lg text-gray-900 mt-6 font-semibold"></ul>
|
|
<ol class="z-10 absolute inset-x-0 top-full"></ol>
|
|
<img
|
|
class="row-span-full col-start-7"
|
|
alt="Profile picture of user c4a237cc-49ed-40ec-a325-42f1f3543eee"
|
|
src="https://example.org/pictures/f4254ae3-2911-4c04-b4c7-3d34b7e87732"
|
|
/>
|
|
</li>
|
|
<li class="text-sm">
|
|
<ul class="object-center object-cover"></ul>
|
|
<ul class="font-medium"></ul>
|
|
<img
|
|
class="bg-gray-900 text-white"
|
|
alt="Profile picture of user 52ffe417-a7d9-4bd7-bd54-fe05209ab807"
|
|
src="https://example.org/pictures/9a035f27-d9de-4806-b7fd-06295e9057f5"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ol class="sr-only">
|
|
<li class="flex-col flex-grow flex">
|
|
<ol class="divide-gray-200 divide-x"></ol>
|
|
<ol
|
|
class="text-base font-medium whitespace-nowrap hover:text-gray-900 text-gray-500"
|
|
></ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="flex-col xl:flex-row mt-2 text-gray-500 flex"
|
|
>
|
|
This is link 41cbf232-cbf7-4e07-9f69-699407726cb7
|
|
</a>
|
|
<a href="#" target="_blank" class="overflow-hidden rounded-lg bg-white shadow">
|
|
This is link ad17b6ba-4f06-43c5-9fe1-827bfa194437
|
|
</a>
|
|
</li>
|
|
<li class="inset-0 absolute">
|
|
<ol
|
|
class="text-sm sm:hidden text-indigo-600 hover:text-indigo-500 font-medium"
|
|
></ol>
|
|
</li>
|
|
<li class="hover:text-gray-600 text-gray-500 text-sm">
|
|
<ul class="text-indigo-600 border-indigo-500"></ul>
|
|
</li>
|
|
<li class="h-5 text-gray-400 w-5">
|
|
<img
|
|
class="sm:px-6 px-2 mx-auto max-w-7xl lg:px-8"
|
|
alt="Profile picture of user 46b84719-0c46-467c-8018-f45035a3aff5"
|
|
src="https://example.org/pictures/1a3bf97c-4b50-41de-b737-99b49e95cc21"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="hover:text-indigo-700 hover:bg-white bg-gray-50 text-indigo-700"
|
|
>
|
|
This is link 1badad9b-66c6-4f63-9987-88234f851f57
|
|
</a>
|
|
<img
|
|
class="text-gray-500 hover:text-gray-600"
|
|
alt="Profile picture of user 386de1a8-ce69-4e05-bbe2-25bc9e97b679"
|
|
src="https://example.org/pictures/49c10d55-84a9-4eb6-a78a-d55e71477e5b"
|
|
/>
|
|
<ul class="rounded-tr-lg py-1.5 bg-white hover:bg-gray-100 focus:z-10"></ul>
|
|
</li>
|
|
<li class="py-2 text-sm px-4 block text-gray-700">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="p-2 text-gray-400 bg-white lg:hidden rounded-md"
|
|
>
|
|
This is link 9d0e087f-a100-4527-bd7d-dcc3e2485d1e
|
|
</a>
|
|
<ol class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8 -mx-4"></ol>
|
|
<a href="#" rel="noreferrer" class="text-gray-500 hover:text-gray-600">
|
|
This is link 390ec6bc-66cc-4476-bc15-d7cdf55cc543
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="justify-center h-7 items-center w-7 rounded-full flex mx-auto"
|
|
>
|
|
This is link a2d1dc6d-60aa-4827-8c03-60f945d53177
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="space-y-4 mt-4">
|
|
<li
|
|
class="mt-3 right-0 absolute z-10 shadow-lg ring-1 ring-black overflow-hidden bg-white origin-top-right w-36 focus:outline-none rounded-md ring-opacity-5"
|
|
>
|
|
<img
|
|
class="font-medium text-white hover:text-gray-100 text-sm"
|
|
alt="Profile picture of user a7b42dac-0105-4ba9-96cb-b08810ae4caa"
|
|
src="https://example.org/pictures/65225758-8ba1-40db-953a-466c7030e4d4"
|
|
/>
|
|
<ul class="online"></ul>
|
|
<a href="#" rel="noreferrer" class="h-16 justify-between items-center flex">
|
|
This is link a26f2298-b93c-4202-9a25-6cc3d331311c
|
|
</a>
|
|
<ol
|
|
class="gap-12 sm:grid-flow-col sm:grid-cols-2 grid-cols-1 grid sm:grid-rows-4"
|
|
></ol>
|
|
</li>
|
|
<li class="hover:text-gray-700 font-medium text-gray-900 text-base">
|
|
<ul class="pb-3 border-gray-700 border-t pt-4"></ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="items-center inline-flex bg-black p-1 sm:text-base pr-2 xl:text-base rounded-full text-white lg:text-sm hover:text-gray-200"
|
|
>
|
|
This is link 412346b0-9182-4af8-b363-104ed8ce7692
|
|
</a>
|
|
<ul
|
|
class="p-1 hover:text-white rounded-full ml-auto focus:ring-offset-2 focus:ring-white flex-shrink-0 focus:ring-offset-indigo-600 bg-indigo-600 text-indigo-200 focus:ring-2 focus:outline-none"
|
|
></ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="font-sans"
|
|
alt="Profile picture of user 486c7864-b297-4d4e-8f1f-b10c1bae7e00"
|
|
src="https://example.org/pictures/8ef7f4c9-ede3-484e-8e01-ddfc3b514288"
|
|
/>
|
|
</li>
|
|
<li class="focus:z-10 py-1.5 hover:bg-gray-100 bg-white">
|
|
<img
|
|
class="text-gray-400 mx-1"
|
|
alt="Profile picture of user f981b0af-1830-4b78-af2b-6261d95dda80"
|
|
src="https://example.org/pictures/a94b8b34-f2d5-4a18-bc2a-08cee5d063f6"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="bg-gray-800">
|
|
This is link 0051ba86-2835-4493-9ca3-5bab90b51e4c
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="hover:text-gray-600 text-gray-500">
|
|
This is link 77d792f1-653a-49b6-ba82-ce4d5cfe8512
|
|
</a>
|
|
</li>
|
|
<li class="px-2 mt-5 space-y-1 bg-gray-800 flex-1">
|
|
<ul class="h-0 bg-gray-50 min-h-[768px]">
|
|
<li class="px-3 py-2 bg-white relative">
|
|
<ul
|
|
class="lg:space-y-0 px-4 lg:px-8 lg:grid-cols-3 lg:max-w-7xl sm:px-6 mx-auto lg:grid space-y-12 lg:gap-x-8 max-w-2xl"
|
|
></ul>
|
|
<img
|
|
class="fixed p-4 sm:p-6 overflow-y-auto md:p-20 z-10 inset-0"
|
|
alt="Profile picture of user f3d7dc1d-deee-4c4f-9ee1-0850fa7d9929"
|
|
src="https://example.org/pictures/b053b6ef-a80a-4210-84fc-0f5d4df44ba0"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-indigo-600 focus:ring-white hover:text-white p-1 focus:outline-none focus:ring-offset-indigo-600 focus:ring-offset-2 rounded-full text-indigo-200 focus:ring-2"
|
|
>
|
|
This is link 7049d6e4-7fd9-430e-bb95-8c457bd43606
|
|
</a>
|
|
</li>
|
|
<li class="block font-medium text-sm text-gray-700">
|
|
<a href="#" class="sr-only"> This is link 3da214ed-a5dc-4a0d-a873-3b93c54625eb </a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-sm text-gray-500 group-hover:text-gray-700 font-medium"
|
|
>
|
|
This is link b82a5089-b899-45c3-9dcf-bf4862d08135
|
|
</a>
|
|
<ol class="text-gray-400 hover:text-gray-500"></ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="text-base text-indigo-600 font-medium"
|
|
alt="Profile picture of user b0997c24-d615-4d96-8505-fa2c0f9bc123"
|
|
src="https://example.org/pictures/6d720f60-cf59-4cbf-94c7-079ccd951009"
|
|
/>
|
|
<a href="#" class="px-4 flex-1 sm:px-6 mt-6 relative">
|
|
This is link 16fd2d2b-324f-4cbf-b011-940456e37522
|
|
</a>
|
|
</li>
|
|
<li class="mx-auto w-5 text-gray-400 h-5">
|
|
<img
|
|
class="h-64 bg-white text-gray-200 border-2 w-full border-gray-300 border-dashed"
|
|
alt="Profile picture of user 40d760d0-b933-4002-ae6a-56bd854eddc5"
|
|
src="https://example.org/pictures/42b2216c-04ab-4ab2-a03e-9aa9c97ef36a"
|
|
/>
|
|
<ul class="sm:hidden mt-1"></ul>
|
|
<ul class="text-sm group flex hover:text-gray-700 text-gray-500"></ul>
|
|
</li>
|
|
<li
|
|
class="flex p-4 items-end justify-center sm:p-0 min-h-full sm:items-center text-center"
|
|
>
|
|
<a href="#" target="_blank" class="text-gray-900">
|
|
This is link ad05be79-aa5b-415f-94df-d497a5ee58e5
|
|
</a>
|
|
<ul class="bg-white py-6 relative px-4 sm:px-6"></ul>
|
|
<a href="#" class="ml-3 relative">
|
|
This is link a135e269-eaec-40f7-9be1-283b9784c14b
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="px-2 space-y-1">
|
|
<li class="inline-block">
|
|
<a href="#" class="mt-1"> This is link eb83ae77-1cb7-42ca-b0cc-a5f598afacd7 </a>
|
|
<ol class="leading-6 font-medium text-lg text-gray-900"></ol>
|
|
<ul class="grid col-start-2 grid-cols-2 gap-x-8"></ul>
|
|
<ol class="mr-0.5"></ol>
|
|
</li>
|
|
<li class="items-center flex space-x-5">
|
|
<ul
|
|
class="focus:outline-none font-medium items-center border focus:ring-offset-2 py-2 focus:ring-indigo-500 bg-indigo-100 text-indigo-700 hover:bg-indigo-200 inline-flex rounded-md px-4 border-transparent text-sm focus:ring-2"
|
|
></ul>
|
|
<img
|
|
class="lg:hidden flex items-center"
|
|
alt="Profile picture of user 333378f3-f0de-4c3c-a63e-6228c37610fe"
|
|
src="https://example.org/pictures/21c913e0-b7b1-4112-93e2-4990554e08b1"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="focus:outline-none text-gray-700 text-sm rounded-md px-4 bg-white border focus:ring-2 font-medium py-2 hover:bg-gray-50 focus:ring-indigo-500 border-gray-300 shadow-sm focus:ring-offset-2"
|
|
>
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link e021593d-c663-4c53-8645-e61711e21d88
|
|
</a>
|
|
</li>
|
|
<li class="justify-center bg-white flex py-2">
|
|
<ol class="inset-x-0 bottom-0 fixed"></ol>
|
|
<a href="#" target="_blank" class="sm:flex">
|
|
This is link b3d1f9da-bcaf-4fa2-be91-91c4b3e0e4f2
|
|
</a>
|
|
</li>
|
|
<li class="-m-2 hover:text-gray-500 p-2 text-gray-400">
|
|
<a href="#" rel="noreferrer" class="h-12 rounded-full w-12">
|
|
This is link 1cde9b1a-0ac9-4d89-9e80-80f821a7e66a
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="mt-6 px-4 sm:mt-10 flow-root sm:px-0">
|
|
<li class="text-sm font-medium text-gray-900">
|
|
<ul class="grid-cols-2 grid gap-y-10 gap-x-8 py-16"></ul>
|
|
<img
|
|
class="lg:grid-cols-7 lg:grid relative"
|
|
alt="Profile picture of user 9b4ecdc2-c5f5-4d3d-8d65-f385350ffc88"
|
|
src="https://example.org/pictures/46114cd7-2c35-4509-a658-109f12ac01f0"
|
|
/>
|
|
<img
|
|
class="text-gray-900 font-medium"
|
|
alt="Profile picture of user 56f694c6-f235-4b16-af97-43f4a327287b"
|
|
src="https://example.org/pictures/29a71e15-9156-4365-8063-4529881e1972"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="text-3xl sm:text-4xl tracking-tight inline font-bold sm:block text-gray-900"
|
|
>
|
|
<ol class="mt-1 relative"></ol>
|
|
<ul class="ml-1 flex-shrink-0 font-normal text-gray-500"></ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="rounded-lg aspect-w-4 bg-gray-100 aspect-h-3 overflow-hidden"
|
|
>
|
|
This is link 994ac074-5915-4a6a-8d8f-6a3fd701e5ac
|
|
</a>
|
|
</li>
|
|
<li class="pr-4 text-sm sm:pr-6 text-right pl-3 py-4 font-medium whitespace-nowrap">
|
|
<ol class="space-y-6 sm:mt-4 mt-6 sm:space-y-4"></ol>
|
|
<ol class="overflow-hidden sm:rounded-md shadow"></ol>
|
|
<ol class="text-sm"></ol>
|
|
</li>
|
|
<li class="ml-3">
|
|
<img
|
|
class="font-medium whitespace-nowrap text-gray-500 text-base hover:text-gray-900"
|
|
alt="Profile picture of user 10c50d13-bdb2-44f3-b4ac-f9d7f704dc4f"
|
|
src="https://example.org/pictures/f7e8681f-c0fa-4293-9723-3436e7af0b41"
|
|
/>
|
|
<img
|
|
class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"
|
|
alt="Profile picture of user 92fa4b6e-62a9-4c50-b3ae-93a6794ee9c4"
|
|
src="https://example.org/pictures/03e3f7d1-f375-4416-90cc-1d2e0c8a1159"
|
|
/>
|
|
<ol class="mt-6 relative"></ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-gray-500">
|
|
This is link 098b8af4-56a5-4f50-a797-d40620d27103
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="pt-3 pb-2">
|
|
This is link 29c8f429-ced1-4148-889a-f08f926ecfa2
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="hidden sm:inline sm:mx-2">
|
|
<img
|
|
class="flex-auto truncate ml-3"
|
|
alt="Profile picture of user abbfef68-509a-421f-a3fb-a0474d2755b2"
|
|
src="https://example.org/pictures/41039638-b5db-43b2-b3d3-cd98b7322213"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-sm text-gray-500 hover:text-gray-700 font-medium ml-4"
|
|
>
|
|
This is link a0b0f948-f6a6-40fc-89e4-98eab070bfee
|
|
</a>
|
|
</li>
|
|
<li class="relative bg-white">
|
|
<ol
|
|
class="focus:ring-indigo-500 py-2 block text-base border-gray-300 focus:border-indigo-500 sm:text-sm w-full rounded-md focus:outline-none pr-10 pl-3"
|
|
>
|
|
<li
|
|
class="bg-white w-full justify-between text-gray-400 hover:text-gray-500 py-3 flex items-center text-sm"
|
|
>
|
|
<ol class="md:gap-8 md:grid-cols-2 md:grid space-y-12 md:space-y-0">
|
|
<li class="text-gray-900 font-medium">
|
|
<ol class="space-y-4 mt-4"></ol>
|
|
</li>
|
|
<li class="flex-auto space-y-1">
|
|
<ol class="flex pt-2 justify-between items-end flex-1"></ol>
|
|
<ul class="flex"></ul>
|
|
<a href="#" class="pointer-events-none object-cover">
|
|
This is link 245a5a2b-b274-41f4-b515-9456f407a6c1
|
|
</a>
|
|
</li>
|
|
<li class="w-5 h-5 flex-shrink-0">
|
|
<ul class="text-green-500 absolute h-6 w-6"></ul>
|
|
<img
|
|
class="gap-x-8 lg:grid-cols-2 max-w-lg lg:max-w-none grid mx-auto gap-y-16 grid-cols-1"
|
|
alt="Profile picture of user 55e1298a-f46d-404f-82b3-f1f8e44c10ba"
|
|
src="https://example.org/pictures/caf15c29-8f54-40c8-b0d5-310a1463993b"
|
|
/>
|
|
<img
|
|
class="-m-2 p-2 font-medium block text-gray-900"
|
|
alt="Profile picture of user 63a81191-2f71-4dc3-b0d0-3c376eb63ca2"
|
|
src="https://example.org/pictures/47926447-567a-4e1d-91c3-720407e3be22"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="w-7 flex justify-center rounded-full items-center mx-auto h-7"
|
|
>
|
|
This is link cd5519d6-f0ab-446e-b81f-cf5d6e1b074c
|
|
</a>
|
|
<a href="#" target="_blank" rel="noreferrer" class="space-x-6 flex">
|
|
This is link ee6cd47c-41cf-4847-864a-e151303213df
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="z-10 relative">
|
|
This is link 682d9d4c-d9ec-4fda-b8b0-08a26f877ead
|
|
</a>
|
|
</li>
|
|
<li class="text-right px-4 bg-gray-50 py-3 sm:px-6">
|
|
<ul class="hover:text-gray-500 text-gray-400">
|
|
<li class="items-center flex h-7 rounded-full mx-auto justify-center w-7">
|
|
<ol class="flex-shrink-0 w-6 text-gray-400 h-6 group-hover:text-gray-500"></ol>
|
|
<ul class="px-8 max-w-7xl mx-auto"></ul>
|
|
</li>
|
|
<li class="bg-white hover:bg-indigo-50 text-indigo-600">
|
|
<ul class="py-2 block text-sm px-4 text-gray-700"></ul>
|
|
<ul class="font-medium text-gray-700 text-sm block"></ul>
|
|
<img
|
|
class="absolute inset-0"
|
|
alt="Profile picture of user 745de110-fa23-4010-8476-6cf6212eb388"
|
|
src="https://example.org/pictures/9d2ad33b-1e02-42ee-a9d8-6fdaada32a1f"
|
|
/>
|
|
<ol class="items-center flex pt-4 px-5 justify-between"></ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="space-y-8 flex-1">
|
|
<img
|
|
class="max-w-none mx-auto"
|
|
alt="Profile picture of user 2a22b7bc-a481-481e-a19c-58b523824072"
|
|
src="https://example.org/pictures/86bc4f34-c8df-4a6a-b81b-7560f0f272e3"
|
|
/>
|
|
<a href="#" class="text-base mt-6">
|
|
This is link 265af612-3de8-4007-9b6e-7edb7ed50a5a
|
|
</a>
|
|
<ul class="text-gray-900 font-medium leading-6 text-lg">
|
|
<li class="whitespace-nowrap text-base py-4 border-b-2 flex-1 px-1 font-medium">
|
|
<ul class="items-center flex space-x-8"></ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="hover:text-gray-900 text-gray-600 hover:bg-gray-50"
|
|
>
|
|
This is link c1314c71-f929-4e53-88f4-708616b4f445
|
|
</a>
|
|
<img
|
|
class="relative z-10"
|
|
alt="Profile picture of user 3d25d5cc-e200-4109-acf7-490f58bb1226"
|
|
src="https://example.org/pictures/3bbbc507-017d-4c34-8441-28d6572e5b63"
|
|
/>
|
|
<img
|
|
class="mt-6 space-y-6"
|
|
alt="Profile picture of user a43e66b1-c833-479c-aa72-3d01d1327160"
|
|
src="https://example.org/pictures/bc43a065-6249-40ba-9a5e-5f3816af7b99"
|
|
/>
|
|
</li>
|
|
<li class="w-7 h-7 flex mx-auto items-center justify-center rounded-full">
|
|
<a href="#" target="_blank" class="w-6 h-6">
|
|
This is link dde8b039-1e0c-4972-af58-d341d583f1d6
|
|
</a>
|
|
<ul class="text-base text-gray-500 order-2 font-medium"></ul>
|
|
<ol class="mt-6"></ol>
|
|
</li>
|
|
<li class="border-gray-100 py-14 border-t text-center px-6 sm:px-14 text-sm">
|
|
<ol class="max-w-sm mx-auto"></ol>
|
|
<ol class="font-medium text-gray-700 hover:text-gray-800 text-sm"></ol>
|
|
</li>
|
|
<li class="hover:bg-gray-100 py-1.5 text-gray-900 bg-white focus:z-10">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 551a77a7-cb75-4640-b3b8-c81894eee992"
|
|
src="https://example.org/pictures/acdb10f5-1da0-4e0a-91de-16bfa5e5b54a"
|
|
/>
|
|
<ol
|
|
class="text-base hover:text-gray-800 py-2 hover:bg-gray-100 block text-gray-500 font-medium px-4"
|
|
></ol>
|
|
<ul class="w-full flex md:ml-0"></ul>
|
|
</li>
|
|
<li class="fixed z-10 overflow-y-auto inset-0">
|
|
<ol
|
|
class="flex justify-between py-6 relative w-full text-left group items-center"
|
|
></ol>
|
|
<ol class="w-8 h-8"></ol>
|
|
<ol
|
|
class="ring-1 ring-opacity-5 py-1 shadow-lg absolute z-10 bg-white right-0 mt-2 ring-black origin-top-right w-48 focus:outline-none rounded-md"
|
|
></ol>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="h-6 w-6"
|
|
alt="Profile picture of user f26ed8d8-ee6c-43d3-8f96-31f2a580186a"
|
|
src="https://example.org/pictures/9fe0070e-a716-4f72-83dd-462a13dcd9f1"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-indigo-600 ml-3 hover:text-indigo-500 text-sm">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-white sm:w-auto border sm:ml-3 sm:text-sm px-4 border-gray-300 rounded-md font-medium justify-center focus:ring-indigo-500 hover:bg-gray-50 focus:ring-offset-2 text-gray-700 text-base focus:outline-none w-full py-2 focus:ring-2 sm:mt-0 inline-flex mt-3 shadow-sm"
|
|
>
|
|
This is link e31569d2-c042-4a42-9da9-a46ece2134dd
|
|
</a>
|
|
<ul class="space-y-6">
|
|
<li class="text-warm-gray-400 xl:text-center text-base">
|
|
<ul
|
|
class="absolute -top-px h-px inset-0 mx-auto sm:top-0 max-w-7xl sm:px-6 lg:px-8"
|
|
></ul>
|
|
<ol
|
|
class="hover:bg-gray-700 font-medium text-sm text-gray-300 rounded-md hover:text-white py-2 px-3"
|
|
></ol>
|
|
</li>
|
|
<li class="sm:mt-4 sm:space-y-4 mt-6 space-y-6">
|
|
<img
|
|
class="flex-shrink-0 items-center px-4 flex"
|
|
alt="Profile picture of user 6b992e73-67d2-4469-ab46-b196ca22e642"
|
|
src="https://example.org/pictures/88e9f675-fac9-4538-9a9b-72bdfd8cbee3"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="text-gray-900 font-medium">
|
|
This is link 3112ecfe-06fb-43cb-83cb-049a4b05990d
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="focus:border-indigo-500 w-full border-gray-300 min-w-0 rounded-r-md sm:text-sm focus:ring-indigo-500 block flex-grow rounded-none"
|
|
>
|
|
<ol class="lg:gap-x-6 xl:gap-x-8 lg:grid lg:grid-cols-2">
|
|
<li class="h-full flex-col flex bg-white overflow-y-scroll shadow-xl">
|
|
<ul class="border-0 py-3 block resize-none w-full focus:ring-0 sm:text-sm"></ul>
|
|
<ol class="text-gray-400"></ol>
|
|
</li>
|
|
<li
|
|
class="focus:outline-none focus:ring-offset-2 bg-white focus:ring-indigo-500 rounded-full flex focus:ring-2"
|
|
>
|
|
<ol class="border-indigo-300 border-opacity-25 mt-6 border-t pt-10"></ol>
|
|
</li>
|
|
<li class="h-6 w-6">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="hover:text-gray-600 text-sm text-gray-500"
|
|
>
|
|
This is link 61272592-5f72-4204-a3d1-b257e61c1d77
|
|
</a>
|
|
</li>
|
|
<li class="lg:block hidden text-sm hover:text-gray-800 font-medium text-gray-700">
|
|
<a href="#" target="_blank" class="flex justify-center h-16 flex-col">
|
|
This is link 44ab59e5-99e6-4a33-a73c-72b007d027b9
|
|
</a>
|
|
<ul class="text-sm text-gray-500"></ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="text-gray-500"
|
|
alt="Profile picture of user a466ab58-08a4-44a3-8cbd-1fcb49ba671f"
|
|
src="https://example.org/pictures/d26e0e49-9884-4799-a567-e2ad4ba4b08d"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-center">
|
|
<a
|
|
href="#"
|
|
class="md:col-start-2 col-span-1 lg:col-span-1 flex md:col-span-2 justify-center"
|
|
>
|
|
This is link 5e12c8d8-de07-49e8-a0bb-5488dff1fd0c
|
|
</a>
|
|
<ul class="items-center ml-6 flex">
|
|
<li class="sm:ml-32 mt-10 sm:pl-6">
|
|
<ol class="flow-root">
|
|
<li class="rounded-md py-2 cursor-default select-none px-3 group flex items-center">
|
|
<ul
|
|
class="shadow-lg divide-gray-100 w-36 ring-1 ring-opacity-5 divide-y bg-white overflow-hidden right-0 rounded-md z-10 mt-3 focus:outline-none origin-top-right ring-black absolute"
|
|
></ul>
|
|
<img
|
|
class="flex items-center"
|
|
alt="Profile picture of user 714766b6-666f-440b-8726-e0d849a87542"
|
|
src="https://example.org/pictures/122f7a15-34df-4c13-bb71-84424880a07a"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="sm:w-full object-cover sm:h-full object-center sm:inset-0 sm:absolute group-hover:opacity-75"
|
|
>
|
|
This is link acf7947f-2f13-4888-a4b9-9d765d8fb943
|
|
</a>
|
|
<ul class="bg-gray-50"></ul>
|
|
</li>
|
|
<li class="pt-6 justify-between border-gray-200 border-t items-center flex">
|
|
<ol class="fixed inset-0 bg-opacity-25 bg-black"></ol>
|
|
<ul
|
|
class="ring-black ring-1 ring-opacity-5 bg-white rounded-lg shadow-lg overflow-hidden"
|
|
></ul>
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link 6151a20a-c0eb-4a42-9c93-7e7ce5cfa44c
|
|
</a>
|
|
</li>
|
|
<li class="flex md:mt-0 md:ml-4 mt-4 flex-shrink-0">
|
|
<ul
|
|
class="opacity-50 inset-x-0 bg-gradient-to-t absolute bottom-0 from-black h-36"
|
|
></ul>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ol class="items-center flex justify-between"></ol>
|
|
<img
|
|
class="w-6 h-6"
|
|
alt="Profile picture of user 7b57f4a5-5a85-447c-9784-51814154ee3a"
|
|
src="https://example.org/pictures/aea23a83-e243-4252-8232-90ae1bce6650"
|
|
/>
|
|
<img
|
|
class="max-w-3xl mt-6 text-lg text-warm-gray-500"
|
|
alt="Profile picture of user bb4ff01a-9242-4842-9b4b-ea662a454034"
|
|
src="https://example.org/pictures/f56cbd22-e906-4673-9075-fdbf15e2ef4d"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="focus:z-10 hover:bg-gray-100 py-1.5 rounded-bl-lg text-gray-400 bg-gray-50"
|
|
>
|
|
<ul class="gap-4 grid-cols-2 grid"></ul>
|
|
<ul
|
|
class="focus:ring-indigo-500 focus:ring-2 focus:outline-none shadow-sm py-2 bg-white border w-full text-sm font-medium focus:ring-offset-gray-100 border-gray-300 text-gray-700 focus:ring-offset-2 inline-flex rounded-md hover:bg-gray-50 px-4 justify-center"
|
|
></ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white">
|
|
<img
|
|
class="max-w-7xl sm:px-6 lg:px-8 mx-auto px-4"
|
|
alt="Profile picture of user b63f1c09-2aa9-45a4-94ac-8232c2932746"
|
|
src="https://example.org/pictures/b945f16a-0ed5-4af5-b810-d7dd72e4cc30"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900 font-medium text-sm">
|
|
<ol class="border-white space-y-6 border-t pt-6 border-opacity-10 text-sm font-medium">
|
|
<li class="flex">
|
|
<img
|
|
class="text-gray-500 md:text-xl sm:mt-5 md:mt-5 sm:mx-auto mt-3 text-base lg:mx-0 sm:max-w-xl sm:text-lg"
|
|
alt="Profile picture of user 4a144ade-b336-41ff-8bd4-358167c79b06"
|
|
src="https://example.org/pictures/c690a945-5368-499c-95a6-f47a3a5cd7c4"
|
|
/>
|
|
<img
|
|
class="w-full flex-auto flex"
|
|
alt="Profile picture of user 4c034709-1aba-405d-8c54-049a52f33071"
|
|
src="https://example.org/pictures/d917e7b5-76ac-40ec-a296-00b2c9cbc89c"
|
|
/>
|
|
<ul class="w-4 focus:ring-indigo-500 border-gray-300 text-indigo-600 h-4"></ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="divide-y divide-gray-200 space-y-8"
|
|
>
|
|
This is link add54c9d-1a22-4899-9b84-44fdf11c9732
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="bg-gray-200 w-20 overflow-hidden sm:w-40 rounded-lg h-20 flex-shrink-0 sm:h-40"
|
|
>
|
|
<img
|
|
class="bg-gray-50 hover:bg-gray-100 py-1.5 text-gray-400 focus:z-10"
|
|
alt="Profile picture of user 77124f88-e9b8-4e90-a421-1dce4a78a5bf"
|
|
src="https://example.org/pictures/5b534b62-c7c8-461d-a27e-7d7d979a4f97"
|
|
/>
|
|
<ul class="mt-4 ml-4 flex-shrink-0"></ul>
|
|
</li>
|
|
<li class="text-gray-500 text-sm font-medium">
|
|
<a href="#" rel="noreferrer" class="hover:text-gray-800">
|
|
This is link d12ab2e5-183a-40a3-aa13-60d8f7291899
|
|
</a>
|
|
<ol class="hover:text-indigo-500 text-indigo-600"></ol>
|
|
</li>
|
|
<li class="mt-1">
|
|
<ol class="divide-y divide-gray-200 border-b border-t border-gray-200 mt-4"></ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="border-gray-300 h-4 focus:ring-indigo-500 rounded w-4 text-indigo-600"
|
|
>
|
|
This is link ea863977-dbc9-4e6d-bc23-178c91bfcb72
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="mt-3 sm:ml-4 sm:mt-0">
|
|
<li class="font-medium mt-2 text-gray-500 text-lg order-2 leading-6">
|
|
<img
|
|
class="bg-gray-100"
|
|
alt="Profile picture of user 11020721-163a-4e87-a8c5-15ccbbdc3df7"
|
|
src="https://example.org/pictures/aa493f4a-a753-42cc-8015-10a5bc3b9db8"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="to-cyan-600 pb-24 bg-gradient-to-r from-sky-800"
|
|
>
|
|
This is link 8322313b-485c-4231-9840-4e9b1021c217
|
|
</a>
|
|
<ul class="mr-4 flex-shrink-0"></ul>
|
|
</li>
|
|
<li class="font-normal text-gray-500">
|
|
<ol class="relative bg-white"></ol>
|
|
<a href="#" class="relative"> This is link 4de9ef2a-7abe-46fa-b04e-a347e177f830 </a>
|
|
<a href="#" target="_blank" class="mr-2 w-5 h-5 -ml-1">
|
|
This is link 82711713-cc36-4fcc-8db2-250c8ac97b8b
|
|
</a>
|
|
<a href="#" target="_blank" class="flex mt-6 flex-1 items-end">
|
|
This is link 3ab84085-10fd-4c40-b285-cc10ec234cfa
|
|
</a>
|
|
</li>
|
|
<li class="flex items-center justify-center">
|
|
<ul class="w-10 h-10 ring-2 ring-white rounded-full inline-block"></ul>
|
|
<ol class="relative w-full overflow-x-auto pb-6 -mb-6"></ol>
|
|
<ul class="inset-0 absolute"></ul>
|
|
</li>
|
|
<li class="font-medium text-gray-700 lg:block hidden hover:text-gray-800 text-sm">
|
|
<a href="#" rel="noreferrer" class="sm:pl-6 sm:ml-40">
|
|
This is link da4cdd9f-1a4d-46a3-b6c2-b776a7830065
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="group text-base relative sm:text-sm"
|
|
alt="Profile picture of user e81b4118-9011-41f2-877c-dd5fcf99bf2b"
|
|
src="https://example.org/pictures/ce07f8af-7fc5-4785-a13c-d16f82b14519"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="focus:ring-indigo-500 shadow-sm border-gray-300 block focus:border-indigo-500 w-full rounded-md sm:text-sm"
|
|
>
|
|
This is link e755c20c-e44d-4e81-94d2-c73243ebabab
|
|
</a>
|
|
<ol class="relative">
|
|
<li class="gap-x-8 text-sm mt-10 grid gap-y-10 sm:grid-cols-2 grid-cols-1">
|
|
<a href="#" rel="noreferrer" class="py-1">
|
|
This is link 667e2789-3fb1-4fdf-8788-c419d5abc379
|
|
</a>
|
|
<ul
|
|
class="-top-32 sm:top-6 sm:translate-x-0 -translate-x-1/2 left-1/2 transform absolute"
|
|
>
|
|
<li
|
|
class="text-sm text-right text-gray-900 border-b px-6 bg-gray-50 py-3 md:table-cell hidden border-gray-200 font-semibold"
|
|
>
|
|
<img
|
|
class="md:grid p-4 relative md:pr-6 focus:outline-none md:grid-cols-3 : flex flex-col '' 'rounded-bl-md }} md:pl-4 {{ ? border rounded-br-md' cursor-pointer loop.last"
|
|
alt="Profile picture of user 54a7ee7d-aa53-42b9-bb01-1ad2887ebe20"
|
|
src="https://example.org/pictures/1061dd5e-f46a-4d55-9577-bb393f446a5e"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="mx-auto bg-blue-600 lg:bg-transparent lg:px-8 max-w-7xl"
|
|
alt="Profile picture of user dac117dd-27a9-4d76-b732-ee4d3962f34b"
|
|
src="https://example.org/pictures/208eebec-85e2-4b2b-9029-eac6735365b4"
|
|
/>
|
|
<a href="#" class="flex items-center space-x-4">
|
|
This is link afed8551-69dc-46a9-b63b-a0af97d284f2
|
|
</a>
|
|
</li>
|
|
<li class="items-center flex">
|
|
<a href="#" target="_blank" class="relative pl-4 pr-3 sm:pl-6 text-sm py-4">
|
|
This is link 0f50e297-b4f6-4153-bdee-82bd25034352
|
|
</a>
|
|
<ul class="flex-shrink-0 h-5 w-5"></ul>
|
|
<ul class="justify-between flex"></ul>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="max-w-7xl lg:py-16 sm:px-6 px-4 py-12 lg:px-8 mx-auto"
|
|
alt="Profile picture of user f23c1788-07e0-4df6-beee-4092da65e595"
|
|
src="https://example.org/pictures/54caa59e-4122-4a0c-8146-96414f10772c"
|
|
/>
|
|
</li>
|
|
<li class="hover:text-white hover:bg-gray-700 text-gray-300">
|
|
<ol class="font-medium text-gray-900">
|
|
<li class="mt-10">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="items-center mx-auto w-7 flex justify-center h-7 rounded-full"
|
|
>
|
|
This is link 9c08b596-4251-4d99-8613-922a15a8871c
|
|
</a>
|
|
<ol
|
|
class="relative items-center border font-medium py-2 border-gray-300 text-sm inline-flex bg-white px-4 text-gray-700"
|
|
></ol>
|
|
<ul
|
|
class="flex sm:absolute px-2 justify-center sm:inset-0 flex-1 items-center z-0 relative"
|
|
></ul>
|
|
<ul class="pt-6 bg-gray-900"></ul>
|
|
</li>
|
|
<li class="truncate text-sm font-medium text-indigo-600">
|
|
<a
|
|
href="#"
|
|
class="focus:ring-0 font-medium focus:border-transparent bg-none focus:outline-none pl-2 text-gray-700 rounded-md items-center flex text-sm group-hover:text-gray-800 pr-5 border-transparent py-0.5"
|
|
>
|
|
This is link a0532a37-8356-456a-be7c-09457e9ba21e
|
|
</a>
|
|
<ul class="ml-3"></ul>
|
|
<img
|
|
class="flex-shrink-0 w-5 mr-1.5 h-5 text-gray-400"
|
|
alt="Profile picture of user 5d3b8abf-519c-4ef0-ae53-9fe4f643b15b"
|
|
src="https://example.org/pictures/a5ebbed9-9fe0-4255-95c2-c8ae381a6661"
|
|
/>
|
|
<img
|
|
class="items-center -mr-2 flex md:hidden"
|
|
alt="Profile picture of user f3fb23bc-7690-485a-a4e2-efe340aa4b66"
|
|
src="https://example.org/pictures/b7b793f9-7e56-4fc1-9370-595e9f76f4fd"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-lg text-gray-900">
|
|
<ol class="flex w-7 items-center rounded-full justify-center mx-auto h-7"></ol>
|
|
</li>
|
|
<li class="flex overflow-x-auto">
|
|
<ul class="h-5 w-5"></ul>
|
|
<a href="#" class="sm:flex sm:space-x-5">
|
|
This is link c8a09fb1-7da7-4801-bb0c-f9de53ff0c8c
|
|
</a>
|
|
<ul class="font-medium text-white text-base"></ul>
|
|
</li>
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
<a href="#" rel="noreferrer" class="ring-2 bg-white shadow-md ring-indigo-700">
|
|
This is link 08fc163c-65be-49e9-b1e4-06dac1e34df4
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="mt-10 text-gray-500 space-y-6 text-sm font-medium">
|
|
<li class="rounded-full bg-gray-100 w-12 inline-block h-12 overflow-hidden">
|
|
<ul class="sr-only"></ul>
|
|
<a href="#" rel="noreferrer" class="sr-only">
|
|
This is link 69ac5158-ecea-4c3b-81d8-dd94c5fc96a2
|
|
</a>
|
|
<a href="#" class="bg-white shadow h-full rounded-lg w-full">
|
|
This is link fa8705cc-4d9b-495c-b29f-981df3e49e82
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500 hover:text-gray-900 text-base">
|
|
<a href="#" rel="noreferrer" class="border-t mt-12 border-warm-gray-200 pt-8">
|
|
This is link 02e44682-1c6d-475f-8f65-d475eb8bd621
|
|
</a>
|
|
<ol class="text-xs group-hover:text-gray-700 font-medium text-gray-500"></ol>
|
|
<ol class="flex mx-auto items-center justify-center h-7 rounded-full w-7"></ol>
|
|
<a
|
|
href="#"
|
|
class="ring-opacity-5 bg-white ring-1 rounded-lg shadow-lg ring-black divide-gray-50 divide-y-2"
|
|
>
|
|
This is link 9f889efb-fd67-426c-bcf6-1e2caf72365a
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul
|
|
class="bg-white justify-center w-8 rounded-full items-center flex border-indigo-600 relative h-8 border-2 z-10"
|
|
></ul>
|
|
<ol class="h-8 w-auto"></ol>
|
|
<img
|
|
class="tracking-tight text-4xl font-bold mt-4 text-gray-900"
|
|
alt="Profile picture of user 955ceb8d-4413-4d21-b0ad-9f1d1119a040"
|
|
src="https://example.org/pictures/3395f130-e4a6-46ec-872a-504b94e8cf49"
|
|
/>
|
|
</li>
|
|
<li class="font-medium block mt-6 text-gray-900">
|
|
<img
|
|
class="flex"
|
|
alt="Profile picture of user 4b1088d7-56c9-4a1f-a279-c31432ae506b"
|
|
src="https://example.org/pictures/5fa024eb-4a21-41a9-9b49-9931cbe3ba88"
|
|
/>
|
|
<img
|
|
class="relative"
|
|
alt="Profile picture of user ead56924-fc42-4d3f-90cb-e6b37c08d7c0"
|
|
src="https://example.org/pictures/ef4e381d-31b4-4519-ba81-378fd7629f9d"
|
|
/>
|
|
<ul class="w-1/2 bg-gray-50"></ul>
|
|
<ul class="bg-white"></ul>
|
|
</li>
|
|
<li class="bg-white">
|
|
<img
|
|
class="h-8 w-8"
|
|
alt="Profile picture of user 00993433-675e-44fb-8737-23b8e90e23fc"
|
|
src="https://example.org/pictures/4f3152b8-2d10-4df9-99ee-01c3515948b7"
|
|
/>
|
|
<ol class="ml-3"></ol>
|
|
<a href="#" rel="noreferrer" class="items-center flex">
|
|
This is link 9db6e38b-7c76-4e1b-b85e-c31c920caf6b
|
|
</a>
|
|
<ul
|
|
class="grid gap-x-6 w-full sm:grid-cols-12 items-start grid-cols-1 gap-y-8 lg:gap-x-8"
|
|
></ul>
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="py-2 text-sm px-4 block">
|
|
This is link b9ff203e-2500-4f03-acf7-f3c32a7d1bed
|
|
</a>
|
|
</li>
|
|
<li class="space-y-4 mt-4">
|
|
<a href="#" target="_blank" class="text-gray-500 mt-2 text-sm">
|
|
This is link 2847a322-1696-4e5a-8ee2-c3fefa89ac62
|
|
</a>
|
|
<ul class="flex bg-white justify-center px-8 py-12">
|
|
<li class="mt-3 sm:flex-shrink-0 sm:ml-3 rounded-md sm:mt-0">
|
|
<ol class="text-gray-500 text-sm mt-1"></ol>
|
|
<img
|
|
class="absolute justify-center items-center flex-shrink-0 flex"
|
|
alt="Profile picture of user eed6b496-b166-457a-ac18-07725c1855a5"
|
|
src="https://example.org/pictures/904d0cd9-031a-4358-b0eb-a8890a28f97c"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900">
|
|
<ol class="sr-only"></ol>
|
|
<ol class="block font-medium text-sm sm:mt-px text-gray-700 sm:pt-2"></ol>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="text-orange-600 hover:bg-white bg-gray-50"
|
|
alt="Profile picture of user dcc52b6f-539a-4bf5-b4b0-05e7e170b9c6"
|
|
src="https://example.org/pictures/72b743a4-c90a-4765-85ed-de3f1a976a00"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="flex-wrap justify-between flex items-start">
|
|
This is link 255efefc-d9db-4ec7-ad3e-8ff3d8863baf
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul class="text-gray-500 text-sm">
|
|
<li class="bg-gray-900">
|
|
<ol class="font-medium text-base text-gray-200"></ol>
|
|
<a href="#" rel="noreferrer" class="flex py-4 relative items-start">
|
|
This is link 49d14466-5db8-4bd3-a46f-65d5f4b4bc19
|
|
</a>
|
|
<img
|
|
class="py-1.5 focus:z-10 hover:bg-gray-100 bg-white"
|
|
alt="Profile picture of user ec9f4c38-5ed7-4b90-bc7d-0768193637da"
|
|
src="https://example.org/pictures/2ee8fa46-b19f-4b68-8748-e202cf8891c4"
|
|
/>
|
|
<img
|
|
class="text-sm mt-4 text-gray-700"
|
|
alt="Profile picture of user 10317fa5-ccb1-46b1-8804-bb43db1b1da7"
|
|
src="https://example.org/pictures/928b51c8-fdd1-4915-bb58-aa8473424c69"
|
|
/>
|
|
</li>
|
|
<li class="rounded-full mx-auto justify-center h-7 items-center w-7 flex">
|
|
<img
|
|
class="font-medium text-gray-900"
|
|
alt="Profile picture of user 8c5646ed-5d49-4fc0-895d-27f86fd2096e"
|
|
src="https://example.org/pictures/5da59810-7c46-42ae-acfd-4a8c64303edd"
|
|
/>
|
|
<ul class="ml-4 flex-auto"></ul>
|
|
<a href="#" target="_blank" class="focus:outline-none cursor-pointer">
|
|
This is link 5baabf3f-d1b7-415c-ac01-b1d4382c2323
|
|
</a>
|
|
<ol class="mx-auto lg:max-w-7xl sm:pt-32 sm:px-6 px-4 max-w-xl pt-24 lg:px-8"></ol>
|
|
</li>
|
|
<li class="px-4 flex-1 mt-6 sm:px-6 relative">
|
|
<a href="#" target="_blank" class="overflow-y-auto bg-white h-full p-8">
|
|
This is link 3ba26c0f-b82c-4fac-bf0e-e50433e37381
|
|
</a>
|
|
<img
|
|
class="h-4 focus:ring-indigo-500 absolute border-gray-300 w-4 sm:left-6 text-indigo-600 -mt-2 top-1/2 left-4 rounded"
|
|
alt="Profile picture of user d1577424-995f-48bd-902a-9989e804dc51"
|
|
src="https://example.org/pictures/3f36b56f-6ff0-4eb4-920a-26fbb009f9f3"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 shadow-sm rounded-md px-4 border-transparent font-medium text-sm focus:ring-2 border focus:ring-offset-2 bg-indigo-600 ml-6 text-white hover:bg-indigo-700 py-2 focus:outline-none"
|
|
>
|
|
<ul
|
|
class="items-center sm:mt-0 capitalize mt-3 text-sm sm:mr-6 flex text-gray-500 font-medium"
|
|
></ul>
|
|
<ol
|
|
class="shadow duration-200 ring-0 transition bg-white pointer-events-none w-5 inline-block ease-in-out transform rounded-full h-5"
|
|
></ol>
|
|
<ul
|
|
class="z-20 -ml-14 sticky text-gray-400 text-right pr-2 w-14 leading-5 -mt-2.5 text-xs left-0"
|
|
></ul>
|
|
</li>
|
|
</ul>
|
|
<ol class="mt-4 text-gray-900 block font-medium">
|
|
<li class="rounded-lg sm:flex ml-6 p-0.5 hidden bg-gray-100 items-center">
|
|
<a href="#" rel="noreferrer" class="text-gray-500">
|
|
This is link a46cad34-847e-40a0-9195-05583f92b01e
|
|
</a>
|
|
<ol class="sm:grid-cols-2 sm:gap-x-8 mt-9 grid gap-y-6 grid-cols-1"></ol>
|
|
<ol class="text-gray-500"></ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-gray-300 font-medium hover:text-white text-sm"
|
|
>
|
|
This is link 6206370b-c3aa-433d-b6f2-1cae5a31faf4
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-900 font-semibold text-2xl">
|
|
<a href="#" class="h-8 w-auto">
|
|
This is link d5c6b456-861c-4ba4-a6ed-2d35cc1d0e08
|
|
</a>
|
|
</li>
|
|
<li class="hidden lg:flex lg:ml-8">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="mr-2 group-hover:text-gray-500 text-gray-400 flex-none h-5 w-5"
|
|
>
|
|
This is link a30c06d7-4bd1-44a2-88f7-3add45a02c14
|
|
</a>
|
|
<ol class="sr-only"></ol>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user ed6ce831-a5b7-491f-b2c3-a884cc28753d"
|
|
src="https://example.org/pictures/e0f962f6-255d-4f36-bc53-54e6c9d8e433"
|
|
/>
|
|
<ol class="font-medium text-gray-700"></ol>
|
|
</li>
|
|
<li
|
|
class="inline-flex justify-center font-medium bg-cyan-50 text-cyan-700 text-base py-3 px-5 sm:w-auto border items-center hover:bg-cyan-100 w-full rounded-md mt-8 border-transparent"
|
|
>
|
|
<img
|
|
class="pt-10 border-gray-200 border-t mt-10"
|
|
alt="Profile picture of user 9416bf59-9ba2-48d8-a813-504d37fa6858"
|
|
src="https://example.org/pictures/8593b222-70f1-4ee1-97dc-40022ec84524"
|
|
/>
|
|
<ul class="flex flex-col-reverse"></ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="font-bold text-2xl order-1 sm:text-3xl text-indigo-600 sm:tracking-tight"
|
|
>
|
|
This is link 040a366c-481a-41ac-82d3-03165a369741
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ul class="font-sans"></ul>
|
|
<img
|
|
class="sm:col-span-3 col-span-4"
|
|
alt="Profile picture of user 9322b0dd-e104-4bc7-9dd3-15bc70b45048"
|
|
src="https://example.org/pictures/2db63eb4-4dcf-4e78-b9b9-00ae64c2c7a2"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ol class="mt-6 flex-col flex sm:ml-3 sm:flex-row sm:flex-wrap sm:mt-1">
|
|
<li class="hover:text-gray-800 font-medium text-sm text-gray-700">
|
|
<ol
|
|
class="flex border-transparent font-medium px-8 py-3 hover:bg-gray-50 md:px-10 w-full md:text-lg md:py-4 rounded-md bg-white border text-base text-indigo-600 justify-center items-center"
|
|
></ol>
|
|
<ul class="align-top px-6 h-full py-8"></ul>
|
|
<a href="#" class="aspect-w-2 col-span-2">
|
|
This is link ca7eaa25-5c91-47f4-9e12-7333c78ee925
|
|
</a>
|
|
<ol class="mb-1 bg-gray-400 w-1.5 rounded-full mx-0.5 h-1.5"></ol>
|
|
</li>
|
|
<li
|
|
class="sm:p-6 px-4 pointer-events-none items-end fixed flex py-6 inset-0 sm:items-start"
|
|
>
|
|
<ul
|
|
class="duration-200 inset-x-0 sm:mt-5 bottom-0 ease-out absolute sm:transform h-0.5 sm:translate-y-px transition-colors"
|
|
></ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="tracking-tight text-gray-900 font-bold text-3xl"
|
|
>
|
|
This is link 671e037a-1069-4ac2-9d50-417c13f8b460
|
|
</a>
|
|
<ol class="sr-only"></ol>
|
|
</li>
|
|
<li class="pb-6 px-5 pt-5">
|
|
<ul class="sr-only"></ul>
|
|
<img
|
|
class="max-w-xl text-gray-500 text-sm"
|
|
alt="Profile picture of user 5cb66e26-4b3d-4b4a-9f8b-6f0f6b8d6f61"
|
|
src="https://example.org/pictures/630e3a82-6333-4a59-88f8-7a23fd2100d3"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-base text-gray-900">
|
|
<ul class="space-y-4"></ul>
|
|
<ul class="px-5 pb-6 pt-5"></ul>
|
|
<img
|
|
class="flex justify-between py-3 px-4 border-gray-200 border-t bg-white items-center"
|
|
alt="Profile picture of user c8f4ff5d-d583-4cd0-a7c6-c3a7d3f3a3b1"
|
|
src="https://example.org/pictures/2b762f53-1880-4069-9221-97e6d563a3dc"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900 text-sm block font-medium">
|
|
<ul class="font-medium text-warm-gray-900 block text-sm"></ul>
|
|
<ul class="space-y-1"></ul>
|
|
<img
|
|
class="truncate"
|
|
alt="Profile picture of user 4c63261b-00fd-41d7-8021-158e30d5439e"
|
|
src="https://example.org/pictures/134a415c-e464-4877-bf49-1cd4f602b59d"
|
|
/>
|
|
<ol class="font-medium text-gray-500 text-base hover:text-gray-900"></ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<ul class="flex p-8 items-center justify-center">
|
|
<li class="overflow-hidden flex -space-x-1">
|
|
<ul class="hidden sm:block text-gray-500 text-sm mt-2">
|
|
<li
|
|
class="bg-white focus:outline-none rounded-full text-gray-400 focus:ring-2 focus:ring-offset-2 flex-shrink-0 p-1 hover:text-gray-500 focus:ring-indigo-500"
|
|
>
|
|
<a href="#" target="_blank" class="object-cover object-center">
|
|
This is link 9ac03f53-613b-46e3-a58e-17e997a7c57d
|
|
</a>
|
|
</li>
|
|
<li class="text-sm font-medium text-gray-700 sm:pt-2 sm:mt-px block">
|
|
<ol class="h-8 w-auto">
|
|
<li class="flex-shrink-0 w-5 text-gray-300 h-5 ml-2">
|
|
<ol class="focus:z-10 py-1.5 hover:bg-gray-100 bg-white">
|
|
<li class="space-x-2 flex">This is item 9e4983b5-1f84-48d6-97e9-1a7734a1dd8b</li>
|
|
<li
|
|
class="h-8 justify-center font-semibold text-base mt-3 bg-gray-900 flex items-center rounded-full w-8 text-white"
|
|
>
|
|
This is item 60d3bf2c-43b9-45a6-9cf7-765a9fea1b2e
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ol
|
|
class="focus:outline-none rounded-full text-sm leading-4 text-white items-center px-3.5 focus:ring-indigo-500 py-2 font-medium hover:bg-indigo-700 focus:ring-2 border bg-indigo-600 border-transparent focus:ring-offset-2 inline-flex shadow-sm"
|
|
>
|
|
<li class="justify-center w-7 mx-auto rounded-full h-7 items-center flex">
|
|
This is item 088c2ee8-74e7-4a5f-aaa0-c19337508d26
|
|
</li>
|
|
<li
|
|
class="block rounded-lg p-4 cursor-pointer border focus:outline-none border-gray-300 relative"
|
|
>
|
|
This is item d45a6e63-f228-4018-836a-06bacb2ac57f
|
|
</li>
|
|
<li class="mt-12">This is item 5bc3e2da-e3ee-4b3d-8f32-8a1be7383414</li>
|
|
<li
|
|
class="flex focus:outline-none -m-0.5 cursor-pointer p-0.5 items-center relative justify-center rounded-full"
|
|
>
|
|
This is item 6f837b34-bb44-481f-8e35-eabba2f667df
|
|
</li>
|
|
<li class="text-blue-gray-900 font-medium text-sm block">
|
|
This is item 9a86007b-8db9-4ee1-a97d-97fafbf55feb
|
|
</li>
|
|
</ol>
|
|
<ol class="mt-1">
|
|
<li class="sm:col-span-2 mt-1 text-gray-900 sm:mt-0 text-sm">
|
|
This is item 5dd7b28b-bda1-47bd-ab54-92aff6fbc5b3
|
|
</li>
|
|
<li class="space-y-6 mt-6">This is item 61544ceb-d711-432a-95fd-d46a664b4558</li>
|
|
<li class="md:flex border-t md:justify-between border-gray-200 py-12 text-center">
|
|
This is item feabaa44-dd8e-45d5-b541-40f55b5afc53
|
|
</li>
|
|
<li class="hover:text-gray-800">
|
|
This is item 8bfa9f2f-d95a-4b19-878b-18cb76c72a29
|
|
</li>
|
|
<li class="lg:justify-end px-2 flex justify-center lg:ml-6 items-center flex-1">
|
|
This is item 3e8baf7b-662d-4d32-99fb-38153dc6af37
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="h-full object-center object-cover w-full"
|
|
alt="Profile picture of user fbe73822-a8f0-4a47-9ab7-48cd1da175ba"
|
|
src="https://example.org/pictures/4115fecb-4550-4647-8584-a6696f221469"
|
|
/>
|
|
<ul class="font-medium text-gray-900 text-lg">
|
|
<li class="w-6 h-6">This is item 0e6fa430-47f5-4648-bba7-797531e39c91</li>
|
|
<li class="relative mt-6">This is item 00313385-2c62-41be-b8ed-156f61cae6bf</li>
|
|
<li class="w-5 h-5 group-hover:text-gray-500 ml-2">
|
|
This is item 57805b60-dda7-41c6-ab9c-78cc8dc1251b
|
|
</li>
|
|
<li class="px-4 pt-5 pb-2 flex">
|
|
This is item afaf11ef-f44d-4b56-9cd1-56afda4ae92b
|
|
</li>
|
|
<li class="bg-white">This is item c49a193b-1510-4737-87f9-29fc1d5af89d</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<ol class="px-3 text-sm text-left text-gray-900 font-semibold py-3.5">
|
|
<li class="text-xl max-w-prose mt-5 mx-auto text-gray-500">
|
|
<a href="#" target="_blank" rel="noreferrer" class="mt-4 text-base text-gray-500">
|
|
This is link 8ffc51b6-58ef-4058-9019-78c09a9f6b88
|
|
</a>
|
|
<ol class="divide-gray-200 divide-y">
|
|
<li class="pt-8 sm:gap-x-6 grid gap-y-6 grid-cols-1 sm:grid-cols-6">
|
|
This is item 85344568-0353-48ed-abad-af440078cdcd
|
|
</li>
|
|
<li class="sm:not-sr-only sr-only">
|
|
This is item a7dc4825-9c46-44ba-8131-f1989b3439a0
|
|
</li>
|
|
<li
|
|
class="border-2 block w-full text-gray-200 border-gray-300 h-full border-dashed rounded"
|
|
>
|
|
This is item 5a515481-6be9-4d5c-9a3c-0bcd0ddf6055
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="-ml-1 items-center font-medium text-sm text-blue-gray-900 space-x-3 inline-flex"
|
|
alt="Profile picture of user dd35e013-7b25-48c7-9b04-685b709c7ea0"
|
|
src="https://example.org/pictures/3539dc43-9b81-47c3-ae03-c9c5e8a5f7d3"
|
|
/>
|
|
</li>
|
|
<li class="-mr-14 p-1 right-0 top-1 absolute">
|
|
<img
|
|
class="text-gray-900 text-sm font-medium"
|
|
alt="Profile picture of user 579b7406-6673-4397-b4fb-c40802c717c7"
|
|
src="https://example.org/pictures/27b452ba-ecb2-440a-8b49-390c96db7a2c"
|
|
/>
|
|
<ul class="sr-only">
|
|
<li class="w-auto h-8">This is item 4f34d387-e409-4807-9689-2a82e9cba535</li>
|
|
<li class="mt-3 sm:mt-5 text-center">
|
|
This is item 375c8d24-ed33-46fd-99e9-911262c54702
|
|
</li>
|
|
<li class="flex items-center -m-2 p-2">
|
|
This is item e48ab701-a4ca-4711-9ecc-680da862e5ca
|
|
</li>
|
|
<li class="bg-gray-50">This is item 0d3c4cba-291f-4cd9-9920-a486b916ac10</li>
|
|
<li class="border-gray-200 px-4 border-t space-y-6 py-6">
|
|
This is item a73e04c2-efdf-48dc-b363-69e9f846d2c8
|
|
</li>
|
|
</ul>
|
|
<ol class="block text-base ml-3 font-medium text-gray-900">
|
|
<li class="mt-2 text-gray-700 text-sm">
|
|
This is item 6b2b8da8-25d0-4a19-970d-3ea6fd47a6ac
|
|
</li>
|
|
<li class="mt-1 text-sm text-gray-900 font-medium">
|
|
This is item ea53a8a7-3e1d-4023-a691-05e7db34ae7f
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="font-medium hover:text-indigo-500 text-indigo-600"
|
|
>
|
|
This is link f79585de-1885-4b5f-8e0a-36b8e1f0b8d5
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-800 font-medium text-base">
|
|
<a
|
|
href="#"
|
|
class="max-w-2xl lg:col-span-4 lg:max-w-none lg:mt-0 mx-auto w-full mt-16"
|
|
>
|
|
This is link d4f53bd7-e2ed-420b-bee4-109bfd300026
|
|
</a>
|
|
<ol class="sm:pr-6 relative py-3.5 pr-4 pl-3">
|
|
<li class="ml-3">This is item 1951d8e0-2fab-4fa5-a6f4-fc721832afd0</li>
|
|
<li class="h-6 w-6">This is item a7ce2888-ab37-4e2f-9fa0-ac438c8ada47</li>
|
|
<li class="-mt-96 relative sm:mt-0">
|
|
This is item 7956cbac-e34a-4a4d-9acc-d3a33880c783
|
|
</li>
|
|
<li class="sm:grid-cols-2 sm:grid sm:gap-x-6 mt-4 border-t pt-6 border-gray-200">
|
|
This is item 7c26624f-67ad-4c30-934f-dc0db39468d6
|
|
</li>
|
|
<li class="w-full md:ml-0 flex">
|
|
This is item 7a031a5e-c052-47cf-bab4-1bca8691f1fc
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="border-transparent border py-2 hover:bg-indigo-50 text-base font-medium rounded-md px-4 inline-block bg-white text-indigo-600"
|
|
alt="Profile picture of user 0b2b4781-f8b8-4b48-b892-c56d02021517"
|
|
src="https://example.org/pictures/f5c47e80-d21b-4cca-8b5e-5e24d2ad5c83"
|
|
/>
|
|
</li>
|
|
<li class="group inline-flex">
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-lg text-gray-500 mt-6">
|
|
This is link 34cc77e8-8326-4b2f-9412-b0934d184b46
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ul class="font-medium sm:justify-between sm:flex text-gray-900">
|
|
<li class="font-medium hover:text-indigo-500 text-indigo-600 text-sm">
|
|
<img
|
|
class="text-gray-500 mt-3"
|
|
alt="Profile picture of user f376931a-64a6-4900-aa13-2329d76ee3be"
|
|
src="https://example.org/pictures/362bd69c-40d7-42f4-82b1-325e6d1a01be"
|
|
/>
|
|
<ol class="w-auto sm:h-10 h-8">
|
|
<li
|
|
class="border-gray-200 -inset-px pointer-events-none rounded-md border-2 absolute"
|
|
>
|
|
This is item 78d8926a-1fc2-4ce9-a86e-3d2e0f46c60b
|
|
</li>
|
|
<li class="min-w-0 flex-1">This is item 1d4fede4-0dee-44fa-8356-016edd161444</li>
|
|
</ol>
|
|
<img
|
|
class="rounded-full h-8 w-8"
|
|
alt="Profile picture of user dbf01d9b-ace7-4bb3-8978-319c171cebce"
|
|
src="https://example.org/pictures/b68795dc-cc13-4719-acab-414761f3d0a1"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="text-gray-500 mt-1 text-sm">
|
|
This is link e73509c8-db10-40c4-ba1e-df74de2f5cab
|
|
</a>
|
|
</li>
|
|
<li class="mt-6">
|
|
<ul class="pt-2 pb-3 space-y-1 px-2">
|
|
<li class="ml-3 text-sm font-medium">
|
|
This is item d31ff027-03f0-497d-a30c-315428bdc6bc
|
|
</li>
|
|
<li
|
|
class="2xl:grid-cols-4 px-4 xl:max-w-none max-w-3xl grid grid-cols-1 gap-y-16 sm:px-6 py-16 xl:px-8 mx-auto sm:grid-cols-2 xl:grid-cols-3 gap-x-8"
|
|
>
|
|
This is item deb350ce-46eb-43f4-b122-956f30745787
|
|
</li>
|
|
<li class="font-medium text-gray-700">
|
|
This is item 7c8349cc-0649-49e0-9774-d73549755985
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="flex-shrink-0"
|
|
alt="Profile picture of user cedd5d3d-dbe1-475c-b16e-b94de72a15e1"
|
|
src="https://example.org/pictures/8dccb586-0b5f-43f2-a23e-8d1efe983b84"
|
|
/>
|
|
<img
|
|
class="border-gray-200 border-t"
|
|
alt="Profile picture of user 4caa2809-afe9-4813-a807-05463da2db40"
|
|
src="https://example.org/pictures/639fa62b-e8dc-4f65-a738-b1339104683c"
|
|
/>
|
|
<ol
|
|
class="mt-12 md:mt-0 md:col-start-3 lg:col-start-9 md:row-start-2 lg:col-span-4 lg:row-start-1 md:col-span-8"
|
|
>
|
|
<li
|
|
class="rounded-md absolute ring-1 w-40 ring-black origin-top-left left-0 ring-opacity-5 mt-2 bg-white z-10 shadow-2xl focus:outline-none"
|
|
>
|
|
This is item 557e8ceb-250d-467a-bf94-cef82244c6ad
|
|
</li>
|
|
<li class="relative bg-white">This is item 468308ac-f810-4164-8fa7-e991871dbf3b</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-6 h-6">
|
|
<ol class="block">
|
|
<li class="text-cyan-700 font-medium hover:text-cyan-900">
|
|
This is item d8b33590-85cf-4617-a513-929b65b99bad
|
|
</li>
|
|
<li class="flex h-0 flex-1">This is item aefafc6e-bb35-4ec7-b65c-c1a395deb29c</li>
|
|
<li
|
|
class="overflow-hidden transform max-w-xl divide-gray-100 ring-black rounded-xl shadow-2xl ring-opacity-5 ring-1 divide-y mx-auto transition-all bg-white"
|
|
>
|
|
This is item ff99d33c-bbd1-4da4-8e30-5639b2c56d1b
|
|
</li>
|
|
<li class="flex sm:flex-wrap mt-1 sm:space-x-6 flex-col sm:flex-row sm:mt-0">
|
|
This is item 96d5db40-0e2f-4896-9e27-d035f1f6b2c1
|
|
</li>
|
|
</ol>
|
|
<ul class="w-12 h-12 text-gray-400 mx-auto">
|
|
<li class="sm:col-span-2">This is item f2e2ff88-61ee-4509-af55-8d68c8657828</li>
|
|
<li class="ml-4">This is item 8b3f7c4f-93de-4060-a241-823c7aebd9cb</li>
|
|
<li class="h-5 flex items-center">
|
|
This is item df1d1f46-cb66-4c36-8e1d-9cddd9675cbe
|
|
</li>
|
|
<li
|
|
class="block shadow-sm rounded-md focus:border-indigo-500 w-full sm:text-sm border-gray-300 focus:ring-indigo-500"
|
|
>
|
|
This is item 0d4cedd3-824e-4d2b-83a7-82315661fbdb
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="relative lg:hidden z-40">
|
|
This is link 066a80c0-bc0d-445e-bc3a-99de0ecb029d
|
|
</a>
|
|
<img
|
|
class="focus:ring-indigo-500 border-gray-300 block shadow-sm sm:text-sm rounded-md w-full focus:border-indigo-500"
|
|
alt="Profile picture of user 9d3f9ecf-ee98-48e5-aebf-f68379e8ae56"
|
|
src="https://example.org/pictures/5b936771-cd05-4382-a54b-73d21e6d595c"
|
|
/>
|
|
</li>
|
|
<li class="border-gray-200 py-6 space-y-6 px-4 border-t">
|
|
<ol class="py-1">
|
|
<li class="px-2 pb-3 pt-2">This is item 4a0a9ffa-9442-4aa3-9e37-ae7046809a91</li>
|
|
<li class="sm:pt-14 overflow-hidden pt-32">
|
|
This is item 7254e05e-ac98-4bad-99de-d5a7031468f1
|
|
</li>
|
|
<li
|
|
class="shadow-sm focus:ring-indigo-500 rounded-md block sm:text-sm focus:border-indigo-500 border-gray-300 w-full"
|
|
>
|
|
This is item 3bb45de1-05e4-4691-8976-9c69a1beb854
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ol class="group-hover:text-gray-500 ml-2 w-5 h-5">
|
|
<li class="sm:flex">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="border-gray-200 mt-4 sm:space-y-4 space-y-6 pt-6 border-t"
|
|
>
|
|
This is link 587d2bda-0e32-4dd3-a9cd-83794864dc12
|
|
</a>
|
|
<ol class="w-5 h-5">
|
|
<li class="text-gray-900 block font-medium mt-4">
|
|
This is item b14fcd96-e601-4763-9e1d-094a4f74b7bb
|
|
</li>
|
|
<li class="justify-between flex sm:grid sm:grid-cols-2">
|
|
This is item d298356d-4f28-4443-a47c-934efbd85d3d
|
|
</li>
|
|
<li class="flex flex-shrink-0 items-center">
|
|
This is item c9d3fb5c-33ef-4f9d-9a52-e39a2824936a
|
|
</li>
|
|
<li class="px-1 flex-1 border-b-2 font-medium whitespace-nowrap text-base py-4">
|
|
This is item 2e300ca8-86f6-4209-bf62-4786a81e0d82
|
|
</li>
|
|
<li class="min-h-[640px] bg-gray-100 flex">
|
|
This is item 2ea08648-bc48-42e0-95ba-bf82a63f3900
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="lg:self-center">
|
|
<ul class="relative">
|
|
<li class="px-6 text-center py-14 border-gray-100 text-sm border-t sm:px-14">
|
|
This is item c1b22c1e-9b70-42bc-9f65-18b3ae69be8a
|
|
</li>
|
|
<li class="flex mx-auto max-w-lg">
|
|
This is item 0c135656-6af4-4874-bfa9-09931dc9cf09
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item fbbf90f7-1d3e-4f14-a7f8-af68cb0f0a35
|
|
</li>
|
|
<li
|
|
class="rounded border-2 w-full bg-transparent border-dashed border-gray-300 text-gray-200 h-8"
|
|
>
|
|
This is item 37a2b81c-2ac9-4fe6-891f-a408041b4e03
|
|
</li>
|
|
<li class="text-sm">This is item 37dd09ae-b285-4c04-aa2c-880ba8b0b7ac</li>
|
|
</ul>
|
|
<ul class="text-gray-500">
|
|
<li class="w-2.5 group-hover:bg-gray-300 h-2.5 bg-transparent rounded-full">
|
|
This is item 02bdc507-64e9-4923-bf2e-d84a026c8efb
|
|
</li>
|
|
<li class="xl:w-0 xl:flex-1">This is item 71ecf5b8-f97d-43ce-b5de-55b0e9993d74</li>
|
|
<li class="sm:space-y-4 sm:mt-4 mt-6 space-y-6">
|
|
This is item 6f1528c1-daad-47a2-a96f-a2c0a9131437
|
|
</li>
|
|
<li class="font-medium text-white text-base">
|
|
This is item d2e63a88-7620-4702-897b-bb46e18d7733
|
|
</li>
|
|
<li class="block py-2 text-gray-700 text-sm px-4">
|
|
This is item fa553380-4da8-4682-9989-13f689af37d0
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-lg max-w-3xl mt-3 text-blue-gray-500">
|
|
<ul
|
|
class="bg-indigo-600 border font-medium justify-center text-sm focus:ring-offset-2 focus:ring-indigo-500 rounded-md py-2 px-4 focus:outline-none text-white inline-flex border-transparent hover:bg-indigo-700 focus:ring-2 shadow-sm ml-4"
|
|
>
|
|
<li class="group-hover:text-teal-500 text-teal-500">
|
|
This is item 8e493b9c-dd0d-40c1-8d3b-12b5fb0492e6
|
|
</li>
|
|
<li class="block p-2 text-gray-500 -m-2">
|
|
This is item 5b6af404-baaa-43a8-83d3-b8cf0708190f
|
|
</li>
|
|
<li
|
|
class="md:grid-cols-12 grid-cols-1 md:grid-flow-col md:gap-x-8 md:gap-y-16 grid md:auto-rows-min"
|
|
>
|
|
This is item e43797bf-9e7d-45ff-a6ba-d4d2a6ecc93a
|
|
</li>
|
|
</ul>
|
|
<ol class="lg:block p-2 hover:text-gray-500 text-gray-400 hidden ml-6">
|
|
<li
|
|
class="mx-auto md:max-w-3xl md:mt-5 sm:text-lg text-base text-gray-500 md:text-xl max-w-md mt-3"
|
|
>
|
|
This is item e6d58d85-7a6b-4ae3-8e88-1ad9397667fd
|
|
</li>
|
|
<li class="flex flex-col justify-end">
|
|
This is item 3f7c18c2-2b2a-457a-8bda-eaa0bb8a0118
|
|
</li>
|
|
<li class="bg-white relative text-gray-900 focus:z-10 hover:bg-gray-100 py-1.5">
|
|
This is item 40c15f4a-d766-4021-a868-ff4725c4714c
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="px-4 lg:px-8 max-w-7xl mx-auto py-12 sm:px-6">
|
|
<ul class="text-gray-500">
|
|
<li class="mx-auto max-w-7xl sm:px-6 lg:px-8 px-4">
|
|
This is item eaee1545-2186-45f9-aa6c-3c09c961689d
|
|
</li>
|
|
<li class="mt-8">This is item 9b747afd-fc39-4130-b44f-f4a20155e8d3</li>
|
|
<li class="px-2 space-y-1">This is item f60630fe-8d44-43a9-8036-96557a42519c</li>
|
|
</ul>
|
|
<img
|
|
class="pb-6 pt-5 px-5 space-y-6"
|
|
alt="Profile picture of user 5c095f64-2637-481f-9752-a145ad716024"
|
|
src="https://example.org/pictures/46d68bd7-e1f1-4eb3-8573-c26f17ff78c1"
|
|
/>
|
|
<ul class="flow-root">
|
|
<li class="flex justify-between py-2 px-4 text-sm">
|
|
This is item eed34444-1f71-4aa6-b4e0-25ca0d219cd0
|
|
</li>
|
|
<li class="text-gray-200">This is item 6847d3ab-bbd6-46c9-aa2b-cdf82eabad96</li>
|
|
<li class="xl:h-full h-80 w-full bottom-0 absolute xl:inset-0">
|
|
This is item 2cf62214-0a5c-48da-a9e8-b2e9518a85f8
|
|
</li>
|
|
<li
|
|
class="grid grid-cols-1 lg:gap-y-0 lg:col-span-2 lg:grid-cols-2 lg:gap-x-8 gap-y-10"
|
|
>
|
|
This is item 32e34142-03cc-4e9a-ad68-96c057cda261
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="absolute h-36 -translate-x-8 -translate-y-24 w-36 transform top-0 text-indigo-200 opacity-50 left-0"
|
|
>
|
|
<ul
|
|
class="focus:outline-none text-sm border items-center px-4 text-white focus:ring-2 shadow-sm font-medium focus:ring-indigo-500 inline-flex hover:bg-indigo-700 border-transparent rounded-md py-2 focus:ring-offset-2 bg-indigo-600"
|
|
>
|
|
<li class="bg-white px-4 py-8">
|
|
This is item 8aa2587c-6297-4f12-a94e-96e28ad83a82
|
|
</li>
|
|
<li class="max-w-7xl mx-auto py-16 lg:px-8 px-4 sm:px-6">
|
|
This is item ed350fb4-1707-4772-a3f6-7b4422169b38
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-6 h-6 text-gray-400 mx-auto">
|
|
<img
|
|
class="px-4 lg:px-8 sm:px-6 flex-col flex-grow mx-auto max-w-7xl w-full flex"
|
|
alt="Profile picture of user dd9937bb-ce51-4f50-89b6-ac75fd420369"
|
|
src="https://example.org/pictures/870afd33-bfdf-40f3-9d68-843e3fbcecbc"
|
|
/>
|
|
<ol class="bg-black inset-0 fixed bg-opacity-25">
|
|
<li class="py-14 text-center sm:px-14 text-sm px-6">
|
|
<img
|
|
class="bg-gray-100 text-gray-900"
|
|
alt="Profile picture of user ab302a49-d8e0-4343-b8af-ab2b0064fcf5"
|
|
src="https://example.org/pictures/e772651b-12f3-430d-b0f8-38c244d458cb"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="py-2 block px-4 text-sm">
|
|
This is link a9da12ed-554b-446d-a317-673fdffc0319
|
|
</a>
|
|
<ul
|
|
class="xl:grid-cols-3 2xl:grid-cols-4 gap-x-8 xl:px-8 px-4 py-16 xl:max-w-none mx-auto gap-y-16 grid-cols-1 sm:px-6 grid sm:grid-cols-2 max-w-3xl"
|
|
>
|
|
<li class="flex-col pt-8 px-8 flex">
|
|
This is item eafb08b6-9626-4968-80da-64c082487037
|
|
</li>
|
|
<li class="font-medium text-sm text-gray-400">
|
|
This is item 6f46b86c-7223-4a12-9807-77bde49abee7
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="lg:py-12 py-4">
|
|
<a href="#" class="tracking-tight text-gray-900 text-3xl font-bold sm:text-4xl">
|
|
This is link c20d05c2-dd9e-4cb0-ba57-afa0b88a07d4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="bg-white block rounded-lg relative focus:ring-indigo-500 focus:ring-offset-2 overflow-hidden focus:outline-none w-full focus:ring-2"
|
|
>
|
|
<ol
|
|
class="bg-gray-50 px-6 text-sm py-3 text-gray-900 text-left font-semibold md:block hidden"
|
|
>
|
|
<li class="sr-only">This is item 9eedb881-ef5c-4e91-8286-60466e03354e</li>
|
|
<li class="max-w-xl text-xl mt-5 mx-auto text-gray-500">
|
|
This is item 899f744b-7ce8-4e21-a122-88300e0810f2
|
|
</li>
|
|
<li class="flex-col justify-end flex">
|
|
This is item 6905bae4-54e1-497b-b6ed-9ae40034950d
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="sm:text-sm focus:border-indigo-500 block w-full shadow-sm border-gray-300 focus:ring-indigo-500 rounded-md"
|
|
>
|
|
<li class="text-center">This is item 2e1caf6f-27a5-4232-91fa-499017e10b38</li>
|
|
<li class="flex -m-2 group p-2 items-center">
|
|
This is item 2708774b-e56b-4054-9497-3d9b1e6c0bc5
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="hover:bg-opacity-75 hover:bg-indigo-600 text-indigo-100">
|
|
<ol class="h-5 flex-shrink-0 w-5">
|
|
<li class="font-medium text-gray-900 text-lg">
|
|
This is item a4922d74-b12d-4057-9d24-a21f345a35ed
|
|
</li>
|
|
<li
|
|
class="text-purple-600 focus:ring-2 rounded-md font-medium focus:outline-none hover:text-purple-500 bg-white focus:ring-purple-500 focus:ring-offset-2"
|
|
>
|
|
This is item 1220fe33-f90e-4241-abee-7dbeb474f732
|
|
</li>
|
|
<li class="bg-gray-50">This is item b2c15ea8-1dc9-47d9-8519-b15178088643</li>
|
|
<li class="font-semibold text-gray-900 text-xl">
|
|
This is item 7b014209-3648-428b-9dfc-72202669d775
|
|
</li>
|
|
<li
|
|
class="h-0.5 inset-x-0 duration-200 sm:transform sm:mt-5 absolute ease-out bottom-0 transition-colors sm:translate-y-px"
|
|
>
|
|
This is item 36227ebf-fcd6-4b68-93ce-bdc1cb3a1983
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="mt-1"> This is link 638083f5-8973-4f75-a595-323b2365fda4 </a>
|
|
<ul class="text-gray-900 font-medium">
|
|
<li class="object-cover w-full object-center h-full">
|
|
This is item a58e10ab-846a-46d5-971d-c599b53c762d
|
|
</li>
|
|
<li class="sr-only">This is item 2c5e12c6-af50-4f35-82ba-9022b6f8fb23</li>
|
|
<li class="flex-1 min-w-0 py-0">
|
|
This is item d1335199-5d0e-413f-8585-62c9c0228d86
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="mt-10 border-t border-gray-200">
|
|
<ul class="bg-white relative">
|
|
<li class="text-base mt-2 font-medium text-indigo-200">
|
|
This is item 372eb66e-a562-4463-ab5f-a68f5783e6a3
|
|
</li>
|
|
<li class="-ml-14 pr-2 -mt-2.5 w-14 leading-5 text-right text-gray-400 text-xs">
|
|
This is item 8cfd378e-8ca0-4d25-9486-6d1d6f5b2926
|
|
</li>
|
|
<li class="h-5 w-5 flex-shrink-0">
|
|
This is item a5fc1097-3372-4a8d-9781-dc20968ab90f
|
|
</li>
|
|
<li class="container sm:px-6 lg:px-8 mx-auto">
|
|
This is item d4d8f0e2-e051-4865-a938-6be7ce0e8e5c
|
|
</li>
|
|
<li class="bg-gray-50">This is item c0f92b2b-bf77-4755-82e9-835b392d0f69</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="top-1/2 bg-white inset-0 absolute shadow">
|
|
This is link e1d0e64f-1b20-4cd1-9480-634a4c859876
|
|
</a>
|
|
<ul class="sr-only">
|
|
<li class="items-start flex relative">
|
|
This is item 0af6149f-b093-4686-81a6-9182959b0161
|
|
</li>
|
|
<li class="block text-gray-700 text-sm font-medium">
|
|
This is item 9b1c70fa-8d38-4947-aec3-57a454815d7e
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="bg-white"
|
|
alt="Profile picture of user 49d972c6-ed23-4a78-8bf2-1e7df72b1153"
|
|
src="https://example.org/pictures/4cb88296-fedf-400a-9848-d7904a8892a7"
|
|
/>
|
|
<a href="#" class="py-2 relative bg-white px-3">
|
|
This is link 01b9aff9-e273-4c34-a595-60a71bcefdd6
|
|
</a>
|
|
</li>
|
|
<li class="flex-shrink-0 w-6 h-6 text-blue-600">
|
|
<ul
|
|
class="pr-5 flex focus:border-transparent focus:outline-none bg-none items-center text-gray-700 font-medium border-transparent group-hover:text-gray-800 text-sm rounded-md focus:ring-0 py-0.5 pl-2"
|
|
>
|
|
<li class="mt-1">
|
|
<ul
|
|
class="text-gray-900 py-2 flex-col h-14 hover:bg-gray-100 flex focus:z-10 px-3 bg-white"
|
|
>
|
|
<li class="sr-only">This is item 96a5653a-6dae-48d4-9c0c-aa063ad4d7de</li>
|
|
<li class="flex">This is item 0b7f9ce1-ca64-4245-8621-3e6b7c81fc1d</li>
|
|
<li class="w-10 h-10 rounded-full">
|
|
This is item 112d0e59-db13-4bf6-a67d-28739391d165
|
|
</li>
|
|
<li class="inset-0 py-6 sm:px-6 lg:px-8 absolute px-4">
|
|
This is item 3c4b8c99-9fce-4906-900a-b4ba6efe45db
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="font-medium text-gray-900"
|
|
alt="Profile picture of user 343520a1-cad4-4b61-ac0b-43de6e7373cc"
|
|
src="https://example.org/pictures/8ec12545-0dfb-43c5-8397-59940a7bc249"
|
|
/>
|
|
<ol class="font-medium text-gray-700 block text-sm">
|
|
<li class="lg:inset-y-0 hidden lg:absolute lg:w-1/2 lg:right-0 lg:block">
|
|
This is item 41272104-2c05-44be-8562-02cd11ff30ce
|
|
</li>
|
|
<li class="rounded-full h-6 flex-none w-6">
|
|
This is item c8a56a0c-c736-4b9d-97c6-27c5c932e376
|
|
</li>
|
|
</ol>
|
|
<ul class="text-yellow-400">
|
|
<li class="object-cover object-center w-full h-full">
|
|
This is item 6139f729-cb8f-457c-8860-13bc958c616b
|
|
</li>
|
|
<li class="mx-auto h-7 justify-center flex rounded-full w-7 items-center">
|
|
This is item 40f040ec-3754-48f1-8559-8e0849e6a8a3
|
|
</li>
|
|
<li class="text-indigo-600">This is item 31c2978c-f4bb-41df-88e4-909e3fea085b</li>
|
|
<li class="items-center inline-flex text-sm">
|
|
This is item ca59c4b5-dcc5-4dc4-ab13-c07b8eea179c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
<ol class="w-12 rounded-md h-12 inline-block">
|
|
<li class="py-8 bg-white px-4">
|
|
This is item 5fac07e2-71a6-4323-961b-b6827fe8c53d
|
|
</li>
|
|
<li class="rounded-full w-6 flex-shrink-0 h-6">
|
|
This is item ec7de49a-681a-44a8-b810-ed8f612d99cb
|
|
</li>
|
|
<li
|
|
class="py-0.5 inline-flex rounded-md font-medium text-blue-800 bg-blue-100 text-sm items-center px-2.5"
|
|
>
|
|
This is item 967089d6-10b4-4c6f-9611-1037c3b80625
|
|
</li>
|
|
<li
|
|
class="py-2 text-base font-medium block hover:text-gray-800 text-gray-500 hover:bg-gray-100 px-4 sm:px-6"
|
|
>
|
|
This is item 865154f2-474a-410a-a5d3-c7d724f752a4
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="hover:text-gray-100 text-sm font-medium text-white"
|
|
alt="Profile picture of user 7636f849-467c-46d7-9129-406d3e703b2b"
|
|
src="https://example.org/pictures/45d6d44e-50fe-41a0-9988-a3a13ca4cd03"
|
|
/>
|
|
<img
|
|
class="sm:px-6 lg:px-8 px-4 mx-auto max-w-6xl"
|
|
alt="Profile picture of user 49e93044-4580-41fe-8c78-1541c96c8880"
|
|
src="https://example.org/pictures/186c9a2e-1b2d-4af9-9f6b-ab0e4f1d69c9"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
<ol class="text-lg text-gray-900 font-medium">
|
|
<li class="text-sm mt-2 text-gray-700">
|
|
This is item e88e48e4-3c7d-42cc-b5b0-f5c2f419f28f
|
|
</li>
|
|
<li class="text-gray-900">This is item 152021f5-71c2-41bc-96eb-dd3dfc9303f1</li>
|
|
</ol>
|
|
<ol class="sr-only">
|
|
<li class="py-10 bg-gray-100">This is item de87701b-7032-4c73-b302-2934bad832a1</li>
|
|
<li class="sr-only">This is item 0dedf242-3027-48d4-85f4-6b69b4dc8e08</li>
|
|
</ol>
|
|
<img
|
|
class="text-sm font-medium text-gray-500"
|
|
alt="Profile picture of user 42c89517-e54c-489d-941e-4c7c4a0f0a1a"
|
|
src="https://example.org/pictures/6c5a56d0-3431-4c19-ac84-807e3e7321ea"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="lg:px-8 px-4 sm:px-6 max-w-7xl mx-auto py-16">
|
|
This is link ccd05d94-02ee-4549-b793-d7d8112f2b46
|
|
</a>
|
|
<ul class="mt-6">
|
|
<li class="text-center">
|
|
<a href="#" rel="noreferrer" class="mt-1">
|
|
This is link e59ff411-e55d-4b97-b769-455773fb4b4d
|
|
</a>
|
|
<img
|
|
class="text-gray-400 hover:text-gray-500"
|
|
alt="Profile picture of user 89a1a3a0-7500-4e9d-bfe4-2464289e2e2a"
|
|
src="https://example.org/pictures/e167c3a4-6ae0-4b13-82dc-f77ae99755cf"
|
|
/>
|
|
</li>
|
|
<li class="flex mx-auto w-7 items-center h-7 rounded-full justify-center">
|
|
<a href="#" class="text-gray-400 group-hover:text-gray-300">
|
|
This is link b3c50c35-4a89-4522-9346-5af9c25b6d56
|
|
</a>
|
|
<ul class="sm:flex mt-12 sm:mx-auto sm:max-w-lg">
|
|
<li
|
|
class="text-sm px-6 py-2 font-medium bg-gray-50 text-gray-500 border-b border-t border-gray-200"
|
|
>
|
|
This is item 853e3b29-9d85-4059-871e-6db908456561
|
|
</li>
|
|
<li class="ml-3 flex-none text-gray-400 font-semibold text-xs">
|
|
This is item 2c5037d5-f407-4f21-926f-eb9e3df0fde3
|
|
</li>
|
|
<li class="sr-only">This is item f648d537-08c7-4714-a103-7458c2881ae1</li>
|
|
<li
|
|
class="flex-auto truncate group-hover:text-indigo-600 text-gray-900 font-medium"
|
|
>
|
|
This is item b644e293-abd0-4b83-802f-d82f428da115
|
|
</li>
|
|
<li
|
|
class="sm:justify-around items-center max-w-3xl space-y-4 sm:flex-row flex-col sm:items-end sm:space-y-0 mx-auto flex justify-start"
|
|
>
|
|
This is item a9180546-1794-4de5-8218-2294ecf9f0b7
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="sr-only">
|
|
<ol class="font-medium text-gray-900">
|
|
<li class="px-2 space-y-1">This is item 11b71db4-4834-47b0-9a3e-15ff784fe973</li>
|
|
<li class="text-lg">This is item f798e66b-207f-4ea2-926b-8afd5207ddc0</li>
|
|
<li class="fixed inset-0">This is item 0d494a17-7706-4277-bca7-a608cfd1d72a</li>
|
|
<li class="w-6 h-6 rounded-full flex-none">
|
|
This is item 530132b5-c41f-4e86-9bd2-77b14920f32e
|
|
</li>
|
|
<li class="gap-x-4 gap-y-6 grid grid-cols-1 mt-6 sm:grid-cols-3">
|
|
This is item 17ad2b47-1987-4ec3-b65d-cf2898d9248f
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="h-8 mx-auto justify-center text-gray-900 flex w-8 items-center hover:bg-gray-200 rounded-full"
|
|
alt="Profile picture of user ed360a7b-15cc-47d1-8790-72b48e0c3d6f"
|
|
src="https://example.org/pictures/cb81c8b0-bd11-4737-a754-9599601d24f3"
|
|
/>
|
|
<ul class="h-6 w-6">
|
|
<li
|
|
class="sm:py-5 sm:gap-4 sm:grid py-4 sm:border-gray-200 sm:border-b sm:grid-cols-3"
|
|
>
|
|
This is item 74eb4f4e-e839-49c6-a914-d5e40ae25c7c
|
|
</li>
|
|
<li class="fixed overflow-hidden inset-0">
|
|
This is item ddb1d65b-f2c1-402b-9728-d971f27ea4d6
|
|
</li>
|
|
</ul>
|
|
<ul class="lg:px-8 max-w-7xl sm:px-6 mx-auto">
|
|
<li class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
|
|
This is item 40ef8323-8a45-427d-95c7-92e95a94b61a
|
|
</li>
|
|
<li
|
|
class="sm:items-stretch sm:justify-start flex items-center justify-center flex-1"
|
|
>
|
|
This is item a8fb1615-5f4a-4d81-ba7a-ce21d08f2224
|
|
</li>
|
|
<li class="md:hidden">This is item a5a84d67-0c4d-487a-90d8-5470cfa391af</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-900 font-medium block p-2 -m-2">
|
|
<ul class="inline-block relative text-left px-4">
|
|
<li class="text-lg font-semibold text-indigo-600 leading-8 tracking-tight">
|
|
This is item 630428fe-c300-450a-8852-e81c534cf841
|
|
</li>
|
|
<li
|
|
class="placeholder-gray-500 border-gray-300 py-3 focus:ring-indigo-500 w-full px-4 focus:border-indigo-500 shadow-sm block rounded-md"
|
|
>
|
|
This is item 826e934b-3c9b-49db-8e7a-28730a549bb4
|
|
</li>
|
|
<li class="sm:flex-auto">This is item 8465ce6d-c918-49b5-8452-79b57799465a</li>
|
|
<li class="justify-between items-center flex">
|
|
This is item 67351737-5409-49b6-bac0-137d185c9611
|
|
</li>
|
|
</ul>
|
|
<ol
|
|
class="rounded-lg bg-gray-100 aspect-h-1 group-hover:opacity-75 aspect-w-1 overflow-hidden"
|
|
>
|
|
<li class="sr-only">This is item 9572ae63-12dc-4f52-a531-e00681cb8a03</li>
|
|
<li class="mt-20">This is item bff5404c-0833-47fd-baeb-98d115e9dd6f</li>
|
|
<li class="border-black rounded-full border border-opacity-10">
|
|
This is item 6d5f6391-c4d3-464c-9beb-a668a3172f3f
|
|
</li>
|
|
<li class="text-sm py-2 block text-gray-700 px-4">
|
|
This is item 0a74ef91-0e80-4577-bc20-a1914867f10f
|
|
</li>
|
|
<li class="text-gray-500 text-sm font-medium">
|
|
This is item 79110fd0-0c9f-4e66-88c2-8ae83f197b69
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="sm:col-span-3"
|
|
alt="Profile picture of user 52180165-00e2-4ad5-9cf1-1a10ff6f4c6f"
|
|
src="https://example.org/pictures/96988d26-9ae0-4e5f-989f-5b6d92f0752d"
|
|
/>
|
|
<ul class="hover:text-indigo-900 text-indigo-600">
|
|
<li class="bg-grape-400">
|
|
<ul class="tracking-tight font-bold sm:text-4xl mt-2 text-3xl text-gray-900 leading-8">
|
|
<li class="block py-2 text-sm font-medium text-gray-900 px-4">
|
|
<a href="#" class="sr-only"> This is link d20927e9-c88a-4f87-b805-4b8bed23d06b </a>
|
|
<img
|
|
class="focus:z-10 bg-white hover:bg-gray-100 py-1.5 rounded-tr-lg text-gray-900"
|
|
alt="Profile picture of user 15fba03f-c563-4f97-8879-00286cb2476f"
|
|
src="https://example.org/pictures/727b1f47-1d5e-40f3-a4fc-dda1611f160f"
|
|
/>
|
|
<img
|
|
class="hover:text-white text-base text-gray-300"
|
|
alt="Profile picture of user f64802de-8601-4173-a428-d5ef88f0248d"
|
|
src="https://example.org/pictures/98378ee9-f68b-4c45-a936-04960a2cd27e"
|
|
/>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="space-y-12"
|
|
alt="Profile picture of user 7bc00957-1d22-4f16-bf40-7f178a72e354"
|
|
src="https://example.org/pictures/3e3835c5-c46d-4ca3-b018-2c71ae222a93"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="mt-1">
|
|
This is link f695dfd1-03a9-4496-b68c-6521ba0d9b3f
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="w-14 flex-shrink-0 rounded-lg justify-center inline-flex items-center h-14"
|
|
>
|
|
This is link 19fecd34-a986-4dab-aae2-8afc6f3eb9a9
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ol class="flex-col flex mt-6 space-y-6">
|
|
<li class="max-w-xl">
|
|
<img
|
|
class="h-5 text-green-500 self-center flex-shrink-0 w-5"
|
|
alt="Profile picture of user e72b522e-b909-49c0-be80-7536852100ad"
|
|
src="https://example.org/pictures/3b2a1587-0786-4f0b-b8d8-79047561538a"
|
|
/>
|
|
<a href="#" class="flex items-center mx-auto rounded-full h-7 w-7 justify-center">
|
|
This is link 910c9553-f5b9-48bc-aec8-e0c670e1a491
|
|
</a>
|
|
<img
|
|
class="text-white h-6 w-6"
|
|
alt="Profile picture of user b2ae90df-cdda-4a22-910f-959dc32183c4"
|
|
src="https://example.org/pictures/cd1785a9-db96-413a-9338-475a215b0ce2"
|
|
/>
|
|
<ul class="items-center flex justify-center py-3">
|
|
<li class="flex-none py-10">This is item e3f30467-c84b-4278-8bcd-034b7637d935</li>
|
|
<li class="text-sm font-medium ml-4 hover:text-gray-700 text-gray-500">
|
|
This is item 33d45dd4-cc2a-48dd-8c7c-7ab118672ec6
|
|
</li>
|
|
<li class="text-gray-500 sm:block hidden">
|
|
This is item d4af29f6-cb27-4351-91cd-262f852da17a
|
|
</li>
|
|
<li class="absolute w-5 flex h-5 p-px">
|
|
This is item aa8c5a74-0f2d-43ca-866b-8d607fcdc7c9
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-500 text-base font-medium">
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link 6d49f795-c574-4737-a64a-8c790944752c
|
|
</a>
|
|
<img
|
|
class="lg:grid-cols-12 lg:gap-x-8 lg:auto-rows-min lg:grid"
|
|
alt="Profile picture of user 3e240b50-3e5a-492e-8810-97ec5bbabd45"
|
|
src="https://example.org/pictures/7bb49236-03ea-4d9c-bf39-e27941b8de4d"
|
|
/>
|
|
</li>
|
|
<li class="w-4 rounded focus:ring-indigo-500 text-indigo-600 border-gray-300 h-4">
|
|
<ol class="text-white">
|
|
<li class="items-center flex">This is item 4315381d-b740-47fa-aa5d-69e2d0eda652</li>
|
|
<li class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
|
|
This is item 24eb1716-cf55-41ca-9b3b-a513fc0799fd
|
|
</li>
|
|
<li class="flex justify-between">
|
|
This is item 397d3010-c4a7-4f9a-b2a9-aeb1e58f653f
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="focus-within:text-gray-500 relative max-w-2xl text-gray-400">
|
|
<ol class="md:mt-10 text-gray-900 mt-6 font-medium">
|
|
<li class="sm:px-6 py-5 px-4">
|
|
<img
|
|
class="font-medium text-gray-900 block text-base ml-3"
|
|
alt="Profile picture of user 84c59c55-563b-46dc-a0ca-a91fd3e22db9"
|
|
src="https://example.org/pictures/ee9f7205-07d6-4ea2-88d6-9a2f76348696"
|
|
/>
|
|
<ol class="mt-1">
|
|
<li
|
|
class="scroll-py-2 divide-y divide-gray-500 divide-opacity-10 max-h-80 overflow-y-auto"
|
|
>
|
|
This is item 4cd8be36-3897-48c1-afe8-da97c807f03c
|
|
</li>
|
|
<li class="bg-white">This is item 4954c7eb-41a9-4c0c-a950-317fe51aeced</li>
|
|
<li
|
|
class="text-sm pt-6 space-y-6 font-medium border-t text-gray-500 border-gray-200"
|
|
>
|
|
This is item 6cf15103-15f0-419a-bab0-a16e11702675
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="text-gray-500 space-y-3 mt-3"
|
|
alt="Profile picture of user 09879d64-5300-481b-a9ee-f3053d78d77f"
|
|
src="https://example.org/pictures/20a23b36-bc44-4775-8e5b-049d588f12f8"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="sr-only">
|
|
This is link 8dd9a4d2-945d-4444-83d2-4b7bfe1aa30d
|
|
</a>
|
|
</li>
|
|
<li class="rounded-lg -m-3 flex p-3 items-start hover:bg-gray-50">
|
|
<a href="#" target="_blank" class="text-gray-700 text-sm">
|
|
This is link 264dd631-a71d-4e31-918c-f8e3f1081796
|
|
</a>
|
|
<ul
|
|
class="bg-indigo-600 text-base py-1.5 font-semibold hover:ring-indigo-700 text-white inline-block px-4 rounded-lg ring-1 leading-7 hover:bg-indigo-700 shadow-sm ring-indigo-600"
|
|
>
|
|
<li class="sr-only">This is item 1a683e50-5162-4335-8f30-b907edd03e0f</li>
|
|
<li class="flex">This is item 0278c3ce-6404-4d98-ad46-7752bb444ccc</li>
|
|
<li
|
|
class="focus:ring-2 hover:bg-indigo-700 border rounded-full border-transparent focus:outline-none text-white shadow-sm focus:ring-offset-2 p-1.5 focus:ring-indigo-500 inline-flex bg-indigo-600 items-center"
|
|
>
|
|
This is item 60d3e2be-1f5c-4205-90e0-fc693aaf7612
|
|
</li>
|
|
</ul>
|
|
<ol class="font-semibold mt-4 text-gray-900">
|
|
<li class="sr-only">This is item bbebc48b-9ab2-4b1b-82ed-9861125fb1bd</li>
|
|
<li class="bg-gray-50">This is item 33e67e29-5686-410a-9465-bef31fdf0462</li>
|
|
</ol>
|
|
</li>
|
|
<li class="grid-cols-7 text-xs text-center leading-6 mt-6 grid text-gray-500">
|
|
<img
|
|
class="mt-1 text-sm text-gray-500"
|
|
alt="Profile picture of user 212defda-a12a-4302-aa96-5cad1ed85efb"
|
|
src="https://example.org/pictures/128ebc6d-a995-4a1c-adcc-77fb7df54286"
|
|
/>
|
|
<ul class="sm:pb-24 pb-16 relative pt-48">
|
|
<li class="divide-y divide-gray-100">
|
|
This is item bf046a14-8f7c-44d0-8c81-381cf549f208
|
|
</li>
|
|
<li class="focus:z-10 relative bg-white hover:bg-gray-100 text-gray-900 py-1.5">
|
|
This is item f8759c57-69e3-4990-943d-5c04c859e275
|
|
</li>
|
|
<li class="pr-9 py-2 select-none text-gray-900 pl-3 cursor-default relative">
|
|
This is item c15dcb2d-30d5-48a9-8ed3-f37e2f355220
|
|
</li>
|
|
<li class="border-gray-200 border-t w-full">
|
|
This is item 84fbd472-1eb6-44aa-a7d2-b98c0338bacf
|
|
</li>
|
|
<li class="text-sm ml-4">This is item a10f5c93-2214-4a49-b673-f12f7a261d8b</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="bg-gray-50 py-2 relative text-gray-500 px-3">
|
|
This is link ce467d98-ad6b-4556-a60f-3bf3b1f3cc2c
|
|
</a>
|
|
<ol class="py-6 border-t px-4 border-gray-200">
|
|
<li class="relative bg-white">This is item 70cc6df9-a81f-4ca3-95a3-b26c1e64feea</li>
|
|
<li class="border-gray-200 py-6 border-t space-y-6 px-4">
|
|
This is item b5903592-2bc9-47c8-86ee-6bdd2af2ecda
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="font-medium text-sm"
|
|
alt="Profile picture of user f968d83e-a470-4f9b-b1b7-ef13a16295b3"
|
|
src="https://example.org/pictures/5518522d-e933-4bff-bf5b-d987aa99d1af"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="lg:gap-x-8 lg:max-w-7xl px-4 lg:grid sm:py-24 sm:px-6 max-w-2xl lg:px-8 lg:grid-cols-2 py-16 mx-auto"
|
|
>
|
|
This is link e52af2bc-6476-4d58-ae98-8507c65de9cb
|
|
</a>
|
|
<ol class="mx-auto px-8 max-w-7xl">
|
|
<li class="font-medium text-gray-700 text-sm block">
|
|
This is item 10d06a53-e77b-4c1e-9ff7-7c9603161334
|
|
</li>
|
|
<li class="pb-8 px-4 space-y-10 pt-10">
|
|
This is item 4c7af633-37d0-41c8-98c0-3c525f77429b
|
|
</li>
|
|
</ol>
|
|
<ol class="flex lg:ml-6">
|
|
<li class="overflow-hidden rounded-lg shadow bg-white">
|
|
This is item 43b644c2-1144-4b2a-a9a6-6978faae186b
|
|
</li>
|
|
<li class="hover:text-gray-800">
|
|
This is item d2255653-81f9-4f4a-811e-dc8be3520dae
|
|
</li>
|
|
<li
|
|
class="px-5 py-3 border-transparent focus:ring-white border focus:ring-2 rounded-md focus:ring-offset-2 focus:ring-offset-gray-800 sm:max-w-xs focus:border-white w-full placeholder-gray-500"
|
|
>
|
|
This is item 91c927d2-3526-42c1-9671-82d3e5b0032c
|
|
</li>
|
|
<li class="mt-8">This is item 027f1c39-cdd9-4d06-a0d0-9dfb69df527b</li>
|
|
<li
|
|
class="pl-10 pointer-events-none flex fixed inset-y-0 max-w-full right-0 sm:pl-16"
|
|
>
|
|
This is item 2c20c2b2-65e7-43e6-8004-43a7b4cb7711
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="z-10 relative">
|
|
This is link 6d2a802a-d2f3-4edb-b33c-360ce15c319a
|
|
</a>
|
|
<img
|
|
class="font-semibold text-base text-rose-200"
|
|
alt="Profile picture of user fd797ed5-784d-4c73-b6bc-9a18c08a5a11"
|
|
src="https://example.org/pictures/7f86be04-f2b7-4058-9f1c-cef52385dd2a"
|
|
/>
|
|
<ol class="text-sm">
|
|
<li class="text-sm mt-2 font-medium text-gray-900">
|
|
<ol class="py-12 px-4 sm:px-6 lg:px-8 mt-12 mx-auto lg:py-16 max-w-7xl">
|
|
<li class="overflow-y-auto h-0 flex-1 mt-5">
|
|
This is item 4a8d33ea-cb13-49fd-a203-93b47ddb9e70
|
|
</li>
|
|
<li class="flex h-16 justify-between">
|
|
This is item 62ba05dc-93f1-426c-9b91-82ab27b24ce0
|
|
</li>
|
|
<li class="text-gray-500 whitespace-nowrap px-3 py-4 text-sm">
|
|
This is item 121bc9a4-1463-4761-b54c-76765a8f9cb0
|
|
</li>
|
|
<li
|
|
class="rounded-lg aspect-h-7 aspect-w-10 block overflow-hidden bg-gray-100 group w-full"
|
|
>
|
|
This is item 18526fbe-f99f-4367-86da-a7e260cef15a
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="text-gray-300 px-3 text-sm font-medium rounded-md py-2 hover:bg-gray-700 hover:text-white"
|
|
>
|
|
<li class="text-gray-400 text-sm">
|
|
This is item 73e600a8-314f-4fc8-a369-573b6f41f150
|
|
</li>
|
|
<li
|
|
class="rounded-md focus-within:ring-white border-transparent -ml-2 focus-within:ring-2 relative group"
|
|
>
|
|
This is item c17e4f3b-e066-4e42-9595-a8e3c82bee07
|
|
</li>
|
|
<li class="xl:h-56 mx-auto h-40 w-40 rounded-full xl:w-56">
|
|
This is item fc561f61-b0a9-44dd-88f7-ff0b0314f356
|
|
</li>
|
|
<li class="rounded-full h-8 w-8">
|
|
This is item 7b50c4a4-e115-4a32-8b69-480b724c188b
|
|
</li>
|
|
<li class="py-4">This is item 47280d39-76e3-453b-83a5-bf736f5855e7</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-white shadow-sm">
|
|
<ol class="divide-white divide-y font-medium divide-opacity-10 text-sm">
|
|
<li class="flex ml-4 lg:ml-0">This is item 10d3e54e-4bcb-4b6a-8c42-7ecc6846706b</li>
|
|
<li class="overflow-hidden bg-white relative">
|
|
This is item 91152251-d019-432c-b3f3-9dc7c8f6cb94
|
|
</li>
|
|
<li class="flex">This is item 60766970-570c-47cc-a747-57cd0744cda9</li>
|
|
<li class="sr-only">This is item c4a12615-b600-4069-bcfd-1f3f2c4d9479</li>
|
|
<li class="border-transparent border rounded-md text-sm font-medium px-3 py-1.5">
|
|
This is item 6b1c7f26-ec1e-49ce-b81c-f497a595c134
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="h-7 mx-auto items-center rounded-full justify-center flex w-7">
|
|
<a href="#" target="_blank" class="h-5 w-5">
|
|
This is link 994457da-6aae-45e7-a30a-51751afc7e99
|
|
</a>
|
|
<img
|
|
class="bg-gray-50 p-5 sm:p-8"
|
|
alt="Profile picture of user bc93e29e-d884-4f6c-ac1a-d00e29b0bb67"
|
|
src="https://example.org/pictures/d6dfba27-fc79-43dc-9aa8-4764b4ddd3f2"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="items-center select-none group p-2 rounded-md flex cursor-default">
|
|
<li class="bg-white">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="h-7 w-7 rounded-full flex justify-center items-center mx-auto"
|
|
>
|
|
This is link 38166f8a-2fe8-484c-a6dd-f48435e141da
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-full border text-white border-gray-800 py-2 rounded-md text-center font-semibold hover:bg-gray-900 text-sm bg-gray-800 block"
|
|
>
|
|
This is link 57f585bb-ffe2-4feb-829f-b32d13797834
|
|
</a>
|
|
</li>
|
|
<li class="bg-gray-900">
|
|
<ul class="flex mt-8 lg:mt-0 lg:flex-shrink-0">
|
|
<li class="mt-1 text-gray-500 text-sm">
|
|
<ol class="border-transparent border-t">
|
|
<li class="text-white font-semibold">
|
|
This is item 88dd01ce-5c54-4d50-804d-b0588f245ea8
|
|
</li>
|
|
<li class="flex ml-10 items-baseline space-x-4">
|
|
This is item 079e00d8-b1a1-4791-8037-78fdda17ea31
|
|
</li>
|
|
<li
|
|
class="overflow-hidden rounded-md divide-y ring-black absolute focus:outline-none bg-white ring-opacity-5 w-36 origin-top-right divide-gray-100 shadow-lg right-0 ring-1 z-10 mt-3"
|
|
>
|
|
This is item b98b3e82-e528-4a03-a530-1fead947632f
|
|
</li>
|
|
<li class="bg-warm-gray-50">This is item c2a2b957-af3a-4e35-901f-5808345cf69b</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="h-7 mx-auto w-7 flex rounded-full justify-center items-center"
|
|
>
|
|
This is link 6dc9c2d8-3463-494f-ad5c-36b454e805ba
|
|
</a>
|
|
<ul class="sm:block hidden">
|
|
<li class="h-5 w-5">This is item a1919486-00d0-4a32-b339-bb850c7b7f9c</li>
|
|
<li class="flex ml-2 flex-shrink-0">
|
|
This is item 45893876-7be2-4069-b17e-28c53ca3ab37
|
|
</li>
|
|
<li class="text-gray-400 flex-shrink-0 w-5 h-5">
|
|
This is item 59d9d720-b88a-41ca-b734-2a80538438ab
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="mt-12 md:mt-0">
|
|
<ul class="text-xs group-hover:text-gray-700 font-medium text-gray-500">
|
|
<li class="relative focus:z-10 py-1.5 text-gray-900 hover:bg-gray-100 bg-white">
|
|
This is item b784fd9d-716c-4993-82e9-3a5ba89f06f1
|
|
</li>
|
|
<li class="bg-gray-100">This is item 108a643b-3b0e-4b1e-a3f3-538e7c668dcf</li>
|
|
<li class="relative flex justify-between items-center h-16">
|
|
This is item a7f128a5-f160-4a5e-9916-5504dfbe16a4
|
|
</li>
|
|
<li class="text-gray-200 bg-gray-50 cursor-not-allowed">
|
|
This is item b12bbd5c-f4ba-4a9c-ae2b-1bc9da956858
|
|
</li>
|
|
<li class="font-bold text-gray-900 truncate text-2xl">
|
|
This is item c3501253-2ed4-4d1d-9f2b-939b3b32858a
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="text-gray-500 hover:text-gray-600"
|
|
alt="Profile picture of user bb1eca72-6ad8-44cc-9cad-77602c574cbd"
|
|
src="https://example.org/pictures/106c6b49-9722-4e25-a41a-80da65c864a9"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="bg-black flex-col flex justify-end w-full items-start bg-opacity-40 p-8 sm:p-12 relative"
|
|
>
|
|
This is link 45e4d9f1-b2b9-41e3-b73b-fc5a2c576a77
|
|
</a>
|
|
<ul class="font-medium text-lg leading-6 text-gray-900">
|
|
<li class="sm:px-6 px-4 max-w-7xl mx-auto py-12 lg:px-8">
|
|
<img
|
|
class="border-b border-gray-200"
|
|
alt="Profile picture of user 1a63556a-a307-4577-b525-4f1c396a79b1"
|
|
src="https://example.org/pictures/106c86e7-9a18-4204-ba73-dc413ee5765e"
|
|
/>
|
|
<ol class="mt-4 space-y-6">
|
|
<li class="object-cover object-center group-hover:opacity-75">
|
|
This is item 31657468-cccd-4c40-ac97-b7bee5f37ac5
|
|
</li>
|
|
<li class="text-right">This is item 99f64a05-1490-4384-8b22-50f4a01b16fd</li>
|
|
<li
|
|
class="w-10 justify-center h-10 rounded-full focus:outline-none ml-1 focus:ring-white items-center flex focus:ring-2 focus:ring-inset"
|
|
>
|
|
This is item 44bdd4bc-52e2-4385-9251-64defbca7061
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="max-w-lg lg:max-w-none mx-auto">
|
|
<ul class="border-b border-gray-200 divide-gray-200 sm:border-t text-sm divide-y">
|
|
<li class="p-8 bg-gray-800">This is item a4e18caa-3036-4268-82ed-883947c44cc6</li>
|
|
<li class="bg-gray-800">This is item d3b52e98-1521-4bdf-9a9c-4f52d1ad0b2f</li>
|
|
<li class="bg-white">This is item 9fb6256c-2b9e-4188-86e9-5d2ae12019d8</li>
|
|
<li class="object-center h-full w-full object-cover">
|
|
This is item b7c2b4b9-f8ee-4b25-9053-f9d5955a1087
|
|
</li>
|
|
<li class="text-gray-500 hover:text-gray-600">
|
|
This is item d8c4bebf-ef19-405d-aae9-70a9b07116e4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="focus-within:text-gray-600 relative w-full text-gray-400">
|
|
<a href="#" class="w-6 h-6"> This is link 3d40d8a9-426d-4a0b-9d78-93b72c5a1c8c </a>
|
|
<img
|
|
class="sm:text-4xl tracking-tight font-bold text-3xl text-gray-900"
|
|
alt="Profile picture of user 18b2ca1c-4da3-45f1-a4b6-0b1618381a0a"
|
|
src="https://example.org/pictures/a7cef033-6887-4804-b66c-80f9724e90c5"
|
|
/>
|
|
<ol class="hover:text-gray-600 text-gray-500">
|
|
<li class="text-white font-semibold">
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link cc63a069-7310-48e0-92d9-d14f4cbeab5b
|
|
</a>
|
|
<img
|
|
class="flex-shrink-0 ml-4"
|
|
alt="Profile picture of user 9dec3fbe-7daa-4a5c-800f-348fd2893548"
|
|
src="https://example.org/pictures/b6da0086-a820-4230-95b7-0faf3e2556b5"
|
|
/>
|
|
</li>
|
|
<li class="mt-1 gap-3 grid grid-cols-3">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-sm hover:text-indigo-500 text-indigo-600 font-medium"
|
|
>
|
|
This is link 25f81072-d0a1-443d-8ebd-1369c83f71c5
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="sm:py-32 lg:px-4 mx-auto sm:px-2 max-w-7xl py-24"
|
|
>
|
|
This is link 06d2b391-eb1a-4dd0-a953-5141213e5cba
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="grid grid-cols-4 py-16 gap-x-8 gap-y-10"
|
|
>
|
|
This is link 4170e960-5e18-43e0-82c7-0f1563fa435f
|
|
</a>
|
|
<ol class="mt-6 sm:max-w-xl">
|
|
<li class="flex-1 ml-2 truncate w-0">
|
|
This is item 07138548-3f74-47be-b8da-dec2a1dbfc55
|
|
</li>
|
|
<li class="text-gray-900">This is item 2920afa7-1c96-41ef-a98f-8ac7d268f2a3</li>
|
|
</ol>
|
|
</li>
|
|
<li class="bg-sky-900 lg:hidden">
|
|
<ul class="max-w-sm py-6 mx-auto">
|
|
<li class="text-gray-500 mt-1">
|
|
This is item 85549e0b-d716-4142-a804-7503124d3356
|
|
</li>
|
|
<li class="text-white font-medium">
|
|
This is item 32f0548d-39ab-4ecd-8305-bd8ad278fbe0
|
|
</li>
|
|
<li class="hover:bg-gray-100 bg-white py-1.5 focus:z-10">
|
|
This is item 912aa5b0-efb9-4826-be64-da9d2b59a025
|
|
</li>
|
|
<li class="py-1.5 focus:z-10 bg-white hover:bg-gray-100">
|
|
This is item cd62cdef-18e0-4289-9fd4-e564184b6db4
|
|
</li>
|
|
</ul>
|
|
<ul class="flex">
|
|
<li class="bg-gray-50 lg:py-32 py-16 relative sm:py-24">
|
|
This is item ffa33164-0c34-4a5a-a831-f496c4d54289
|
|
</li>
|
|
<li
|
|
class="flex-col text-gray-500 hover:bg-gray-100 bg-gray-50 h-14 flex px-3 py-2 focus:z-10"
|
|
>
|
|
This is item d21fefa7-1f7d-45c6-8709-ece38f0a5eb1
|
|
</li>
|
|
<li
|
|
class="-m-2.5 items-center h-10 text-gray-400 rounded-full inline-flex hover:text-gray-500 w-10 justify-center"
|
|
>
|
|
This is item cc8e961d-b1df-447b-a816-6911cfbd35cf
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-sm">
|
|
This is item e014d1b4-22f5-47f7-9bc7-df088f58dcbe
|
|
</li>
|
|
<li class="ring-indigo-600 ring-2">
|
|
This is item 826b6a66-349b-402a-a6b9-f741bf9f7fb0
|
|
</li>
|
|
</ul>
|
|
<ol class="h-6 w-6">
|
|
<li class="flex">This is item 44f37c51-d3e6-4398-b5fe-c06396b52f8e</li>
|
|
<li class="w-full md:ml-0 flex">
|
|
This is item 5e0103fc-5e27-4692-a4ca-bf9562aa0683
|
|
</li>
|
|
<li class="bg-white relative text-gray-900 focus:z-10 hover:bg-gray-100 py-1.5">
|
|
This is item d2d5d442-4347-4d2e-b1f1-91998adad079
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="font-medium text-lg mt-2 text-gray-900 leading-6 ml-2">
|
|
<ol class="md:ml-4 md:items-center hidden md:flex">
|
|
<li class="h-12">
|
|
<img
|
|
class="font-medium text-gray-700 group-hover:text-gray-800 text-sm ml-2"
|
|
alt="Profile picture of user 2bf36ceb-9b93-4a0c-8824-b03848d69b0f"
|
|
src="https://example.org/pictures/771c3592-d02f-4316-b83f-43f9b4b299bf"
|
|
/>
|
|
<ul class="bg-gray-50">
|
|
<li class="sm:mt-8 px-4 mt-6 sm:px-6 sm:flex sm:items-end">
|
|
This is item cb88ce91-89ec-44bc-833a-89f968a9ca27
|
|
</li>
|
|
<li class="text-gray-500 text-base mt-4">
|
|
This is item 7dc9b56d-5478-4bd8-bf69-eecc9a4eb4a1
|
|
</li>
|
|
<li class="lg:mt-0 flow-root self-center mt-8">
|
|
This is item 1cf4aa6c-3bbe-499d-92d5-4cea16600cde
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="h-8"
|
|
alt="Profile picture of user b8f8742a-a060-4443-979a-806de070ca55"
|
|
src="https://example.org/pictures/e4fbae29-b191-424e-8aca-4bccd9995f9d"
|
|
/>
|
|
</li>
|
|
<li class="mt-10">
|
|
<img
|
|
class="divide-y space-y-6 divide-gray-200 sm:space-y-5 pt-8 sm:pt-10"
|
|
alt="Profile picture of user 216b85c5-a6ff-458d-8655-b408c195062f"
|
|
src="https://example.org/pictures/1fa3f567-5301-45d3-a0dd-6ce53b5fa4eb"
|
|
/>
|
|
<ol class="py-4 flex">
|
|
<li class="relative grid gap-6 py-6 px-5 lg:grid-cols-2 bg-white sm:gap-8 sm:p-8">
|
|
This is item 35651a03-a5a5-4f66-8578-310801e4649a
|
|
</li>
|
|
<li class="font-medium text-sm text-gray-900">
|
|
This is item 04e8b91c-0c2a-4915-ae51-f36c26e6efbf
|
|
</li>
|
|
<li
|
|
class="text-sm focus:ring-2 focus:outline-none rounded-full focus:ring-offset-2 flex bg-gray-800 focus:ring-white focus:ring-offset-gray-800"
|
|
>
|
|
This is item 7a5e0f09-e7b6-4334-8975-60e1862b12d4
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="py-6">
|
|
<ul class="w-5 h-5 text-blue-gray-400">
|
|
<li class="sr-only">
|
|
<a href="#" rel="noreferrer" class="mx-auto lg:mx-0 max-w-lg">
|
|
This is link 68a9886d-dd37-4c80-946c-bbf6bef62bef
|
|
</a>
|
|
<ol class="whitespace-nowrap">
|
|
<li class="sr-only">This is item 2645a22e-295e-45fc-b73e-f8c11e42271a</li>
|
|
<li class="w-5 h-5 flex-shrink-0">
|
|
This is item ae7bbc6e-713b-4b5d-99fb-3e31f683f83d
|
|
</li>
|
|
</ol>
|
|
<ol class="text-sm mt-1 text-gray-600">
|
|
<li class="justify-between flex items-center">
|
|
This is item 912a6e5a-0a7f-42b8-9dc1-dd74a8dc9858
|
|
</li>
|
|
<li class="font-medium block text-sm text-gray-700">
|
|
This is item 6f41c43d-7232-4b9f-9b3d-33d31ec36957
|
|
</li>
|
|
<li
|
|
class="rounded-md text-base block text-gray-300 font-medium px-3 hover:bg-gray-700 py-2 hover:text-white"
|
|
>
|
|
This is item fc60d591-7f42-4c8a-ba70-723e50ec9fb1
|
|
</li>
|
|
<li class="rounded-md absolute inset-0 overflow-hidden">
|
|
This is item 21c18db1-e9cc-4d0c-bd1d-a2eda64b7c0b
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item c6ceb3eb-a39a-440d-9da8-7906d808e3b6
|
|
</li>
|
|
</ol>
|
|
<ul class="text-sm mt-6 sm:mt-0 text-gray-500 text-center">
|
|
<li class="bg-gray-900">This is item be3ca110-c05c-4a83-a19b-a60bc9ee3357</li>
|
|
<li
|
|
class="rounded-md focus:ring-2 bg-white text-gray-400 hover:text-gray-500 focus:ring-indigo-500"
|
|
>
|
|
This is item 91f61f85-c02e-436f-adc4-906ae8bc8877
|
|
</li>
|
|
<li class="flex justify-between">
|
|
This is item 71afbb7e-fbf5-4422-bc70-717acb8a3e44
|
|
</li>
|
|
<li class="ring-black rounded-lg ring-1 overflow-hidden shadow-lg ring-opacity-5">
|
|
This is item d33c5f10-b7c1-40e1-9197-393d2a884be2
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item dd141e3b-462c-4ab9-9436-b2275e921db4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="px-4 lg:px-8 mx-auto lg:py-20 py-16 sm:px-6 max-w-7xl">
|
|
<ul class="w-7 flex mx-auto justify-center h-7 items-center rounded-full">
|
|
<li class="text-gray-500">This is item 54f62eee-bc7e-40d1-9d85-e265abbe48a5</li>
|
|
<li class="text-base text-warm-gray-500 hover:text-warm-gray-900">
|
|
This is item b59eb8dc-ac99-4c9d-9eee-331e92ff8aa8
|
|
</li>
|
|
<li class="mt-1">This is item f015bd48-21df-4197-8278-93b1f1587afb</li>
|
|
</ul>
|
|
<a href="#" class="w-full max-w-xs mx-auto">
|
|
This is link b3199a10-2bb3-465a-a3bb-84239bd3ee28
|
|
</a>
|
|
<ol class="lg:px-8 px-4 sm:px-6 mt-6">
|
|
<li class="group inline-flex">This is item 722203f1-64fd-4d08-8860-2b27b6d8fd48</li>
|
|
<li class="bg-white">This is item cdc7195c-322f-4071-9941-6b54a9ccdf13</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-gray-700 text-sm font-medium block">
|
|
<ol class="w-72">
|
|
<li class="h-6 rounded-full w-6 flex-none">
|
|
This is item 758c2607-ea02-4905-8464-0fc2cac2aedb
|
|
</li>
|
|
<li class="flex justify-between mt-2">
|
|
This is item d93d6d42-dbe8-44f6-8e00-0c231e2183d2
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="hover:text-gray-800">
|
|
<img
|
|
class="group-hover:opacity-75 sm:h-96 bg-gray-200 aspect-h-4 sm:aspect-none aspect-w-3"
|
|
alt="Profile picture of user 59c432c3-5c02-41de-ab12-6afb7249ccea"
|
|
src="https://example.org/pictures/b483275e-3858-45aa-8a92-bc1de321dc00"
|
|
/>
|
|
<ul class="justify-center flex h-7 w-7 mx-auto items-center rounded-full">
|
|
<li class="h-5 w-5">This is item 5a3c7735-43b6-42a0-8296-32d7e55c6eec</li>
|
|
<li
|
|
class="relative text-right font-medium pl-3 pr-4 py-4 sm:pr-6 text-sm whitespace-nowrap"
|
|
>
|
|
This is item 39981567-db9f-4827-965c-60ad7d2097de
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="flex pb-4 flex-col overflow-y-auto flex-1 pt-5"
|
|
alt="Profile picture of user 84394563-cf85-418b-a65f-e9bf7c151013"
|
|
src="https://example.org/pictures/4fd44d19-cb79-4cf9-b84d-d64096125bf2"
|
|
/>
|
|
<ul
|
|
class="aspect-h-1 rounded-lg overflow-hidden group-hover:opacity-75 aspect-w-1 bg-gray-100"
|
|
>
|
|
<li class="text-indigo-600 text-sm font-medium hover:text-indigo-500">
|
|
This is item ea355b89-e610-46d2-8bb2-941a79aea91c
|
|
</li>
|
|
<li class="w-6 h-6 flex-shrink-0 text-gray-400 group-hover:text-gray-500">
|
|
This is item 79d2a209-7caf-464a-8b24-a2d30e184e30
|
|
</li>
|
|
<li
|
|
class="text-indigo-200 rounded-full p-1 focus:ring-offset-2 focus:ring-white focus:ring-2 focus:outline-none focus:ring-offset-indigo-600 bg-indigo-600 hover:text-white"
|
|
>
|
|
This is item cb39961e-7893-4964-ac0b-ab2107db9d34
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="h-8 w-auto">
|
|
<ol class="text-base leading-7 text-indigo-200 mt-2">
|
|
<li class="w-1/2 rounded-lg absolute h-full right-0">
|
|
This is item 218d0c1c-ac3c-4299-a398-60f713d2c0b4
|
|
</li>
|
|
<li
|
|
class="mt-4 space-x-8 font-medium flex items-center justify-between text-base text-gray-900"
|
|
>
|
|
This is item 61fe2e1a-06d5-4382-8eb5-ce0878e976b5
|
|
</li>
|
|
</ol>
|
|
<ul class="sm:grid py-4 sm:py-5 sm:gap-4 sm:grid-cols-3">
|
|
<li class="h-full w-full xl:grid xl:grid-cols-2">
|
|
This is item d0183cea-29ef-406a-b572-9a4bc216ede6
|
|
</li>
|
|
<li class="flex text-gray-700 text-sm items-center hover:text-gray-800 font-medium">
|
|
This is item 2d000a11-14e6-4832-a039-4e62cf24fd36
|
|
</li>
|
|
</ul>
|
|
<ol class="text-gray-900">
|
|
<li class="text-gray-500 text-lg">
|
|
This is item 6b40fae8-1826-4f33-be8d-b228132d8b56
|
|
</li>
|
|
<li class="mb-1 h-1.5 rounded-full bg-gray-400 w-1.5 mx-0.5">
|
|
This is item 0e1f3147-050f-4756-be82-efd4eff49312
|
|
</li>
|
|
<li class="focus:z-10 bg-white py-1.5 hover:bg-gray-100">
|
|
This is item 092b88c6-b4f2-4fdb-9c28-808723cafd83
|
|
</li>
|
|
<li class="flex-shrink-0">This is item 68cf1fdf-ea62-4d73-b530-0e267063a289</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ol class="sm:col-span-2">
|
|
<li
|
|
class="sm:px-6 mx-auto md:items-center max-w-7xl lg:px-8 md:justify-between py-12 md:flex px-4"
|
|
>
|
|
<ol class="focus:z-10 hover:bg-gray-100 bg-white py-1.5">
|
|
<li
|
|
class="-ml-2 rounded-md relative group focus-within:ring-white border-transparent bg-gray-900 focus-within:ring-2"
|
|
>
|
|
This is item f4519da5-d63b-4c3a-8b49-1fdea2294334
|
|
</li>
|
|
<li class="sr-only">This is item f261a405-a06b-48ed-9211-9c29f4093afe</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="text-sm text-gray-700"
|
|
alt="Profile picture of user 616f8636-273f-4fa2-b0b8-dab5b2067f37"
|
|
src="https://example.org/pictures/880abf3b-5001-4def-bbb1-58901332a867"
|
|
/>
|
|
<ul class="text-xl mt-4 text-gray-600">
|
|
<li class="font-medium text-gray-900 block mt-6">
|
|
This is item fada2c80-1d26-424c-8794-f82570aa485b
|
|
</li>
|
|
<li class="items-center mx-auto flex rounded-full justify-center w-7 h-7">
|
|
This is item 5b86212c-31bf-4000-a2e2-71ce23f2e8f4
|
|
</li>
|
|
<li class="text-white">This is item 9ba7bc3d-f287-4428-bf3f-ad8bc4003396</li>
|
|
</ul>
|
|
<img
|
|
class="text-indigo-600 h-6 flex-shrink-0 w-6"
|
|
alt="Profile picture of user 6b72e8ab-9bcb-44a9-98ce-7cbfa830d4ee"
|
|
src="https://example.org/pictures/952a81f0-eb62-4d24-85de-d4b4dc53a16c"
|
|
/>
|
|
</li>
|
|
<li class="sm:hidden">
|
|
<img
|
|
class="w-full -mx-auto max-w-xl"
|
|
alt="Profile picture of user 1d33ddf0-ae2f-49f5-95b8-5818515a9c6f"
|
|
src="https://example.org/pictures/06fc20f6-368a-4ff5-b39d-ad964edfcea7"
|
|
/>
|
|
<ul
|
|
class="border-t text-gray-900 font-medium border-gray-200 pt-6 text-sm justify-between flex mt-6 items-center"
|
|
>
|
|
<li class="mt-1 text-sm text-gray-300">
|
|
This is item 650d45c7-c19f-416b-9312-aa620ecbd48a
|
|
</li>
|
|
<li class="lg:grid-cols-2 lg:gap-6 lg:grid">
|
|
This is item 4f2d250d-ea8b-4542-803b-a22f06f33213
|
|
</li>
|
|
<li class="h-6 rounded-full w-6">
|
|
This is item 5c68ffb8-4707-4971-8e02-995f8effed12
|
|
</li>
|
|
<li class="text-gray-900 font-medium text-base">
|
|
This is item e808c564-04fb-4b22-b388-702cda9d9fae
|
|
</li>
|
|
<li class="cursor-pointer focus:outline-none">
|
|
This is item 37f398dc-394b-4058-b9bc-8ac6d8cb6ecf
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="pl-4 lg:mt-2 lg:border-0 ml-4 lg:pl-0 text-gray-500 border-l lg:ml-0 border-gray-200"
|
|
>
|
|
This is link 95c948c4-79a6-4367-9821-4419b0aff9c8
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:text-lg xl:text-xl text-gray-300 sm:text-xl text-base"
|
|
>
|
|
This is link e8549f8b-dad8-4709-85b3-71b8fa227a57
|
|
</a>
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-base hover:text-gray-700">
|
|
<ul class="hover:text-gray-900 text-gray-500 text-base font-medium">
|
|
<li class="bg-blue-gray-800 relative pb-36">
|
|
This is item 2dac4f29-047e-49d6-832a-163330c05f4a
|
|
</li>
|
|
<li
|
|
class="max-w-xs overflow-y-auto bg-white w-full pb-12 flex flex-col shadow-xl relative"
|
|
>
|
|
This is item 9e3d4441-2653-46ba-ab55-62fb8954bf00
|
|
</li>
|
|
<li class="space-x-4 flex">This is item 6dd1d03f-f609-4b06-87d0-8495f2fb6a45</li>
|
|
<li class="sm:p-6 py-5 px-4">This is item 7cd036c8-9456-4dfe-904b-e2858cde46ad</li>
|
|
<li class="h-6 w-6">This is item a637dacd-e9d2-4e22-9862-55bcb96c23ec</li>
|
|
</ul>
|
|
<ul class="sr-only">
|
|
<li class="font-medium hover:text-gray-800 text-sm text-gray-700">
|
|
This is item 2354d105-e0ee-4ea6-94fa-5cdadd4ba505
|
|
</li>
|
|
<li class="flex group">This is item ab4616f6-8234-4b83-8fb1-2b3ad15a2abc</li>
|
|
<li class="h-8 w-auto">This is item a283bb02-5e5a-4665-b7ce-667585affeec</li>
|
|
</ul>
|
|
<img
|
|
class="space-y-6 border-gray-200 py-6 border-t px-4"
|
|
alt="Profile picture of user f075312c-4eb5-4f7c-931d-0acae2d47159"
|
|
src="https://example.org/pictures/5f76c783-8c72-4ead-825a-951d12e7aeba"
|
|
/>
|
|
<ol class="w-5 text-gray-400 ml-3 h-5">
|
|
<li
|
|
class="lg:col-start-2 max-w-xl lg:mx-0 lg:max-w-none px-6 mx-auto lg:px-0 lg:py-32"
|
|
>
|
|
This is item d12311c1-d9c8-4096-a76b-3cb2f8ddf338
|
|
</li>
|
|
<li
|
|
class="w-full focus:ring-indigo-500 max-w-lg shadow-sm sm:max-w-xs sm:text-sm block border-gray-300 focus:border-indigo-500 rounded-md"
|
|
>
|
|
This is item 47576c67-6fdb-4de0-9aed-f1e3ba08762f
|
|
</li>
|
|
<li class="grid sm:grid-cols-2 lg:grid-cols-4 grid-cols-2 py-20 gap-8 sm:gap-y-0">
|
|
This is item 4ce69c28-6892-496b-b476-2203490eff9c
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="py-4 lg:table-cell text-sm text-gray-500 px-3 hidden">
|
|
<img
|
|
class="text-white text-sm mt-1"
|
|
alt="Profile picture of user 71f4e784-196e-4658-9736-a9762043e910"
|
|
src="https://example.org/pictures/8804cdb1-93a5-4114-bae6-56d3a9fc0fa7"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="mt-2">
|
|
This is link a2e1d7fa-dd9b-4070-87ae-eb34293cfa66
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="text-4xl font-bold tracking-tight text-gray-900">
|
|
This is link fb4727b4-b204-4314-8d64-f1816c801648
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="xl:col-span-1 space-y-8">
|
|
<ol class="text-gray-900 sm:col-span-2 mt-1 text-sm">
|
|
<li class="lg:relative md:-mr-16 lg:m-0 lg:px-0 -mr-48 sm:pl-6 pl-4 lg:h-full">
|
|
<a href="#" target="_blank" rel="noreferrer" class="flex-shrink-0 h-5 w-5">
|
|
This is link 71d9e5b1-544b-4e3c-a0b3-e75d81ec5c53
|
|
</a>
|
|
<img
|
|
class="items-center space-x-2 flex"
|
|
alt="Profile picture of user d9cc37e1-1233-46b1-9b00-81e61f2873fd"
|
|
src="https://example.org/pictures/fa69e707-3fc1-4737-b84b-d596f783cce3"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="py-2 bg-white">
|
|
This is link ecfe9810-ef2d-4b9b-9de6-ec02bb3b9104
|
|
</a>
|
|
<img
|
|
class="h-5 w-5"
|
|
alt="Profile picture of user 77e67427-38fe-4cc7-8e6a-6187af2e6f6a"
|
|
src="https://example.org/pictures/5f0185e8-f2a8-4083-ac77-8c07ce5e0b5b"
|
|
/>
|
|
</li>
|
|
<li class="text-indigo-600 mx-auto h-5 w-5">
|
|
<a href="#" class="divide-gray-200 divide-y">
|
|
This is link c610c86b-4fcf-4ff7-afa2-87c385f7430e
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500 w-5 h-5">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="lg:px-8 py-16 lg:max-w-7xl sm:px-6 sm:py-24 px-4 mx-auto max-w-2xl"
|
|
>
|
|
This is link 7959c290-e7fb-436a-b1ea-697c9263f6ba
|
|
</a>
|
|
<ol class="text-gray-400 group-hover:text-gray-500">
|
|
<li
|
|
class="focus:outline-none bg-indigo-600 text-sm py-2 shadow-sm px-4 items-center hover:bg-indigo-700 focus:ring-2 inline-flex focus:ring-indigo-500 border border-transparent rounded-md text-white focus:ring-offset-2 font-medium"
|
|
>
|
|
<a href="#" class="sr-only"> This is link 491179a9-9d3b-44f8-be70-0afa9bed9424 </a>
|
|
<img
|
|
class="bg-white flex-col border shadow-sm border-gray-200 flex p-8 relative rounded-2xl"
|
|
alt="Profile picture of user eeee1a2f-23e3-4ba9-8906-f18bdacb7379"
|
|
src="https://example.org/pictures/bacd54ac-a27e-4a37-acfc-b8c055189f89"
|
|
/>
|
|
<img
|
|
class="mt-4 text-sm text-gray-500"
|
|
alt="Profile picture of user cc41b938-1ee1-42dc-beb8-302cbbe58851"
|
|
src="https://example.org/pictures/a81f2184-68b6-4e33-8649-bfb52dfc88ce"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="px-3 hover:bg-indigo-700 focus:ring-offset-2 bg-indigo-600 focus:outline-none focus:ring-2 font-medium border inline-flex items-center text-xs shadow-sm py-1.5 focus:ring-indigo-500 border-transparent text-white rounded-full"
|
|
>
|
|
<img
|
|
class="hover:text-gray-800"
|
|
alt="Profile picture of user 39331500-46d4-4e51-b058-c44657a1fbd2"
|
|
src="https://example.org/pictures/01f045c3-8ccc-4ec6-9d36-21a5b7206900"
|
|
/>
|
|
<img
|
|
class="py-2"
|
|
alt="Profile picture of user f5fcf3f7-d7b9-4200-a607-8057251b6410"
|
|
src="https://example.org/pictures/55483f60-d14a-4521-b020-0bb3d7e2ffd9"
|
|
/>
|
|
<ul class="h-5 w-5">
|
|
<li class="h-6 w-6 text-white">
|
|
This is item 9e2188b6-bec1-4939-9c2c-548aa00a3f7f
|
|
</li>
|
|
<li class="flow-root">This is item f5fc52e3-e6da-419d-acf4-b1eb57e2fea7</li>
|
|
<li
|
|
class="text-gray-900 ring-gray-200 mt-2 text-sm grid ring-1 rounded-lg shadow grid-cols-7 bg-gray-200 gap-px"
|
|
>
|
|
This is item 47ae5494-7bf4-4f27-b86a-de6970e4b0f3
|
|
</li>
|
|
<li
|
|
class="md:grid-cols-12 md:auto-rows-min grid-cols-1 grid md:gap-y-16 md:grid-flow-col md:gap-x-8"
|
|
>
|
|
This is item d9cabbaf-5bc2-4b2a-9628-2fb75964ae2b
|
|
</li>
|
|
<li
|
|
class="ring-2 bg-white focus:outline-none text-sm flex rounded-full focus:ring-opacity-100 ring-opacity-20 ring-white"
|
|
>
|
|
This is item 4c51a137-dbb6-4432-b4f8-5c993c174947
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex items-center">
|
|
<a href="#" target="_blank" class="w-6 h-6">
|
|
This is link 9e6fcdec-776c-4a42-a26d-29c8a42b17f0
|
|
</a>
|
|
<img
|
|
class="truncate text-sm group-hover:text-gray-900 text-gray-500 font-medium"
|
|
alt="Profile picture of user b084dd9a-ffd4-4a7d-91f4-ae2be7b7f91f"
|
|
src="https://example.org/pictures/52b4447c-2693-4d03-afde-e7edc85e472f"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="font-medium text-base text-white">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 4d03a5ed-360d-40bd-8d53-127e06f372c5"
|
|
src="https://example.org/pictures/a968594e-1cb5-412a-9cdc-7dcfc4d62b4f"
|
|
/>
|
|
<ul class="py-3.5 whitespace-nowrap font-semibold text-left text-sm px-2 text-gray-900">
|
|
<li class="bg-indigo-700 lg:bg-transparent">
|
|
<img
|
|
class="p-8 bg-white"
|
|
alt="Profile picture of user 2893083a-a570-4244-b000-2a8100cf3112"
|
|
src="https://example.org/pictures/9a408aaf-d101-4665-ac34-c25f4028a51a"
|
|
/>
|
|
</li>
|
|
<li class="overflow-hidden sm:opacity-0 lg:opacity-100 h-64 rounded-lg w-44">
|
|
<img
|
|
class="text-gray-400 bg-gray-50 relative focus:z-10 hover:bg-gray-100 py-1.5"
|
|
alt="Profile picture of user a1ce52b9-d024-49c1-9fcf-3b75fca4d317"
|
|
src="https://example.org/pictures/abd7adec-d9b7-4b12-8bab-d2fc2b382fe4"
|
|
/>
|
|
</li>
|
|
<li class="w-5 text-gray-400 h-5 flex-shrink-0">
|
|
<ul class="mt-8">
|
|
<li class="ml-auto">This is item 7597feca-8419-40c8-9d52-2928a4d72705</li>
|
|
<li class="md:block hidden">This is item 531b4864-10b2-4fe4-8249-5ae35f8bb827</li>
|
|
<li class="flex-col flex justify-end flex-1">
|
|
This is item 75d8096f-61b9-443d-b27b-d52f2bdedcbd
|
|
</li>
|
|
</ul>
|
|
<ol class="mt-6 space-y-6">
|
|
<li class="bg-gray-300 w-px h-5 relative md:hidden -mx-px">
|
|
This is item 3e208f37-a576-4864-9cb1-1bfedbad0555
|
|
</li>
|
|
<li class="w-0 items-center flex flex-1">
|
|
This is item 2107bb14-5190-4143-b543-15a9fb039487
|
|
</li>
|
|
<li
|
|
class="bg-gradient-to-l absolute mix-blend-multiply to-cyan-700 inset-0 from-sky-800"
|
|
>
|
|
This is item 9ceca0bd-37ea-4cd7-8765-fa2bd8708d9d
|
|
</li>
|
|
<li class="hover:text-gray-600 text-gray-500">
|
|
This is item 2bea4ccb-fef5-4f3d-8983-fecb844c1693
|
|
</li>
|
|
<li class="w-0 font-normal py-3 text-right">
|
|
This is item 791be99e-5f50-46dd-8b5f-1f1b2da9dfd6
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="bg-white shadow rounded-lg">
|
|
This is link 252ccb26-2460-441e-a23e-bbb7f03daf67
|
|
</a>
|
|
<img
|
|
class="relative flex flex-col-reverse group"
|
|
alt="Profile picture of user 3f526d1f-3a13-4821-be0c-3e061e95e609"
|
|
src="https://example.org/pictures/d0101b26-0726-49fe-ba2c-4e78df5191ac"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="items-center justify-between flex-wrap flex"
|
|
alt="Profile picture of user 699979a6-6ea7-4ba6-a499-e4a23ae9bcd3"
|
|
src="https://example.org/pictures/86b9cc51-22c0-40d0-a5ac-d48341b9055f"
|
|
/>
|
|
</li>
|
|
<li class="bg-white">
|
|
<ul class="text-indigo-600 focus:ring-indigo-500 border-gray-300 w-4 h-4">
|
|
<li class="ml-auto">
|
|
<ul class="sr-only">
|
|
<li class="sr-only">This is item dfb4c63c-e0b1-4063-846f-ff70ef8acd21</li>
|
|
<li class="bg-indigo-600 flex rounded-full w-10 items-center justify-center h-10">
|
|
This is item ba43e118-333e-4fc1-9fd4-bc2891f9415e
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="px-3 ml-3 inline-block text-xs font-medium rounded-full py-0.5"
|
|
>
|
|
This is link e939d441-3859-4cb7-b400-3cb9aae19ee2
|
|
</a>
|
|
<a href="#" class="rounded-full bg-gray-100 h-10 w-10">
|
|
This is link 1d8dabf2-5d78-4deb-9a6a-7355e2eecc7c
|
|
</a>
|
|
<ul class="space-y-6 flex-col mt-6 flex">
|
|
<li class="hover:bg-gray-100 py-1.5 bg-white focus:z-10">
|
|
This is item 1b8b0c3a-41c3-46b1-8ed8-5850f117c86a
|
|
</li>
|
|
<li class="text-gray-400">This is item 79fb8b7d-e616-458e-a940-95c99f29b3b4</li>
|
|
</ul>
|
|
</li>
|
|
<li class="border border-opacity-10 rounded-full w-4 h-4 border-black">
|
|
<ul class="text-lg text-gray-900 leading-6 font-medium">
|
|
<li class="tracking-tight text-white font-bold text-2xl">
|
|
This is item adb431a4-f5ff-4b20-ab47-af5b5c1b1b34
|
|
</li>
|
|
<li class="max-w-7xl lg:px-8 px-4 sm:px-6 mx-auto">
|
|
This is item 0c643ecf-9cc4-416c-a92b-b63044cb0478
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm text-gray-500 mt-2">
|
|
This is link ff28fe99-0702-4fc6-af57-7b287f381c50
|
|
</a>
|
|
<ol class="text-gray-200">
|
|
<li
|
|
class="text-base sm:text-sm bg-white mt-3 justify-center focus:ring-offset-2 border border-gray-300 w-full sm:w-auto px-4 shadow-sm focus:outline-none text-gray-700 py-2 font-medium focus:ring-indigo-500 sm:mt-0 rounded-md focus:ring-2 inline-flex hover:bg-gray-50"
|
|
>
|
|
This is item 1c21a131-7ab2-4b73-ad81-a7c67eb16129
|
|
</li>
|
|
<li class="bg-gray-900">This is item 7092f416-e7e2-4b6b-b62d-6ae4d587d292</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm grid-rows-1 gap-8 grid-cols-2 grid">
|
|
<ol class="text-sm font-semibold text-indigo-600 block hover:text-indigo-500">
|
|
<li
|
|
class="border-transparent rounded-md font-medium bg-indigo-600 focus:ring-2 text-base border hover:bg-indigo-700 focus:ring-indigo-500 focus:outline-none shadow-sm focus:ring-offset-2 focus:ring-offset-gray-50 px-4 py-3 text-white w-full"
|
|
>
|
|
This is item a13bc1c0-1645-4db5-8460-570cf1a70e17
|
|
</li>
|
|
<li class="text-gray-500">This is item 706a53de-e173-433b-88ae-bcd09931630e</li>
|
|
<li
|
|
class="justify-center h-8 ring-8 ring-white flex bg-gray-100 items-center rounded-full w-8"
|
|
>
|
|
This is item ae56bdd4-6e27-48b6-a916-6eb7ba24b3e6
|
|
</li>
|
|
<li
|
|
class="bg-white hover:text-gray-900 text-sm border-b border-t text-gray-700 border-gray-300 hidden hover:bg-gray-50 px-3.5 font-medium focus:relative md:block"
|
|
>
|
|
This is item 69288fa7-a02f-45b1-8b56-ddca176af792
|
|
</li>
|
|
<li class="space-y-8 lg:max-w-4xl mx-auto lg:px-0 sm:px-4 max-w-2xl">
|
|
This is item 913134e4-70b7-4ec2-a38e-d8d3f8ed9888
|
|
</li>
|
|
</ol>
|
|
<ol class="overflow-hidden rounded-lg bg-white shadow">
|
|
<li class="lg:w-0 md:flex hidden md:flex-1 justify-end items-center">
|
|
This is item ccf789b0-b8ad-4381-93c4-efd76d8fb223
|
|
</li>
|
|
<li class="font-bold text-xl sm:text-2xl text-gray-900">
|
|
This is item 9ed7232a-c8cf-4b43-8cfe-425b66628760
|
|
</li>
|
|
<li
|
|
class="text-gray-700 border-b border-gray-300 focus:relative px-3.5 hidden bg-white text-sm border-t hover:bg-gray-50 hover:text-gray-900 font-medium md:block"
|
|
>
|
|
This is item 4f30ebe2-38e5-4a6e-9720-868133543798
|
|
</li>
|
|
<li class="h-5 w-5">This is item 1ad350e4-00b5-4f09-b79c-8cf92722d1e9</li>
|
|
<li class="mt-12">This is item e9368846-8690-4798-9def-16b9c8074d2f</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ol class="w-16 h-16 rounded-full sm:hidden">
|
|
<li class="text-sm ml-3 text-gray-600">
|
|
<ul class="mt-6 text-gray-500 text-center text-sm sm:mt-0">
|
|
<li class="w-5 text-gray-400 h-5">
|
|
This is item 13fba021-a9d2-4ef4-b28b-812f89910746
|
|
</li>
|
|
<li class="w-full justify-between flex items-center md:w-auto">
|
|
This is item 3856ddd2-7afc-4686-be28-bc5ea6c3c837
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="text-indigo-600 whitespace-nowrap hover:text-indigo-500">
|
|
This is link 6f40dd25-d3c3-422c-bc44-28e555750442
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="border-2 cursor-pointer border-transparent relative ml-4 focus:ring-offset-2 ease-in-out focus:ring-sky-500 duration-200 focus:outline-none focus:ring-2 w-11 transition-colors h-6 inline-flex flex-shrink-0 rounded-full"
|
|
>
|
|
This is link 8a03924e-1e9a-4d48-adf4-b40593f45385
|
|
</a>
|
|
<a href="#" target="_blank" class="h-full border-2 border-dashed border-gray-200">
|
|
This is link 1d369d70-4b65-40b1-aaa7-b240011c7ec1
|
|
</a>
|
|
</li>
|
|
<li class="relative bg-white">
|
|
<a href="#" class="w-5 h-5"> This is link 5781d822-1359-4b01-abd9-9987f17ffe08 </a>
|
|
</li>
|
|
<li
|
|
class="z-10 rounded-md bg-white absolute w-40 mt-2 right-0 ring-opacity-5 focus:outline-none ring-1 origin-top-right shadow-2xl ring-black"
|
|
>
|
|
<ul class="lg:gap-y-8 flex-shrink-0 gap-y-6 grid-cols-1 grid">
|
|
<li class="sm:ml-6 border-gray-200 border-l pl-4 sm:pl-6 ml-4">
|
|
This is item 9e708d64-a7af-4e0c-b8f4-489bed6a146d
|
|
</li>
|
|
<li class="hover:bg-gray-100 focus:z-10 bg-white py-1.5">
|
|
This is item 70a43706-c69c-468e-9fb2-0ce872f49cd6
|
|
</li>
|
|
<li class="justify-between items-center flex">
|
|
This is item 9eea1c25-6279-47df-a39e-8e5ae93ac904
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="w-6 h-6">
|
|
<img
|
|
class="bg-white hover:bg-gray-50 text-gray-500 py-2 justify-center border-gray-300 px-4 font-medium inline-flex rounded-md shadow-sm text-sm w-full border"
|
|
alt="Profile picture of user 19b53f8e-e4e6-47dc-9563-2de84d9f33eb"
|
|
src="https://example.org/pictures/7ba21118-4ab4-4b96-96ce-d46b508013d7"
|
|
/>
|
|
<a href="#" class="font-medium text-lg text-gray-900 leading-6">
|
|
This is link 858f0a19-5ada-4b12-bc53-f929c6a8f893
|
|
</a>
|
|
<img
|
|
class="font-bold"
|
|
alt="Profile picture of user 2b092344-1ffa-4617-8e17-1171c71f5070"
|
|
src="https://example.org/pictures/9487b78c-d4f0-4542-af3b-a7408d8f5305"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 8b7fb772-9da0-4303-9059-e11fbc2ad396
|
|
</a>
|
|
</li>
|
|
<li class="relative bg-white">
|
|
<img
|
|
class="max-w-none mx-auto"
|
|
alt="Profile picture of user 6d559391-5b1a-4605-aff3-5f83bf4dd424"
|
|
src="https://example.org/pictures/8596ecb5-a94a-400a-85e1-7bbf86f4b5f3"
|
|
/>
|
|
<img
|
|
class="bg-white hover:bg-gray-100 py-1.5 focus:z-10"
|
|
alt="Profile picture of user dda6c966-8a29-4de1-a2a7-94f0147a8544"
|
|
src="https://example.org/pictures/3ace6546-8ddc-453f-a2a0-72f82101d08f"
|
|
/>
|
|
<ul class="flex py-4">
|
|
<li
|
|
class="focus:z-10 px-3 text-gray-900 bg-white flex hover:bg-gray-100 flex-col py-2 h-14"
|
|
>
|
|
This is item 5dabf9b2-d695-4943-b841-bf13c6f618ee
|
|
</li>
|
|
<li class="mt-12">This is item 7e406f44-c4e0-4085-84d5-ab5396f07f30</li>
|
|
<li class="text-gray-700 font-medium block text-sm">
|
|
This is item e78847ac-41cd-4ad4-bf73-ae49d567a123
|
|
</li>
|
|
<li class="flex justify-between items-center">
|
|
This is item 6e7f9588-82ad-470e-aa69-4b5b8237a3d4
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="w-5 ease-in-out inline-block shadow duration-200 transform rounded-full h-5 ring-0 transition bg-white"
|
|
alt="Profile picture of user 6fad8bef-23e2-4445-9c43-84171c15e105"
|
|
src="https://example.org/pictures/69f35e0f-1225-402b-a5bc-aec8dd5d4e08"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="flex-shrink-0 bg-indigo-600">
|
|
This is link 4a584b67-4ea3-4588-b3c9-e136a6bd0225
|
|
</a>
|
|
<img
|
|
class="ml-auto"
|
|
alt="Profile picture of user e1b7849d-69ce-4322-b040-38aca60dbd00"
|
|
src="https://example.org/pictures/34faaa53-e860-4038-809f-55db6ec37476"
|
|
/>
|
|
<ol class="font-semibold text-gray-500 flex-none text-xs ml-3">
|
|
<li class="rounded-md shadow">
|
|
<a
|
|
href="#"
|
|
class="focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none px-4 rounded-md hover:bg-gray-50 font-medium border text-sm bg-white focus:ring-2 py-2 border-gray-300 text-gray-700 shadow-sm"
|
|
>
|
|
This is link 3f15976c-6b5a-4183-a64d-e481b81ed218
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="hover:text-gray-100 text-sm font-medium text-white">
|
|
This is link cfec2d9c-61f5-4d6e-97ab-98098c53a355
|
|
</a>
|
|
<img
|
|
class="flex-col py-6 bg-white overflow-y-scroll shadow-xl flex h-full"
|
|
alt="Profile picture of user 5c30df26-227b-4d12-962a-0d867a233664"
|
|
src="https://example.org/pictures/d6409352-cfaa-4fe2-b9b7-45550e4f70be"
|
|
/>
|
|
<ul
|
|
class="w-12 -mr-3 items-center hover:text-gray-900 h-12 inline-flex text-gray-500 rounded-md justify-center"
|
|
>
|
|
<li class="sr-only sm:not-sr-only">
|
|
<a href="#" target="_blank" rel="noreferrer" class="font-medium text-gray-700">
|
|
This is link 23498a5d-e81f-44a5-a834-740e35ce0a66
|
|
</a>
|
|
<a href="#" target="_blank" class="px-3 text-gray-500 whitespace-nowrap py-4 text-sm">
|
|
This is link 65192ac4-9cf3-49e9-81ed-b868ca1fdbd1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="absolute transform translate-y-12 hidden right-full translate-x-1/2 lg:block"
|
|
>
|
|
<img
|
|
class="relative py-4 flex items-start"
|
|
alt="Profile picture of user d6c41470-474f-48cf-9ad9-62386afdc459"
|
|
src="https://example.org/pictures/6b41afc1-43ab-4d8a-a00b-e6d188152d87"
|
|
/>
|
|
<img
|
|
class="border-t border-gray-200"
|
|
alt="Profile picture of user 7f4a9474-a912-4015-bd5a-42b53b0567a8"
|
|
src="https://example.org/pictures/d6462743-3d2c-444a-9170-94615532f5d6"
|
|
/>
|
|
<img
|
|
class="font-medium text-gray-900"
|
|
alt="Profile picture of user 0f8e411a-fab9-4858-9171-0998c8274110"
|
|
src="https://example.org/pictures/b7f838c4-8feb-4d62-b039-6baf1fef4b2b"
|
|
/>
|
|
</li>
|
|
<li class="shadow-sm mt-1 rounded-md -space-y-px">
|
|
<ol class="text-indigo-600 text-lg font-semibold">
|
|
<li class="block text-gray-900 p-2 -m-2 font-medium">
|
|
This is item d9c1d647-62ab-4698-bd56-6bafb6e97c24
|
|
</li>
|
|
<li class="sr-only">This is item 945d0ca2-9000-4d7f-ba21-80fba6b1745b</li>
|
|
<li class="bg-gray-100 border h-3 rounded-full border-gray-200">
|
|
This is item 610be942-2d64-4d83-96a2-7ecbe30cc9b5
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="w-full">
|
|
<img
|
|
class="border-gray-200 border-t py-2"
|
|
alt="Profile picture of user 387f9f0b-9942-4f14-a8eb-dedb668b5303"
|
|
src="https://example.org/pictures/76b565fd-22db-40be-b9a9-bd872beddbc0"
|
|
/>
|
|
<img
|
|
class="justify-between flex"
|
|
alt="Profile picture of user 0e10a6ad-623f-48f5-bf1f-3515c5fd0f04"
|
|
src="https://example.org/pictures/5925cb06-a9ae-4d04-ab07-29caf2e1d4da"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="mt-4">
|
|
This is link 17afc43c-8804-4dd5-8fd1-d75bbe45a1d2
|
|
</a>
|
|
<img
|
|
class="bg-gradient-to-r justify-center shadow-lg inline-flex items-center to-cyan-600 p-3 rounded-md from-teal-500"
|
|
alt="Profile picture of user 41182902-5b89-4793-9c1f-3499609395fd"
|
|
src="https://example.org/pictures/2c110fd7-b211-476b-be94-1a2198b7cf58"
|
|
/>
|
|
</li>
|
|
<li class="flex-1 items-center w-0 flex">
|
|
<img
|
|
class="sm:tracking-tight text-gray-900 sm:text-3xl sm:truncate font-bold leading-7 text-2xl"
|
|
alt="Profile picture of user 686f62d4-f690-47dd-a45f-9c3ed0d0b471"
|
|
src="https://example.org/pictures/a2016f8d-e99a-4e00-8d91-79014999278a"
|
|
/>
|
|
<a href="#" target="_blank" class="text-gray-900 font-medium">
|
|
This is link 06fc0e0a-11c1-4c28-8815-e5cd940d9790
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="mt-1">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="bg-gray-800 py-32 lg:px-16 px-6 sm:px-12 relative sm:py-40"
|
|
>
|
|
This is link 71902123-8c4d-468a-b5af-82f831eceec5
|
|
</a>
|
|
<img
|
|
class="bg-indigo-800"
|
|
alt="Profile picture of user e8ed402d-a130-4878-b271-39be61244d4a"
|
|
src="https://example.org/pictures/6115d501-afef-4525-b25b-2723311b80e1"
|
|
/>
|
|
<ol class="grid-cols-1 lg:gap-x-8 gap-y-10 lg:grid-cols-2 lg:gap-y-0 lg:col-span-2 grid">
|
|
<li class="flex justify-center rounded-full w-7 items-center h-7 mx-auto">
|
|
<ul class="bg-white">
|
|
<li
|
|
class="focus:ring-indigo-500 sm:w-auto border hover:bg-indigo-700 focus:ring-2 font-medium shadow-sm rounded-md text-sm inline-flex justify-center focus:ring-offset-2 text-white bg-indigo-600 focus:outline-none px-4 border-transparent items-center py-2"
|
|
>
|
|
<ul class="flex items-center flex-1 justify-end">
|
|
<li class="flex px-4 space-x-8 -mb-px">
|
|
This is item fe70eff5-e8ff-4e2f-a7f5-72de785af0dc
|
|
</li>
|
|
<li
|
|
class="w-5 duration-150 mr-2 transition-colors group-hover:text-gray-400 flex-shrink-0 h-5 ease-in-out transform"
|
|
>
|
|
This is item f72b3a28-0c3f-4d41-aead-60d3383d3335
|
|
</li>
|
|
<li
|
|
class="border-gray-300 focus:border-indigo-500 block focus:ring-indigo-500 rounded-md w-full shadow-sm sm:text-sm"
|
|
>
|
|
This is item 91853297-613c-46db-84bc-a204d851f19f
|
|
</li>
|
|
</ul>
|
|
<ol class="max-w-7xl lg:px-8 sm:px-6 mx-auto px-4 mt-4 relative lg:mt-5">
|
|
<li class="py-1">This is item dbd32ccd-8cad-4264-83cf-886825549ce0</li>
|
|
<li class="mt-5 flex-col flex flex-grow">
|
|
This is item e333be1e-c594-4a00-85ec-8ab650cba984
|
|
</li>
|
|
</ol>
|
|
<ul
|
|
class="focus:ring-2 focus:outline-none p-2 focus:ring-gray-900 items-center inline-flex focus:ring-inset hover:text-gray-500 text-gray-400 hover:bg-gray-100 justify-center rounded-md"
|
|
>
|
|
<li class="sr-only">This is item 0ff030be-dafe-437a-a093-3421b50edd2c</li>
|
|
<li
|
|
class="absolute bottom-0 top-0 pointer-events-none sm:block right-0 lg:hidden hidden w-1/2"
|
|
>
|
|
This is item bde17fe6-f5d0-441f-bf66-36dd33fb71bc
|
|
</li>
|
|
<li class="sm:col-span-3">This is item 6ed8d42a-410c-4a7c-958c-520f23981340</li>
|
|
<li class="grid-cols-2 gap-y-10 grid gap-x-8">
|
|
This is item bf70612b-3305-4c8d-8d88-1532b70eb477
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="justify-between flex-wrap flex items-center">
|
|
This is link 006b35d1-7ea4-4a52-9654-28a27d5d8429
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-400 ml-2 p-2 hover:text-gray-500">
|
|
<img
|
|
class="text-gray-500 font-medium text-xl"
|
|
alt="Profile picture of user 59e04a06-14fa-4d24-a70a-eb73f0c6a0f3"
|
|
src="https://example.org/pictures/041ea4ab-8b31-47c8-99f7-82a628dee24d"
|
|
/>
|
|
<a href="#" class="mt-1 flex rounded-md shadow-sm">
|
|
This is link 85977217-dd00-4c91-89e1-7b2f7fa509e8
|
|
</a>
|
|
<img
|
|
class="lg:px-8 align-middle py-2 inline-block min-w-full md:px-6"
|
|
alt="Profile picture of user 09f11b11-a47e-4597-8c1d-2bbb1e1d7c53"
|
|
src="https://example.org/pictures/2c414e7f-5a37-4b80-9cb8-6978c8e0008f"
|
|
/>
|
|
</li>
|
|
<li class="ml-2 w-5 group-hover:text-gray-500 h-5">
|
|
<ul class="gap-x-6 gap-y-10 grid-cols-1 grid">
|
|
<li class="rounded-full mx-auto justify-center flex h-7 items-center w-7">
|
|
This is item 5e9ab136-ace9-4187-8d1e-1241aa3b5d56
|
|
</li>
|
|
<li class="focus:z-10 py-1.5 hover:bg-gray-100 bg-white">
|
|
This is item 1c9685ae-482d-470a-993b-1fccede871e3
|
|
</li>
|
|
<li class="flex text-gray-700 items-center hover:text-gray-800 text-sm font-medium">
|
|
This is item 29cd1cce-d82a-49c9-99a9-5a2975307eff
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="py-2 border-transparent border px-4 font-medium items-center shadow-sm hover:bg-indigo-700 whitespace-nowrap text-base ml-8 justify-center inline-flex text-white rounded-md bg-indigo-600"
|
|
alt="Profile picture of user 9eadb997-d2e7-4d1b-a840-5b173c37a7ab"
|
|
src="https://example.org/pictures/d0f32ff1-4eca-491d-8c8b-78ad740b8008"
|
|
/>
|
|
<img
|
|
class="ring-black divide-gray-50 shadow-lg bg-white rounded-lg ring-opacity-5 divide-y-2 ring-1"
|
|
alt="Profile picture of user c80c773f-4996-434f-be8c-162f6c5cae23"
|
|
src="https://example.org/pictures/ed41a85f-18a4-4270-9163-75c3cfff5fa1"
|
|
/>
|
|
<a href="#" class="sm:col-span-4 col-span-full">
|
|
This is link 6c318e9d-8857-482f-bff4-d4190e039906
|
|
</a>
|
|
</li>
|
|
<li class="px-4 w-1/4">
|
|
<ol class="mx-auto flex rounded-full h-7 w-7 items-center justify-center">
|
|
<li class="sm:px-6 py-16 sm:py-20 lg:px-8 text-center mx-auto max-w-2xl px-4">
|
|
This is item 284d4380-27e2-4eae-85bd-0207efbaff36
|
|
</li>
|
|
<li class="items-center group p-2 flex -m-2">
|
|
This is item 90f307ac-212e-4dd5-95ac-3db8a501c657
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="focus:z-10 bg-white py-1.5 hover:bg-gray-100">
|
|
<a href="#" target="_blank" class="h-full rounded-full w-full">
|
|
This is link bdf4a115-fb79-4a34-afda-f1640e09f79b
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="bg-gray-50 text-gray-400 hover:bg-gray-100 focus:z-10 py-1.5 relative rounded-tl-lg"
|
|
>
|
|
This is link f33b5865-4cac-44ac-ac24-5a6779b99366
|
|
</a>
|
|
<ol
|
|
class="lg:table-cell font-semibold px-3 text-gray-900 text-left py-3.5 text-sm hidden"
|
|
>
|
|
<li class="lg:hidden relative z-40">
|
|
<a
|
|
href="#"
|
|
class="border-2 border-dashed border-gray-300 w-full text-gray-200 rounded h-full block"
|
|
>
|
|
This is link 7de32c4d-8793-4ef9-b2ed-9a25f5c55432
|
|
</a>
|
|
<a href="#" target="_blank" rel="noreferrer" class="grid-cols-2 grid relative">
|
|
This is link cb440acb-ef96-43cc-a0d8-014ca729b776
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="bg-gray-900">
|
|
This is link ac7faeb0-81f3-46ee-a2bc-5a28e562b1a2
|
|
</a>
|
|
</li>
|
|
<li class="flow-root">
|
|
<ul class="px-3 text-gray-500 whitespace-nowrap text-sm py-4">
|
|
<li class="mx-auto h-6 w-6 text-gray-500">
|
|
This is item 6a780633-056b-41d6-9295-8e822f22dea5
|
|
</li>
|
|
<li class="text-sm text-gray-900 font-medium">
|
|
This is item 2cafeba2-8659-45e0-aea6-df7740a71b33
|
|
</li>
|
|
<li class="ml-auto">This is item 95630b5a-3301-41e8-8b5a-9e715f9f9a26</li>
|
|
<li class="text-gray-500">This is item 0520b7dc-ea9f-48f9-bf68-78555fa17c1e</li>
|
|
</ul>
|
|
</li>
|
|
<li class="inline-flex p-2 items-center text-gray-400 rounded-md -m-2 justify-center">
|
|
<ul class="line-clamp-2 mt-1 text-sm text-gray-600">
|
|
<li class="lg:col-span-3 sm:px-6 px-2 lg:px-0 py-6 lg:py-0">
|
|
This is item 8b77ca76-7074-4e18-8a61-cb14fe71957f
|
|
</li>
|
|
<li class="mt-1 font-medium text-gray-900">
|
|
This is item ac7880e4-0e59-43cd-9736-7b9b23ffa052
|
|
</li>
|
|
<li class="lg:border-t-0 mt-7 border-t divide-y">
|
|
This is item bf5b0f90-fd58-4a28-bd32-adb816d78141
|
|
</li>
|
|
<li class="lg:ml-8 flex items-center">
|
|
This is item cc5f10ef-1ed8-48e1-988b-3d43a43c8be8
|
|
</li>
|
|
<li class="sr-only">This is item 58e72ca2-f68b-440b-8695-06acacadd709</li>
|
|
</ul>
|
|
</li>
|
|
<li class="block text-gray-700 font-medium text-sm">
|
|
<ol
|
|
class="bg-white font-medium rounded-md focus:ring-indigo-500 focus:outline-none focus:ring-2 text-indigo-600 hover:text-indigo-500 focus:ring-offset-2"
|
|
>
|
|
<li
|
|
class="w-full focus:ring-indigo-500 rounded-md sm:text-sm focus:border-indigo-500 block shadow-sm border-gray-300"
|
|
>
|
|
This is item ddfe5aa5-2e69-428c-b89f-1cc3d6ddad0a
|
|
</li>
|
|
<li class="text-gray-700 text-sm px-4 block py-2">
|
|
This is item 7c8dbc9f-fab4-45c4-b26f-0680ae764fdc
|
|
</li>
|
|
<li class="mt-2 items-center flex text-gray-700">
|
|
This is item 2377ecef-f129-4275-840f-1ed581c7664d
|
|
</li>
|
|
<li
|
|
class="w-full shadow hover:to-pink-600 text-sm border py-2 block from-orange-500 font-semibold rounded-md to-pink-500 mt-6 text-white bg-gradient-to-r text-center border-transparent"
|
|
>
|
|
This is item 14d87872-de52-4182-99e6-c08139bbc813
|
|
</li>
|
|
<li class="absolute top-full text-sm inset-x-0 text-gray-500">
|
|
This is item 99e21507-0315-4cbb-9604-2913275a2ea3
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="z-20 bg-black fixed bg-opacity-25 inset-0"
|
|
alt="Profile picture of user 0cddc7b8-38c4-4165-a47d-b68ae537c4a5"
|
|
src="https://example.org/pictures/2ec5a191-a418-4c2e-a214-7b57ea508719"
|
|
/>
|
|
<ol class="bg-white flex-grow flex flex-col">
|
|
<li class="-mx-4 md:mx-0 md:rounded-lg ring-gray-300 sm:-mx-6 mt-10 ring-1">
|
|
This is item 57f9c47a-b5d4-49be-b15d-53a0598757af
|
|
</li>
|
|
<li class="text-gray-500 text-base mt-2">
|
|
This is item 9fc38651-1844-4324-bb8a-47e53de1ad0a
|
|
</li>
|
|
<li class="text-gray-400 bg-gray-50 hover:bg-gray-100 focus:z-10 py-1.5">
|
|
This is item 5b25a636-631b-43f0-8a37-018fdb20bf64
|
|
</li>
|
|
<li class="sr-only">This is item 4d06b3ed-3bc8-4fa4-ba04-acab9d82e278</li>
|
|
</ol>
|
|
<ol class="font-medium text-gray-700 block text-sm">
|
|
<li class="w-full mt-4">This is item 56ffb6e0-2c35-4623-bbd7-da84781756df</li>
|
|
<li class="grid-cols-2 grid gap-x-8 gap-y-10">
|
|
This is item 64dbc8f0-19ba-487b-86da-da4d4cd5084d
|
|
</li>
|
|
<li class="col-span-full">This is item 60994276-0bfd-47e8-8673-57df2169b364</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="bg-pink-100 items-center font-medium inline-flex py-0.5 px-2 text-xs text-pink-800 rounded"
|
|
alt="Profile picture of user 9cdaf293-e82a-4eaa-af91-f766a72ba058"
|
|
src="https://example.org/pictures/e4d91606-bd0f-470f-af82-84af8c055d34"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<select class="md:col-span-3 lg:col-span-1 flex justify-center col-span-2">
|
|
<option>This is item 876e1868-24d7-4264-bff8-a986733316fc</option>
|
|
<option>This is item 394f476d-4701-44cf-bc76-ad9ab15e2dfd</option>
|
|
<option>This is item cde0d4e1-8a79-415f-8c4b-68dfef678945</option>
|
|
<option value="82fb2036-a0a4-4c54-939d-4db9dca59fa9">
|
|
This is item b6f42e5f-74e7-44b0-9676-b5b4fe6a5606
|
|
</option>
|
|
<option value="9beb31eb-39e9-4083-941f-360a1f14fcdd">
|
|
This is item 42bf097b-999e-4e55-b5f1-6b60b1d41ed7
|
|
</option>
|
|
<option value="8d62c76c-a698-4003-aa0e-3b1168f1911a">
|
|
This is item fa8ce762-6735-4e85-94fe-a0ad7e8e7f9e
|
|
</option>
|
|
</select>
|
|
</div>
|