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
3349 lines
167 KiB
HTML
3349 lines
167 KiB
HTML
<div class="text-white items-center bg-indigo-500 w-12 rounded-xl flex h-12 justify-center">
|
|
<ul
|
|
class="block w-full min-w-0 focus:border-indigo-500 rounded-none border-gray-300 focus:ring-indigo-500 flex-1 rounded-r-md sm:text-sm"
|
|
>
|
|
<li class="truncate flex-auto ml-3">
|
|
<ul class="max-w-2xl sm:mt-32 lg:max-w-none mt-24 mx-auto">
|
|
<li
|
|
class="px-3 inline-flex text-gray-500 border sm:text-sm items-center border-r-0 bg-gray-50 rounded-l-md border-gray-300"
|
|
>
|
|
<ul class="sr-only">
|
|
<li class="h-6 w-6 text-white">
|
|
<ul class="py-6 sm:rounded-lg bg-white shadow sm:px-6 px-4">
|
|
<li class="max-w-7xl sm:px-6 mx-auto px-4 lg:px-8">
|
|
This is item b6232c59-15a9-4b27-b5ad-5794249d2123
|
|
</li>
|
|
<li class="text-indigo-200">This is item 84a3b00b-32f2-43a2-9d7e-e756039b3ab7</li>
|
|
<li class="max-w-2xl lg:px-8 px-4 lg:max-w-7xl mx-auto sm:px-6 py-16 sm:py-24">
|
|
This is item b7bfcb3e-49f6-44fd-86d9-5d4fa497b85d
|
|
</li>
|
|
<li class="w-5 h-5">This is item 0d4b2b3e-522a-428f-92d7-e029dca21f61</li>
|
|
</ul>
|
|
</li>
|
|
<li class="w-5 h-5">
|
|
<ol class="h-6 w-6">
|
|
<li
|
|
class="justify-center focus:outline-none inline-flex focus:ring-2 rounded-md p-2 focus:ring-inset hover:bg-gray-100 text-gray-400 focus:ring-indigo-500 hover:text-gray-500 items-center bg-gray-50"
|
|
>
|
|
This is item 38376778-a95c-461e-85a7-8356d6a4cc85
|
|
</li>
|
|
<li class="flex">This is item d288ea92-425e-4e21-bb0f-4906984f854f</li>
|
|
</ol>
|
|
<img
|
|
class="px-5 py-2"
|
|
alt="Profile picture of user cb8a8b85-2462-431f-9e31-ab0b2594594e"
|
|
src="https://example.org/pictures/c2f932aa-7946-4f91-8600-0bdecec339b9"
|
|
/>
|
|
<ul
|
|
class="overflow-hidden rounded-lg sm:aspect-h-3 aspect-h-1 w-full aspect-w-1 sm:aspect-w-2"
|
|
>
|
|
<li class="mt-4 justify-between flex items-start">
|
|
This is item e7996c44-0be2-4ba9-b4e1-8f3994987a02
|
|
</li>
|
|
<li class="bg-white hover:bg-gray-100 py-1.5 focus:z-10">
|
|
This is item 54b68818-a75a-429b-a879-50c78b2eaf10
|
|
</li>
|
|
<li class="justify-between items-center h-16 flex">
|
|
This is item 69a05072-d586-48d1-a1f5-12c985772ec1
|
|
</li>
|
|
<li class="text-gray-500">This is item 925c0e35-61d9-4ce8-a585-9f5de266b9db</li>
|
|
<li class="ml-4">This is item 2968e38a-5628-469a-a27c-ac290d4a842e</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="truncate">
|
|
This is link fa321831-1871-4f99-beb3-9101f4e5a1d3
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="ml-3 text-sm">
|
|
<ul class="sm:pl-16 inset-y-0 flex max-w-full right-0 pointer-events-none fixed pl-10">
|
|
<li class="h-full shadow-xl flex divide-y divide-gray-200 flex-col bg-white">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 7bbfe4be-7858-4bd8-ba43-05191c83ed44"
|
|
src="https://example.org/pictures/7c333d55-526b-47ff-976c-3e63989e068e"
|
|
/>
|
|
</li>
|
|
<li class="flex px-2 pointer-events-none items-center inset-y-0 absolute right-0">
|
|
<ol class="text-gray-700 block text-sm">
|
|
<li class="text-sm text-gray-500">
|
|
This is item 15b8262a-d807-4e91-9557-76e551c27ead
|
|
</li>
|
|
<li
|
|
class="focus:outline-none pr-5 bg-none border-transparent group-hover:text-gray-800 focus:border-transparent items-center py-0.5 flex pl-2 font-medium focus:ring-0 text-sm rounded-md text-gray-700"
|
|
>
|
|
This is item a14b2027-5b49-493b-9062-62a8a24c4bfa
|
|
</li>
|
|
<li class="flex-shrink-0 h-5 w-5 mr-1.5 text-green-400">
|
|
This is item 46ea3b57-c509-42e7-a9b0-401a66a33aae
|
|
</li>
|
|
<li class="justify-center bg-gray-100 flex p-8">
|
|
This is item 4aa9de6e-78e4-4cf3-b64a-a7b9fab4265b
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="top-0 absolute md:hidden origin-top-right transform z-10 transition p-2 inset-x-0"
|
|
alt="Profile picture of user b251d15a-678e-44a5-b52f-3437a80dc3d6"
|
|
src="https://example.org/pictures/b975b280-0284-4acc-8486-28286ff2f043"
|
|
/>
|
|
<ol class="border-b-2 py-4 font-medium flex-1 whitespace-nowrap px-1 text-base">
|
|
<li class="border-gray-200 py-2 border-t">
|
|
This is item ea2a980e-4c44-49fe-ac83-e2324da4220e
|
|
</li>
|
|
<li class="hover:bg-gray-100 text-gray-900 py-1.5 focus:z-10 bg-white relative">
|
|
This is item 395a9f07-4196-442e-b0c7-63f7bd2240eb
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sm:flex py-6">
|
|
<img
|
|
class="xl:h-56 h-40 mx-auto rounded-full xl:w-56 w-40"
|
|
alt="Profile picture of user 2cd3137b-551b-403a-ae39-cd324123cadd"
|
|
src="https://example.org/pictures/2e04141a-171d-4b68-83eb-3adfafe2164b"
|
|
/>
|
|
<ul class="ml-auto">
|
|
<li class="mt-4">This is item d9df550c-4241-4733-8aa3-b28dcf38ad10</li>
|
|
<li class="h-8 w-auto">This is item 441a6de1-08f1-4816-80ea-bdcdc5ab416d</li>
|
|
<li class="py-1">This is item 83f1e3f8-3527-4bb9-b45c-7e2f1300e97f</li>
|
|
<li
|
|
class="hover:bg-gray-100 py-2 flex-col bg-white h-14 px-3 focus:z-10 flex text-gray-900"
|
|
>
|
|
This is item d545a43e-d3d3-4b7d-864c-e698d3975ada
|
|
</li>
|
|
<li class="w-5 h-5 text-gray-500">
|
|
This is item 5882da1a-e2fd-4769-8c04-8651d107f6b6
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="text-gray-900 font-medium">
|
|
<li class="font-medium text-gray-900 text-base">
|
|
<img
|
|
class="justify-between mt-2 flex"
|
|
alt="Profile picture of user 63c99cc7-94cf-4916-8a64-363cf89abf70"
|
|
src="https://example.org/pictures/02c0787f-7cb1-4d29-9a47-c6181cefd373"
|
|
/>
|
|
<ul class="ml-3">
|
|
<li class="text-base">This is item 805cd0dc-3b70-416f-bfad-296ca8bd3fa5</li>
|
|
<li class="text-gray-900 font-medium text-base">
|
|
This is item c3e9982e-e03e-445a-94c3-4cb44b773429
|
|
</li>
|
|
<li
|
|
class="text-sm ease-out transition-colors duration-200 justify-center relative font-medium flex items-center z-10"
|
|
>
|
|
This is item d0378aad-e653-48ea-95ac-8504f4c4c151
|
|
</li>
|
|
<li class="h-6 w-6">This is item 5a9d5dcc-55ee-4046-9e2b-40e25599150d</li>
|
|
</ul>
|
|
<img
|
|
class="text-sm text-indigo-600 hidden hover:text-indigo-500 font-medium md:block"
|
|
alt="Profile picture of user 05fe288a-d6b4-4c0f-91fc-2d16fd716184"
|
|
src="https://example.org/pictures/ea90adfe-ab4c-427b-84a6-f630f87c6097"
|
|
/>
|
|
<img
|
|
class="bg-indigo-100 border-transparent rounded-md font-medium flex justify-center hover:bg-indigo-200 text-base text-indigo-700 px-5 items-center py-3 border"
|
|
alt="Profile picture of user b0cc2cbb-94ec-4aa1-93b3-fa3130a8633d"
|
|
src="https://example.org/pictures/5ead9c24-0a52-47f0-9b86-28b42368bf97"
|
|
/>
|
|
</li>
|
|
<li class="h-full w-1/2 right-0 absolute rounded-lg">
|
|
<ul class="block font-medium text-sm text-gray-700">
|
|
<li class="sr-only">This is item be595ce2-e0ed-4de2-8326-94ef7d8bfc25</li>
|
|
<li
|
|
class="lg:px-8 lg:grid-cols-3 lg:gap-x-8 sm:px-6 mx-auto mt-6 max-w-2xl lg:grid lg:max-w-7xl"
|
|
>
|
|
This is item 4234756d-b8ef-4adf-b9fe-d146b3c08975
|
|
</li>
|
|
<li
|
|
class="px-2 inset-y-0 right-0 items-center rounded-r-md focus:outline-none absolute flex"
|
|
>
|
|
This is item a4069b4e-82ee-4071-9bd6-507363d81746
|
|
</li>
|
|
</ul>
|
|
<ul class="text-sm text-gray-500">
|
|
<li class="mt-6">This is item 286c0ee7-d8f9-41dc-a11c-17e51d4b1197</li>
|
|
<li
|
|
class="text-sm focus:outline-none focus:ring-2 flex focus:ring-offset-gray-800 focus:ring-offset-2 focus:ring-white bg-gray-800 rounded-full"
|
|
>
|
|
This is item c7e90975-fb69-4c35-aec5-57d00fafb106
|
|
</li>
|
|
<li class="rounded-full w-7 justify-center flex h-7 items-center mx-auto">
|
|
This is item 0e3c8e9f-e551-474a-97a2-74e0e0280d44
|
|
</li>
|
|
<li class="sm:space-y-4 space-y-6">
|
|
This is item a20ebde2-d61d-4f98-a63d-3bb890324e6b
|
|
</li>
|
|
<li class="align-middle inline-block md:px-6 py-2 lg:px-8 min-w-full">
|
|
This is item 41880cbf-c5e8-40e9-a4f2-725a55151385
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="font-medium text-gray-900 text-sm"
|
|
alt="Profile picture of user b4f9bee4-9334-460f-8ce0-823326931a4a"
|
|
src="https://example.org/pictures/82d4e075-343b-4ef1-911c-6e91bbdf1cfc"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-300">
|
|
<ul
|
|
class="grid-cols-1 lg:grid-cols-3 grid gap-x-6 gap-y-10 sm:grid-cols-2 lg:gap-x-8"
|
|
>
|
|
<li class="bg-white">This is item 163b6fa0-49d8-49a1-b7c1-054bf1520fe6</li>
|
|
<li class="max-h-12">This is item 4749d548-ceb9-41d5-bb6f-05576770eb0b</li>
|
|
</ul>
|
|
<ol class="py-14 sm:px-14 text-sm px-6 text-center">
|
|
<li class="text-gray-500 hover:text-gray-700">
|
|
This is item c11bbb5b-5ad8-4d28-b1d8-0c137edf1836
|
|
</li>
|
|
<li class="sm:col-span-6">This is item db247ff1-e212-4a70-93d0-7fee0fcaa236</li>
|
|
<li class="bg-white">This is item e745bcb6-abe2-477e-bd50-f0b14d64baf0</li>
|
|
<li class="text-gray-900 font-medium text-sm">
|
|
This is item 96cf1dee-b328-463f-a8ec-dd2ea5732f8e
|
|
</li>
|
|
<li
|
|
class="text-gray-200 bg-transparent border-gray-300 rounded border-2 border-dashed w-full h-64"
|
|
>
|
|
This is item eae2bccf-69e5-455a-b685-1de1915e0a51
|
|
</li>
|
|
</ol>
|
|
<ul class="lg:block hidden lg:ml-4">
|
|
<li class="items-center flex justify-between">
|
|
This is item e62d7932-c20e-48eb-b61d-80006a39004b
|
|
</li>
|
|
<li
|
|
class="absolute justify-center from-cyan-600 w-12 items-center bg-gradient-to-r rounded-md to-green-400 h-12 flex"
|
|
>
|
|
This is item a7c5bf32-b4bb-4394-bdb1-5dfa74ebfc96
|
|
</li>
|
|
<li class="mx-auto max-w-4xl">This is item 529dc01e-3a77-4812-87e8-55956692dea1</li>
|
|
<li class="flex items-start">This is item 5d37cc6f-cb92-4831-86b9-3db82dc06e28</li>
|
|
<li class="text-sm mt-2 text-gray-500">
|
|
This is item 13b5e31d-acca-4c24-8817-c423213c3c43
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="lg:right-full -translate-x-1/2 -translate-y-3/4 lg:left-auto transform lg:translate-y-1/4 left-full lg:translate-x-2/3 absolute top-0"
|
|
>
|
|
This is link 0589b897-a97d-4ed2-b6fc-8524772925c9
|
|
</a>
|
|
</li>
|
|
<li class="lg:hidden">
|
|
<img
|
|
class="h-7 mx-auto rounded-full items-center flex w-7 justify-center"
|
|
alt="Profile picture of user b33ea1a5-b974-4831-b67d-19cef1240564"
|
|
src="https://example.org/pictures/dec7452d-3c51-4783-8112-8b0eab878842"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="gap-x-4 grid-cols-2 sm:grid-cols-3 gap-y-8 lg:grid-cols-4 xl:gap-x-8 grid sm:gap-x-6"
|
|
>
|
|
This is link 2be37d39-7812-4a43-819a-d4f1ba4670fe
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="group border-r relative sm:p-6 border-gray-200 p-4 border-b"
|
|
>
|
|
This is link fa8b8db4-c39b-4775-bb24-8111156d96af
|
|
</a>
|
|
<ul class="text-gray-600">
|
|
<li class="text-indigo-600">This is item 31dab0c5-aff1-4049-b4e2-192c9fec06f8</li>
|
|
<li
|
|
class="border-transparent focus:ring-indigo-500 w-full justify-center bg-indigo-500 py-2 text-base px-4 focus:ring-offset-gray-800 focus:ring-2 font-medium border hover:bg-indigo-600 text-white flex focus:ring-offset-2 items-center rounded-md focus:outline-none"
|
|
>
|
|
This is item 0539cff1-97c0-4f95-aa6b-81501aa7f724
|
|
</li>
|
|
<li class="pt-5 pb-2 flex px-4">
|
|
This is item cda6deae-c59a-4c20-a132-2a48ff8c6239
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="font-medium block text-gray-700 text-sm">
|
|
<ol
|
|
class="items-center text-gray-400 rounded-full mx-auto justify-center w-8 h-8 flex hover:bg-gray-200"
|
|
>
|
|
<li class="h-8 w-auto">
|
|
<a
|
|
href="#"
|
|
class="block focus:border-blue-600 w-full rounded-md focus:ring-blue-600 border-gray-300 pl-10 placeholder-gray-500"
|
|
>
|
|
This is link 414f1179-847b-4adb-a4ac-bf15255695cc
|
|
</a>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user aac1e622-1643-4fb4-902f-982a08dcce09"
|
|
src="https://example.org/pictures/33ceb8c2-0e80-4cf2-a878-062c51610fcd"
|
|
/>
|
|
</li>
|
|
<li class="border-gray-200 border-t">
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-green-700 text-sm mt-2">
|
|
This is link 3d47422f-4ec3-446c-8b03-45a2834b7d9f
|
|
</a>
|
|
</li>
|
|
<li class="lg:px-8 overflow-hidden mx-auto max-w-7xl sm:px-6 px-4 sm:py-24 py-16">
|
|
<ul class="z-40 relative lg:hidden">
|
|
<li class="text-gray-300 w-4 h-5">
|
|
This is item 8f96052d-e25c-49a4-acc9-d6d249067882
|
|
</li>
|
|
<li class="text-gray-500 text-base mt-4">
|
|
This is item f159f932-4872-4ced-841e-b9ca8b335e20
|
|
</li>
|
|
<li
|
|
class="lg:items-center lg:justify-between xl:mt-0 pt-8 border-gray-200 border-t lg:flex"
|
|
>
|
|
This is item 5e036b67-559a-4e8e-966c-d64bc232e583
|
|
</li>
|
|
<li class="block font-medium text-gray-900 mt-6">
|
|
This is item 1609f37c-b8bc-4114-b9f6-f63891c04a2b
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="mt-6">
|
|
This is link f71a79fc-7946-4e61-87ff-b4a466dd97a5
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="group-hover:text-gray-100 border-transparent flex pl-2 focus:border-transparent items-center py-0.5 font-medium bg-gray-900 focus:ring-0 focus:outline-none rounded-md pr-5 bg-none text-white text-sm"
|
|
>
|
|
This is link fcff06ee-a012-40c1-a346-58dac4596810
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="font-medium text-gray-900 text-base hover:text-gray-700"
|
|
>
|
|
This is link e4e206e4-1880-4cf5-9410-1d88120f4ba5
|
|
</a>
|
|
</li>
|
|
<li class="py-6 border-gray-200 px-4 border-t">
|
|
<a href="#" target="_blank" rel="noreferrer" class="sm:px-6 px-4 bg-indigo-700 py-6">
|
|
This is link 81200b60-94b9-40a9-bdae-b3874dd1f4ac
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="py-1.5 hover:bg-gray-100 text-gray-400 focus:z-10 bg-gray-50"
|
|
>
|
|
This is link b89f5b78-cfe0-40ac-96b6-fd75af1c400e
|
|
</a>
|
|
</li>
|
|
<li class="px-5 mt-6">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="shadow-sm text-sm focus:outline-none focus:ring-2 px-4 border border-transparent focus:ring-offset-2 text-white focus:ring-indigo-500 font-medium rounded-md bg-indigo-600 flex-1 py-2 hover:bg-indigo-700"
|
|
>
|
|
This is link 07910197-c2f9-496a-a31b-b07fd2615530
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="flow-root"
|
|
alt="Profile picture of user 72c00f34-9197-4b11-b140-da5962b4986c"
|
|
src="https://example.org/pictures/ae537ba8-ecbc-426a-9757-75fb7ab36b52"
|
|
/>
|
|
</li>
|
|
<li class="text-sm py-3.5 font-semibold text-gray-900 text-left px-3">
|
|
<ol class="bg-opacity-60 p-4 text-sm bg-white">
|
|
<li class="w-8 rounded-full h-8">
|
|
<a href="#" target="_blank" class="bg-opacity-50 bg-blue-50">
|
|
This is link 983dfbcc-6499-40a5-8eb4-710490922399
|
|
</a>
|
|
<a href="#" class="items-center flex absolute h-5">
|
|
This is link ab70a9f1-0b40-41e9-a9a5-6e28769f6f9f
|
|
</a>
|
|
<img
|
|
class="mt-2 text-base text-gray-500"
|
|
alt="Profile picture of user 8f8a9529-90da-420b-85ef-6593fd31ff68"
|
|
src="https://example.org/pictures/16f6b0c6-c2a2-462c-b921-27f78e046a12"
|
|
/>
|
|
<ol class="flex text-gray-700 font-medium group items-center">
|
|
<li
|
|
class="font-medium justify-center border bg-indigo-600 px-4 rounded-md flex text-base py-2 text-white hover:bg-indigo-700 items-center w-full border-transparent shadow-sm"
|
|
>
|
|
This is item 4eae390e-a76f-446c-8763-09f83b30f9e9
|
|
</li>
|
|
<li class="h-8 w-auto lg:hidden block">
|
|
This is item 88050978-d037-42cd-8d9d-a10a7c9a5d4a
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="border-gray-200 mt-10 sm:justify-between pt-6 border-t sm:items-center sm:flex"
|
|
>
|
|
<a href="#" class="h-5 group-hover:text-gray-500 w-5 ml-2">
|
|
This is link f70f623f-d1f6-4a73-b133-5d67cc5cdaf0
|
|
</a>
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
<img
|
|
class="mx-auto items-center flex justify-center rounded-full h-7 w-7"
|
|
alt="Profile picture of user ed73cf0d-275e-46d8-b161-97249ef6a285"
|
|
src="https://example.org/pictures/27a89a71-7c8f-4568-b4c5-926b3f7654a2"
|
|
/>
|
|
<ul
|
|
class="py-2 bg-white px-2 border rounded-l-md items-center border-gray-300 inline-flex"
|
|
>
|
|
<li class="sr-only">This is item ac85a76b-e65a-4b94-aa30-0eb88a42dab1</li>
|
|
<li class="sr-only">This is item 20dc876a-5528-4e92-91a2-bb7c455caadb</li>
|
|
<li class="overflow-hidden inset-0 fixed">
|
|
This is item 180ee0b7-0936-4145-8908-882d2f219244
|
|
</li>
|
|
<li class="mt-20 lg:mt-0 lg:col-span-2">
|
|
This is item e5a1d67d-5e9d-4fb2-83b6-430ccf821e4c
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="border-b border-gray-200">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="flex-shrink-0 border overflow-hidden rounded-md w-24 border-gray-200 h-24"
|
|
>
|
|
This is link 300efd43-d47f-4955-b202-4cbd3be11e08
|
|
</a>
|
|
<a href="#" class="inline-flex shadow rounded-md">
|
|
This is link f7d44d0d-75c7-43ea-9739-fbd198a8e9d0
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<form class="text-gray-500 w-6 flex-none h-6">
|
|
<input type="password" class="font-medium text-lg space-y-1 leading-6" />
|
|
<select class="px-4 text-gray-500 py-5 text-left font-normal text-sm">
|
|
<option>This is item e24faf45-92fc-4a4d-b674-91357878f833</option>
|
|
<option value="4e5f87e6-935f-4361-973a-4c75f8609071">
|
|
This is item e6fcafa6-1dca-4fb4-aaff-d9d5cda479eb
|
|
</option>
|
|
</select>
|
|
</form>
|
|
<span class="mx-auto w-7 flex justify-center h-7 items-center rounded-full">
|
|
This is text 24221d94-bb69-4fd8-9100-2e0bd6662c87
|
|
</span>
|
|
<section class="w-6 h-6">
|
|
<h3 class="lg:px-8 mx-auto sm:px-6 max-w-7xl py-3 px-3">
|
|
This is heading 5d33bc2a-b185-422d-b55d-c17aac47f121
|
|
</h3>
|
|
<main class="pb-5 border-b border-gray-200">
|
|
<ul class="flow-root">
|
|
<li class="ml-3">
|
|
<a
|
|
href="#"
|
|
class="h-16 shadow-sm border-b flex flex-shrink-0 z-10 bg-white relative border-gray-200"
|
|
>
|
|
This is link bc8a59bc-26e4-4074-8cee-fcfeae3352a1
|
|
</a>
|
|
<ul class="flex fixed inset-0 z-40">
|
|
<li class="flow-root">
|
|
<ol class="text-indigo-600">
|
|
<li class="bg-white focus:z-10 hover:bg-gray-100 py-1.5">
|
|
This is item 693d006d-417c-4e44-97ad-0e76a6509439
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-lg">
|
|
This is item 8540dd39-382c-4965-a778-78ea1d7e21ca
|
|
</li>
|
|
<li class="hidden lg:flex">This is item 53bfc944-aeff-49a2-8476-cfd7b51b450d</li>
|
|
<li class="py-12 max-w-7xl lg:px-8 sm:px-6 mx-auto">
|
|
This is item 8d6b675e-0808-4121-8358-f254cce4949f
|
|
</li>
|
|
<li
|
|
class="group text-gray-600 flex items-center hover:text-gray-900 text-sm hover:bg-gray-50 font-medium px-3 py-2 rounded-md"
|
|
>
|
|
This is item 6571937e-3b09-493e-9819-880375d64c61
|
|
</li>
|
|
</ol>
|
|
<ul class="pr-6">
|
|
<li class="text-gray-900 sm:tracking-tight text-2xl sm:text-3xl font-bold">
|
|
This is item cd8a916c-489a-405c-8204-3c7b8bfbe21a
|
|
</li>
|
|
<li
|
|
class="bg-green-50 hover:bg-green-100 rounded-md focus:outline-none focus:ring-green-600 focus:ring-offset-green-50 focus:ring-offset-2 text-green-500 inline-flex p-1.5 focus:ring-2"
|
|
>
|
|
This is item fe037e16-beee-4df5-8d56-27bc7c88b861
|
|
</li>
|
|
<li class="md:pr-14">This is item d2c23001-7ecd-4d90-a04a-dffeb9b5e7bd</li>
|
|
<li class="hover:bg-gray-100 py-1.5 bg-white focus:z-10">
|
|
This is item f71e889a-bba0-44ee-b8c6-7994ca3feadd
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex-shrink-0 self-center">
|
|
<img
|
|
class="text-center sm:px-14 px-6 py-14"
|
|
alt="Profile picture of user 72b68307-816c-47bc-8f62-8058a5581811"
|
|
src="https://example.org/pictures/fc281d95-597d-4cd7-9dc0-c2cedf138464"
|
|
/>
|
|
<a href="#" target="_blank" class="flex h-full flex-col">
|
|
This is link f4f9814c-a3b7-40ab-9001-7b50926725e8
|
|
</a>
|
|
</li>
|
|
<li class="sr-only">
|
|
<img
|
|
class="inset-0 absolute shadow bg-white top-1/2"
|
|
alt="Profile picture of user 804da6b2-b21b-4a9c-98d6-23c6f59be6b1"
|
|
src="https://example.org/pictures/d7d01c15-6272-4578-8d76-3d5f633fb6c5"
|
|
/>
|
|
<ol class="text-gray-500 hover:text-gray-600">
|
|
<li class="block lg:inline">This is item 488c7c4e-0c2c-4e2a-bedc-3c5ca0a682d8</li>
|
|
<li class="space-y-4">This is item 2b59ac91-bf4f-4288-b3e1-74274b93711f</li>
|
|
<li class="space-y-6 mt-6">This is item 32b280f2-10de-4c69-ad88-c2df0bd0569a</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="items-center lg:ml-8 flex">
|
|
This is link 701be519-d46e-4227-9a64-20b967687002
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-9 inline-block rounded-full h-9"
|
|
>
|
|
This is link b50f4b2d-2574-47bc-b2d6-eb870a2afd71
|
|
</a>
|
|
</li>
|
|
<li class="col-end-1 font-semibold text-gray-900">
|
|
<ul class="lg:left-0 lg:absolute lg:w-1/2 lg:inset-y-0">
|
|
<li class="text-base mt-4 text-gray-500">
|
|
This is item 5707a843-bd7d-444e-bf92-e63923c6b0eb
|
|
</li>
|
|
<li class="lg:max-w-5xl sm:space-y-4 sm:mx-auto sm:max-w-xl space-y-5">
|
|
This is item 32cbf474-92b1-4fc6-8ae4-8d4a239f9403
|
|
</li>
|
|
<li class="ml-3 pr-6 font-medium text-sm whitespace-nowrap text-gray-900">
|
|
This is item 9522936d-9611-4b39-8242-d3ac14572760
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="h-9"
|
|
alt="Profile picture of user 9ee96d5b-e135-44df-9b0e-2a005135a305"
|
|
src="https://example.org/pictures/684a915e-1ca4-4e29-a846-9af61f6a44c8"
|
|
/>
|
|
<ol
|
|
class="transition-colors duration-200 -mb-px border-b-2 flex ease-out z-10 relative items-center pt-px text-sm font-medium"
|
|
>
|
|
<li class="font-medium text-gray-900">
|
|
This is item 63066c52-90a5-4852-8583-0d504fc75fc3
|
|
</li>
|
|
<li class="mt-4 space-y-4">This is item 26ffbbca-d601-4e02-a032-c2ccb5f9de57</li>
|
|
<li class="grid grid-cols-2 gap-x-4 gap-y-10">
|
|
This is item 81c48939-6eff-476b-baf7-865e09b63b1b
|
|
</li>
|
|
<li
|
|
class="pr-3 text-gray-500 hidden pt-4 font-normal md:pl-0 sm:table-cell pl-6 text-sm text-right"
|
|
>
|
|
This is item 0992970c-f10b-4546-b379-693182e9acbb
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="text-sm px-4 flex py-2 justify-between">
|
|
<li class="justify-end flex">
|
|
<ul class="hover:text-gray-500 p-2 ml-2 text-gray-400">
|
|
<li class="text-gray-900 tracking-tight font-bold text-3xl">
|
|
This is item e6cd16be-928b-4129-9296-e7a8252a0404
|
|
</li>
|
|
<li class="font-medium text-gray-700 text-sm block">
|
|
This is item 699c4ae4-8e51-421c-acc2-8154878f97ac
|
|
</li>
|
|
<li class="ml-4">This is item b2d30a67-7cd2-4a0d-8dba-19b1492022ff</li>
|
|
<li class="w-7 mx-auto h-7 flex rounded-full justify-center items-center">
|
|
This is item d75c4478-7a96-42de-97cd-0026f7db1c00
|
|
</li>
|
|
</ul>
|
|
<ul class="sr-only">
|
|
<li
|
|
class="hover:text-gray-900 rounded-md text-base group font-medium focus:ring-indigo-500 focus:ring-2 inline-flex items-center focus:outline-none focus:ring-offset-2 bg-white"
|
|
>
|
|
This is item 8458c078-b26b-43f6-a246-c19286b82514
|
|
</li>
|
|
<li class="text-sm block font-medium text-gray-700">
|
|
This is item b1446e9f-603d-49f9-90d7-03966010b3b2
|
|
</li>
|
|
<li
|
|
class="font-semibold border-b border-gray-200 px-6 bg-gray-50 text-gray-900 py-3 text-sm text-left"
|
|
>
|
|
This is item 05f1a3cd-94c9-4414-a2c4-7b945385479b
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="text-center : ? relative bg-white '' '' 'rounded-r-lg' overflow-hidden }} {{ focus:z-10 flex-1 loop.first : 'rounded-l-lg' py-4 px-6 loop.last }} ? font-medium min-w-0 {{ text-sm hover:bg-gray-50 group"
|
|
alt="Profile picture of user cc90d0b5-a2d0-4636-8827-6ef0351ed134"
|
|
src="https://example.org/pictures/91b82399-0529-414d-b599-01ea3c00be7a"
|
|
/>
|
|
<a href="#" class="-mr-1 ml-2 h-5 text-gray-500 w-5">
|
|
This is link 3075addc-d1f5-4255-84fd-edf691d8893a
|
|
</a>
|
|
</li>
|
|
<li class="w-0 flex-1 ml-3">
|
|
<ul class="inset-0 absolute">
|
|
<li class="max-w-7xl mx-auto px-4 sm:px-6">
|
|
This is item 2cc3ecc3-32ce-4877-9088-c2b0aad37024
|
|
</li>
|
|
<li class="flex bg-white min-h-full flex-col lg:relative">
|
|
This is item cbdd7446-64cb-485e-9374-5011cfdef78a
|
|
</li>
|
|
</ul>
|
|
<ul class="flex justify-end items-center flex-1">
|
|
<li class="sm:px-6 max-w-2xl sm:py-20 text-center py-16 mx-auto lg:px-8 px-4">
|
|
This is item aa6719fc-b2b3-422f-8c31-4c9a339ef6de
|
|
</li>
|
|
<li class="hidden lg:flex lg:items-center lg:space-x-6">
|
|
This is item 1b16f040-d1e9-47e4-9324-59386c7d4d86
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 block w-full border-gray-300 focus:border-indigo-500 rounded-md mt-1 shadow-sm sm:text-sm"
|
|
>
|
|
This is item 8c96cfa6-6fd2-41eb-a1b1-ead600396d16
|
|
</li>
|
|
<li class="block">This is item e11064a1-075d-4abe-bd2c-de8f276ec81d</li>
|
|
</ul>
|
|
</li>
|
|
<li class="w-full flex items-end mx-auto max-w-lg justify-around">
|
|
<img
|
|
class="flex px-4 lg:px-0 max-w-2xl lg:w-full lg:max-w-lg mx-auto"
|
|
alt="Profile picture of user e35196e7-2786-42b4-96d0-023246295df7"
|
|
src="https://example.org/pictures/461281af-ea30-4248-84fe-7b41e4046982"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="text-base text-gray-900 font-medium">
|
|
This is link fb96df76-d670-4228-bc8f-097a1b131200
|
|
</a>
|
|
<ol class="text-gray-500 prose prose-indigo mx-auto lg:max-w-none">
|
|
<li class="inset-0 transition-opacity fixed bg-gray-500 bg-opacity-75">
|
|
This is item e8920343-7762-49d2-93ec-7c650d39a4c2
|
|
</li>
|
|
<li class="col-span-1 justify-center py-8 bg-gray-50 flex px-8">
|
|
This is item feef74d5-f076-41e5-9873-ce28c10b8bdd
|
|
</li>
|
|
<li class="focus:z-10 hover:bg-gray-100 py-1.5 bg-white">
|
|
This is item bd83b50b-3a59-4c25-844d-4bafba3f7009
|
|
</li>
|
|
<li class="block text-sm text-gray-700">
|
|
This is item 5b23946b-05c3-4e20-81d2-3a2cd8836522
|
|
</li>
|
|
<li class="sm:items-baseline sm:justify-between sm:flex">
|
|
This is item b8889163-1b40-4f1e-8602-b50e3554fa82
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="bg-white">
|
|
<ol class="text-gray-200">
|
|
<li class="sm:items-center sm:flex">
|
|
<ol class="text-sm">
|
|
<li class="w-8 h-8 rounded-full">
|
|
This is item 5813df3f-67b8-42ad-9940-c4e72ab9077a
|
|
</li>
|
|
<li
|
|
class="inline-flex px-1 border-b-2 border-transparent hover:text-gray-700 items-center pt-1 font-medium hover:border-gray-300 text-sm text-gray-500"
|
|
>
|
|
This is item d5b742ac-97bd-4e57-b0d4-65f6371f27ef
|
|
</li>
|
|
<li class="col-start-8 row-span-full w-8">
|
|
This is item 1d32bc11-41a6-439b-9231-fc3dbd55ebcd
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="lg:max-w-4xl max-w-2xl lg:px-0 mx-auto px-4"
|
|
>
|
|
This is link 2453be29-0759-43ca-a80d-6218376ded5f
|
|
</a>
|
|
<ol
|
|
class="bg-white bg-opacity-75 font-medium inline-flex sm:hover:bg-opacity-50 px-4 text-opacity-75 border rounded-md py-2 text-sm sm:bg-opacity-25 text-black items-center border-transparent"
|
|
>
|
|
<li class="sr-only">This is item 5467e9de-481d-4427-bf96-21b69ecb0702</li>
|
|
<li
|
|
class="focus:outline-none flex-col max-w-xs w-full flex bg-white relative flex-1"
|
|
>
|
|
This is item b8e42792-6876-4a13-9311-c8f3621478a5
|
|
</li>
|
|
<li
|
|
class="pl-2 border-transparent flex bg-none text-gray-700 focus:border-transparent pr-5 focus:outline-none focus:ring-0 group-hover:text-gray-800 py-0.5 font-medium text-sm rounded-md items-center"
|
|
>
|
|
This is item c2e09ff4-945e-45b0-9729-190d272322da
|
|
</li>
|
|
<li class="h-6 w-6">This is item 564507ad-8cc8-40d1-ae33-9cacaaeca1f1</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item eb277196-6a61-44ff-8caf-c20fd0f4281b
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="focus:ring-2 text-gray-400 focus:ring-offset-2 hover:text-gray-500 bg-white focus:outline-none rounded-md inline-flex focus:ring-indigo-500"
|
|
alt="Profile picture of user 9aac5adb-ddd1-47f9-87c4-7004b29cb1f1"
|
|
src="https://example.org/pictures/58c95da2-0b11-42da-b173-dfb61c92b283"
|
|
/>
|
|
</li>
|
|
<li class="max-w-2xl mx-auto lg:px-0 px-4 lg:max-w-none">
|
|
<ul class="text-sm text-gray-500 whitespace-nowrap flex-shrink-0">
|
|
<li class="object-center w-full object-cover h-full">
|
|
This is item 0ba3007e-dad0-4510-9bf6-1cc142283ea8
|
|
</li>
|
|
<li class="hover:bg-gray-100 focus:z-10 text-gray-400 py-1.5 bg-gray-50">
|
|
This is item b6e71161-e922-44fe-8a10-d2d9f6be8344
|
|
</li>
|
|
</ul>
|
|
<ol class="text-gray-600">
|
|
<li class="mr-4 flex-shrink-0">
|
|
This is item 323670ab-6780-4a25-a1af-378926293081
|
|
</li>
|
|
<li class="text-sm">This is item 1eec22df-6fd6-4c86-b417-8f4683f3a969</li>
|
|
<li class="text-indigo-300 group-hover:text-white">
|
|
This is item 825ca49f-589c-4b97-bf02-5f4edee7b3c4
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-left cursor-auto text-lg text-gray-500 w-full font-medium py-6"
|
|
>
|
|
This is link adfc3c22-efe1-4c16-8fe3-17267aa07e7f
|
|
</a>
|
|
<ol class="mt-1">
|
|
<li class="w-6 h-6">This is item 136caf51-9340-4b93-ad61-dba2f5a4c6c0</li>
|
|
<li class="items-center flex rounded-full h-7 w-7 justify-center mx-auto">
|
|
This is item 8aed2aa5-bef5-4f88-be8f-8629c46a0c07
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="mt-1 text-gray-500 text-sm">
|
|
<ol class="mt-4 text-gray-900 font-semibold">
|
|
<li
|
|
class="rounded-md w-full border shadow-sm px-3 border-gray-300 py-2 sm:text-sm mt-1 focus:ring-gray-900 focus:border-gray-900 block focus:outline-none"
|
|
>
|
|
This is item a15f4d46-a55a-44d7-a4f4-2fa3311e3028
|
|
</li>
|
|
<li class="min-w-0 flex-1">This is item a2446b4e-47c5-42ab-9827-dfb04c7fea38</li>
|
|
<li class="flex font-medium hover:text-gray-800 items-center text-sm text-gray-700">
|
|
This is item c35eae4f-7f90-4c5e-985d-da93b98f97c2
|
|
</li>
|
|
<li class="overflow-hidden absolute inset-0">
|
|
This is item f4961c8e-7d54-4f97-8e4d-887ee496cf5d
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="bg-gray-100">
|
|
This is link fc7f315c-2827-42c1-aaec-981a64040dfe
|
|
</a>
|
|
<img
|
|
class="w-6 h-6"
|
|
alt="Profile picture of user 9e400cbb-01ee-4f8c-96b3-e1703a95612f"
|
|
src="https://example.org/pictures/cb362651-8cac-496f-9a2c-23960a9805e9"
|
|
/>
|
|
</li>
|
|
<li class="flex-col flex-1 flex justify-end">
|
|
<a href="#" class="space-y-6 mt-6">
|
|
This is link 060007bf-65ff-446b-bd2a-712538b318e5
|
|
</a>
|
|
<ul class="sm:col-span-2">
|
|
<li class="mt-2">This is item f84cf1f7-1875-4d23-8980-dd8dcf5a2ffd</li>
|
|
<li class="relative mt-20">This is item ed01e20a-4e98-401a-a057-1ba5442a454d</li>
|
|
<li class="xl:col-span-1 space-y-8">
|
|
This is item 1ff84e80-ad9a-405b-a255-8d004d908d10
|
|
</li>
|
|
<li class="text-gray-700 py-2 text-sm px-4 block">
|
|
This is item 16d64dab-15e5-4143-8737-ce12060aee17
|
|
</li>
|
|
</ul>
|
|
<ul class="border-gray-200 border-t">
|
|
<li class="md:mt-0 mt-12">This is item a8bf6c28-c727-4377-ae04-e85d2d91c0b0</li>
|
|
<li class="pl-4 w-1/4">This is item 9cbb3e55-f9c6-40db-a17c-963c31073806</li>
|
|
<li class="sm:ml-6 flex-1 flex-col flex ml-4">
|
|
This is item d913a2a7-dcbe-45b2-ab11-6475de76eb7e
|
|
</li>
|
|
<li class="sm:not-sr-only sr-only text-left text-sm text-gray-500">
|
|
This is item 76f0258f-d0ac-4303-9049-76bcab5974c1
|
|
</li>
|
|
<li class="inset-0 absolute">This is item 9429b060-d901-4d1b-831b-d175cfbc62c0</li>
|
|
</ul>
|
|
<ol class="bg-white p-8 items-center justify-center flex">
|
|
<li class="text-base text-warm-gray-200 font-medium">
|
|
This is item 8894dcea-5326-4d85-9e76-8134ea2f779b
|
|
</li>
|
|
<li class="block text-gray-700 font-medium text-sm">
|
|
This is item ddfdb4d2-e754-485c-9106-5430116227e9
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="sm:py-32 max-w-2xl mx-auto lg:px-8 px-4 sm:px-6 py-24 lg:max-w-7xl">
|
|
<ul class="max-w-3xl">
|
|
<li class="-ml-1 w-6 flex-shrink-0 h-6 mr-3">
|
|
This is item 0a1f9df5-bf6f-48d3-858a-655766f9b593
|
|
</li>
|
|
<li class="font-medium text-gray-500 text-base hover:text-gray-900">
|
|
This is item d247cd63-387d-4886-b8f1-8e325d7c8805
|
|
</li>
|
|
<li
|
|
class="sm:block rounded-none sm:text-sm rounded-l-md hidden w-full focus:border-indigo-500 border-gray-300 focus:ring-indigo-500 pl-10"
|
|
>
|
|
This is item 9893749f-3bb2-455a-ba49-1562840fe599
|
|
</li>
|
|
<li
|
|
class="hover:bg-gray-100 hover:text-gray-800 block px-3 font-medium text-gray-900 text-base rounded-md py-2"
|
|
>
|
|
This is item a46433ec-55e9-4e61-b08e-97e881fd4d4c
|
|
</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
class="focus:ring-2 p-2 -mr-1 rounded-md flex hover:bg-indigo-500 focus:ring-white focus:outline-none"
|
|
>
|
|
This is link 8dcf8de6-3aae-48cb-9ac9-854e6f3f762d
|
|
</a>
|
|
<img
|
|
class="font-medium text-gray-900 text-lg"
|
|
alt="Profile picture of user e45be800-b792-4389-935b-94eb6ef77b88"
|
|
src="https://example.org/pictures/01a964c2-6b8c-4b8c-9a58-efe1cd88fbec"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="text-gray-500 mt-6 text-sm">
|
|
This is link db68407c-90d6-4fba-b9cc-4b500f6abb72
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="hover:text-indigo-500 text-indigo-600 font-medium">
|
|
<li class="flex lg:flex-row flex-col mt-6">
|
|
<ol class="mt-3 flex sm:mt-0 sm:ml-4">
|
|
<li class="w-8 rounded-full h-8">
|
|
This is item e23bfb73-7c53-4c20-9272-9eddac5b1eb2
|
|
</li>
|
|
<li class="h-8 block w-auto">This is item f7c0fec6-2908-44ae-9ecb-17c3b34c0b06</li>
|
|
</ol>
|
|
<ol class="text-cyan-600 text-lg font-semibold">
|
|
<li class="hover:bg-gray-100 bg-white text-gray-900 py-1.5 focus:z-10">
|
|
This is item 52e95eab-0179-41d6-a05e-dedd8ecf2b7f
|
|
</li>
|
|
<li class="mt-1">This is item 6b71818e-b6fe-4afe-b147-d5fc44c330ba</li>
|
|
<li
|
|
class="hidden xl:block group-hover:text-indigo-600 flex-none ml-3 text-gray-500"
|
|
>
|
|
This is item 8712b5a4-e6f1-4ffa-8da4-e1eb32b0b3bc
|
|
</li>
|
|
<li class="lg:justify-end lg:items-center lg:space-x-6 lg:flex hidden lg:flex-1">
|
|
This is item 70b43fc6-cc02-47c4-99dd-573b2003fa10
|
|
</li>
|
|
</ol>
|
|
<ul class="sm:hidden">
|
|
<li class="p-2 text-gray-400 hover:text-gray-500">
|
|
This is item 9f08ad1f-7c5a-46be-ba13-75a99b23184b
|
|
</li>
|
|
<li class="bg-gray-900">This is item 78429ef9-0157-415b-af5c-948aa223d484</li>
|
|
<li class="sr-only">This is item 5765c708-ee5c-4695-ad7c-61bd07a599af</li>
|
|
<li class="pb-6 pt-5 px-5">This is item 1389803c-5043-4936-80bb-88d0fd6240bd</li>
|
|
<li class="text-left inline-block relative">
|
|
This is item 825d5e55-cc34-4431-ba1c-298977a5520d
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="flex-col flex text-xs bg-blue-50 inset-1 leading-5 absolute rounded-lg group p-2 hover:bg-blue-100 overflow-y-auto"
|
|
>
|
|
<ol class="py-2 px-4 block text-sm">
|
|
<li
|
|
class="sm:text-sm focus:border-indigo-500 shadow-sm w-full border-gray-300 focus:ring-indigo-500 block rounded-md"
|
|
>
|
|
This is item fb8d394d-68a4-43fe-b00f-2a6d32bfa2d2
|
|
</li>
|
|
<li class="border-t divide-y border-b divide-gray-200 border-gray-200">
|
|
This is item 5b4fb812-14da-495d-81be-bc76f52deefd
|
|
</li>
|
|
<li class="sm:px-6 px-4 py-6">This is item 105a4a77-4ef5-46cb-bebd-678111d26631</li>
|
|
<li class="pointer-events-auto max-w-md w-screen">
|
|
This is item 12931611-03c7-492b-b52c-efca42592600
|
|
</li>
|
|
<li
|
|
class="sm:space-y-0 mx-auto justify-start items-center sm:flex-row max-w-3xl space-y-4 flex-col sm:items-end flex sm:justify-around"
|
|
>
|
|
This is item 23acf155-a467-4b83-9beb-6f61e617887d
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="text-indigo-600">
|
|
This is link 433081d7-06a0-487d-95de-bcea62310c88
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li
|
|
class="rounded-r-md border-gray-300 items-center border-l-0 pr-3 focus:relative md:px-2 md:w-9 text-gray-400 bg-white flex md:hover:bg-gray-50 hover:text-gray-500 border pl-4 py-2 justify-center"
|
|
>
|
|
<img
|
|
class="mt-px flex relative"
|
|
alt="Profile picture of user f8a6675f-0d50-45a9-98fe-f84a763f0fd9"
|
|
src="https://example.org/pictures/146753ee-1148-4407-9ce5-ec579643c13f"
|
|
/>
|
|
<ul class="block text-white">
|
|
<li class="object-center object-cover group-hover:opacity-75">
|
|
<ol class="text-warm-gray-500 text-sm">
|
|
<li
|
|
class="ring-black rounded-lg ring-1 shadow-lg overflow-hidden ring-opacity-5 bg-white"
|
|
>
|
|
This is item 4edfc0f2-be48-48cb-bda7-54f1bc38a2cb
|
|
</li>
|
|
<li class="font-medium">This is item c9225386-0bdc-4916-8ed8-17dde429dc9a</li>
|
|
<li class="lg:block rounded-3xl absolute hidden overflow-hidden inset-0">
|
|
This is item f143c8d3-0205-4962-b455-b43571b9a593
|
|
</li>
|
|
<li class="grid gap-y-8">This is item ff35553c-d3cc-4fee-bd54-3bfa5e803822</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-gray-900 font-medium text-base">
|
|
<ul class="bg-opacity-25 bg-black">
|
|
<li class="z-40 lg:hidden relative">
|
|
This is item c1d2769f-f4fc-4f58-8c5e-474a12741d7a
|
|
</li>
|
|
<li class="sm:px-6 px-4 lg:px-8 mx-auto py-16 max-w-7xl">
|
|
This is item 229c3677-c8d6-40c9-bfdb-8bd793390aea
|
|
</li>
|
|
</ul>
|
|
<ol class="lg:px-8 px-2 max-w-7xl mx-auto sm:px-4">
|
|
<li class="relative ml-3">This is item 97049a8f-b905-4310-ae15-60fc4e0a24e6</li>
|
|
<li class="sm:inline hidden">This is item 4602fca0-535a-4d8e-b931-12fa3d3cb588</li>
|
|
<li class="block">This is item a23469ca-cbb7-4f90-8257-d91f60f35856</li>
|
|
<li class="w-full h-full object-center object-cover">
|
|
This is item a2cc1674-6132-46df-9e37-a903741952af
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-500 text-sm mt-1">
|
|
<li class="mx-auto relative lg:grid-cols-2 lg:px-8 max-w-7xl lg:grid">
|
|
This is item f2d4e4dc-c8c1-4160-ae8f-369304e281cb
|
|
</li>
|
|
<li class="font-bold tracking-tight text-gray-900 leading-tight text-3xl">
|
|
This is item a797b5e7-22dc-4f8e-8339-93433062c0a5
|
|
</li>
|
|
</ol>
|
|
<ul class="lg:z-10 lg:relative lg:ml-4 lg:flex hidden lg:items-center">
|
|
<li class="text-gray-500">This is item 843063f7-4ac1-4bc1-8404-3ea954430efb</li>
|
|
<li class="inset-0 md:p-20 fixed z-10 overflow-y-auto p-4 sm:p-6">
|
|
This is item fe7f4882-767c-4577-a9b3-0a301ce87f55
|
|
</li>
|
|
<li class="overflow-hidden absolute inset-0">
|
|
This is item 08768d62-5b08-46e8-a352-906e22614ea4
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="gap-y-8 grid">
|
|
<a href="#" class="text-3xl sm:text-4xl text-gray-900 tracking-tight font-bold">
|
|
This is link efef93ac-c91f-4848-ab50-52f9cd2390dc
|
|
</a>
|
|
<ul class="space-y-6 mt-6">
|
|
<li class="rounded-md mt-8 inline-flex shadow">
|
|
This is item fd518bad-0c90-42a8-b5d4-b109892310cf
|
|
</li>
|
|
<li class="ml-3">This is item c5279e23-48bd-423d-8373-652e22a1ceae</li>
|
|
<li class="py-8 bg-white px-4">
|
|
This is item da69af84-15a5-45da-9be2-dd83d41e3890
|
|
</li>
|
|
</ul>
|
|
<ul class="absolute inset-0 z-10">
|
|
<li class="sr-only">This is item f8454342-de20-44ef-82d4-67405bf52279</li>
|
|
<li class="space-y-4">This is item eadb097a-a49e-456e-866b-e9294be447b9</li>
|
|
<li class="py-20 border-gray-200 border-t">
|
|
This is item eee50dfc-7bc5-4eb3-9e07-7c2def0291cf
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="bg-white">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-sm text-gray-900 font-medium"
|
|
>
|
|
This is link 72c48bb3-665a-47dc-a724-4a58eb316182
|
|
</a>
|
|
<img
|
|
class="w-7 flex mx-auto rounded-full h-7 items-center justify-center"
|
|
alt="Profile picture of user 56190809-8655-40fc-9796-a69de7755e56"
|
|
src="https://example.org/pictures/117a2198-d941-4bdc-90a5-ff0a913294d8"
|
|
/>
|
|
<ul
|
|
class="z-20 text-right text-xs sticky text-gray-400 -mt-2.5 left-0 leading-5 w-14 pr-2 -ml-14"
|
|
>
|
|
<li class="bg-gray-50 text-gray-400 focus:z-10 py-1.5 hover:bg-gray-100">
|
|
This is item 0130e52f-bae1-4378-b349-1f171e2b6a12
|
|
</li>
|
|
<li class="w-9 h-9 inline-block rounded-full">
|
|
This is item 14579923-68e2-4f38-a467-9406afc562cd
|
|
</li>
|
|
<li class="mt-1">This is item 14b2a269-b6de-4c63-b632-e610d0c4377a</li>
|
|
<li class="px-4 flow-root sm:px-0 mt-6 sm:mt-10">
|
|
This is item 0ab9da94-2772-4445-8f38-ebc2bfe6b719
|
|
</li>
|
|
<li class="mt-1">This is item ef187746-f640-4430-8538-d5a7f4ccbbf4</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="absolute md:mt-0 -mt-72 sm:-mt-32 inset-0">
|
|
<li class="w-7 justify-center mx-auto items-center h-7 flex rounded-full">
|
|
<ol class="text-gray-900">
|
|
<li class="font-medium hover:text-gray-700 text-base text-gray-900">
|
|
This is item 7d863aa3-3c42-4cea-8bfd-3727b1732500
|
|
</li>
|
|
<li class="flex items-center relative min-w-0 flex-1">
|
|
This is item 2e5ed598-8235-47f1-a25b-ebddc473262f
|
|
</li>
|
|
<li class="h-6 w-6">This is item bac9381b-d0a7-42ed-a7d9-62d339e99de3</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-sm">
|
|
<img
|
|
class="mt-4 sm:mt-6"
|
|
alt="Profile picture of user 13ee422c-ee54-4e6e-aaf9-09f9c32f29f4"
|
|
src="https://example.org/pictures/0dc1ec48-0165-430b-877f-4358dd588cce"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="text-gray-900 font-medium">
|
|
This is link 9e259fd8-71a4-4b00-9b70-b353fb86342e
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="focus:ring-indigo-500 focus:outline-none focus:ring-offset-2 px-4 items-center hover:bg-indigo-700 font-medium focus:ring-2 rounded-md border shadow-sm bg-indigo-600 border-transparent sm:w-auto text-white inline-flex text-sm justify-center py-2"
|
|
>
|
|
<ol
|
|
class="xl:flex overflow-y-auto border-gray-200 flex-shrink-0 relative xl:flex-col border-l w-96 hidden"
|
|
>
|
|
<li
|
|
class="flex lg:px-8 h-10 sm:px-6 items-center max-w-7xl px-4 justify-between mx-auto"
|
|
>
|
|
This is item 72de1fc8-2c72-42c1-9df2-86f9d091b812
|
|
</li>
|
|
<li class="ml-2">This is item 0718a588-e493-4d3a-9164-22eecbac6361</li>
|
|
</ol>
|
|
<img
|
|
class="lg:px-8 px-4 sm:px-6 mx-auto max-w-7xl"
|
|
alt="Profile picture of user 9e5c63aa-d2a7-4b8e-8bc0-f1da09b8ea0d"
|
|
src="https://example.org/pictures/4a960c26-4a37-4dd2-a62b-70283cd4abaa"
|
|
/>
|
|
</li>
|
|
<li class="text-indigo-600 hover:text-indigo-500">
|
|
<ol
|
|
class="shadow-lg ring-black divide-y ring-1 origin-top-right focus:outline-none overflow-hidden w-36 z-10 bg-white rounded-md right-0 divide-gray-100 absolute ring-opacity-5 mt-3"
|
|
>
|
|
<li class="text-blue-500">This is item d330ab08-2049-43e3-b5b6-438e442240be</li>
|
|
<li class="overflow-y-auto mt-5 flex-1 h-0">
|
|
This is item 7c9a11b3-e1a6-4f58-85cc-d1dd89f9dda4
|
|
</li>
|
|
<li class="border-gray-200 border-b">
|
|
This is item 92b399f1-6b83-41c9-8b9f-1e68b97614aa
|
|
</li>
|
|
<li class="mt-16 sm:mt-24">This is item dbe4d232-41b5-4acd-b5ce-f3488baa582e</li>
|
|
<li class="hover:text-purple-500 text-purple-600">
|
|
This is item 5a340e20-3c38-4781-98cf-d9c915950b42
|
|
</li>
|
|
</ol>
|
|
<ul class="w-6 h-6">
|
|
<li class="text-purple-600 border-purple-600 bg-purple-50">
|
|
This is item 59b9d368-0f29-48ea-8ea9-754bd6577575
|
|
</li>
|
|
<li class="mt-6 grid grid-cols-3 gap-3">
|
|
This is item 4e001101-9716-4ac8-955a-6797ee72b2c5
|
|
</li>
|
|
</ul>
|
|
<ol class="bg-gray-100">
|
|
<li class="text-right leading-5 text-gray-400 -mt-2.5 -ml-14 w-14 pr-2 text-xs">
|
|
This is item 2d8d6b81-a5df-495c-a4d2-add24a2f36fe
|
|
</li>
|
|
<li class="-ml-0.5 w-4 h-4 mr-2">
|
|
This is item 5b908588-6f88-41cd-831b-4f980267cf9a
|
|
</li>
|
|
</ol>
|
|
<ol class="sr-only">
|
|
<li class="py-6">This is item 5e446ea1-e21d-40cf-8618-09db19dea1d2</li>
|
|
<li class="sr-only">This is item 880ac8a6-a3ec-42c0-9687-03334343a3f6</li>
|
|
<li class="text-gray-500">This is item 11fb3678-dfc8-47bb-8f8d-10952b482227</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="bg-black inset-0 fixed bg-opacity-25">
|
|
<span class="text-gray-600 mt-3 text-lg max-w-3xl">
|
|
This is text 84a258b5-b9ca-4b73-bc0f-eb41c7b40e15
|
|
</span>
|
|
<input type="text" class="w-5 mr-3 h-5 text-gray-400 group-hover:text-gray-500" />
|
|
<nav class="mx-auto sm:max-w-3xl max-w-md">
|
|
<ul class="hover:text-gray-100 text-white text-sm font-medium">
|
|
<li class="text-lg mt-4 max-w-3xl text-indigo-100">
|
|
<ol class="text-sm text-gray-900 font-medium">
|
|
<li class="divide-gray-200 divide-y">
|
|
This is item b5ee9d09-592b-4ba4-a46b-5df1df108e71
|
|
</li>
|
|
<li class="sr-only">This is item 88c32072-b044-4015-925a-4b7b3511aac0</li>
|
|
<li class="items-center flex px-4 flex-shrink-0">
|
|
This is item ff30f5e1-9953-46d9-9a20-e39a2d03beaf
|
|
</li>
|
|
<li class="border-gray-300 focus:ring-indigo-500 rounded text-indigo-600 h-4 w-4">
|
|
This is item 3e7b8983-ae85-4363-84f2-5be56c3680f1
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link a7f60156-f69f-4a18-ad9b-9b63b6eb365e
|
|
</a>
|
|
</li>
|
|
<li class="divide-gray-200 divide-y">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="font-medium focus-within:ring-indigo-500 focus-within:ring-2 hover:text-indigo-500 cursor-pointer text-indigo-600 bg-white relative rounded-md focus-within:ring-offset-2 focus-within:outline-none"
|
|
>
|
|
This is link 1fdde066-2f9a-4548-a48a-61f03914bfe8
|
|
</a>
|
|
</li>
|
|
<li class="text-white text-sm font-medium">
|
|
<ul class="text-gray-700 text-sm block font-medium">
|
|
<li class="text-center">This is item 12a3c597-2d5d-4f14-9950-d869baf722bc</li>
|
|
<li class="text-gray-500">This is item 35ef3208-4884-417e-830f-7d287da85bd0</li>
|
|
</ul>
|
|
<ol class="md:items-center md:flex md:justify-between">
|
|
<li class="mt-4 space-y-4">This is item de289923-c7b7-49ca-b468-ac835f4c6a24</li>
|
|
<li class="mx-auto flex w-7 h-7 rounded-full items-center justify-center">
|
|
This is item da227884-781e-4785-ad6b-d800cdbf988a
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item 89cce9f4-89e9-4473-8330-484dffe8810c
|
|
</li>
|
|
<li class="sr-only">This is item 82e250a1-7392-46ab-8498-276a55ed3f34</li>
|
|
<li class="pb-3 px-2 space-y-1 pt-2">
|
|
This is item cd0739b0-168c-4ef6-9d77-1f272fac0bca
|
|
</li>
|
|
</ol>
|
|
<ul class="sr-only">
|
|
<li class="mt-6 flex flex-col sm:flex-row lg:mt-0 lg:justify-end">
|
|
This is item 1b61efe3-3ca4-42e3-be4c-dbf2a8c5b2b3
|
|
</li>
|
|
<li
|
|
class="hover:border-gray-300 text-gray-600 text-base block font-medium py-2 pl-3 pr-4 hover:bg-gray-50 hover:text-gray-800 border-l-4 border-transparent"
|
|
>
|
|
This is item 6dcdcf5a-0e72-47d0-b0b8-229a007b7978
|
|
</li>
|
|
<li class="leading-6 text-white font-medium text-lg">
|
|
This is item 9514cc3c-52de-4cd5-9b24-fb950b73a94b
|
|
</li>
|
|
<li class="text-gray-900 text-sm font-medium">
|
|
This is item 01bbf92e-3135-48b4-9a94-ce1c4e841580
|
|
</li>
|
|
<li class="md:grid-cols-2 lg:px-8 max-w-7xl mx-auto md:px-6 md:grid">
|
|
This is item 3c435ea7-38bd-427a-b143-ed89d69c5407
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flex w-7 mx-auto rounded-full h-7 justify-center items-center">
|
|
<a href="#" rel="noreferrer" class="border-t py-6 border-gray-200 px-4">
|
|
This is link 7470b276-fc78-4442-9d5a-a540943a4617
|
|
</a>
|
|
<ol class="sr-only">
|
|
<li class="text-gray-500 text-sm hidden py-3.5 lg:table-cell px-3">
|
|
This is item f67439f6-9ddd-44e5-b3ab-8b0001708ce6
|
|
</li>
|
|
<li class="justify-between py-2 flex items-center">
|
|
This is item 57c9b1ab-b835-45e4-96e3-b698aa1405ba
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="space-x-4 flex items-center">
|
|
<img
|
|
class="text-gray-700 block py-2 px-4 text-sm"
|
|
alt="Profile picture of user 2b82d5a5-0aef-4b19-90a8-d87d34068107"
|
|
src="https://example.org/pictures/8d6290d6-1ce9-47c9-b3c7-22c8266adff3"
|
|
/>
|
|
<ul class="h-12">
|
|
<li class="flex group">This is item 6d9546e0-7be9-4199-a11f-6eb23baf3347</li>
|
|
<li class="flex-1 overflow-y-auto min-w-0 h-full flex-col lg:order-last flex">
|
|
This is item b7a8e68f-2f9b-4a18-a33e-a55f72577970
|
|
</li>
|
|
<li class="max-w-7xl bg-indigo-600 lg:bg-transparent mx-auto lg:px-8">
|
|
This is item c98de165-2884-4c37-9e7a-021bd541ca32
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<span class="flex-shrink-0"> This is text e1ba7431-52ae-49b1-9f0a-608fcc1e27ce </span>
|
|
<nav class="flex-col items-center pt-2 flex pb-3">
|
|
<ul class="flex justify-between">
|
|
<li class="text-sm mt-6 text-gray-500">
|
|
<img
|
|
class="text-base text-blue-gray-900 font-medium"
|
|
alt="Profile picture of user c8a94343-193f-40e5-866b-060a18d2ca25"
|
|
src="https://example.org/pictures/1e9f4394-0b1e-44eb-9ff9-0cd4fe69fc4a"
|
|
/>
|
|
<img
|
|
class="leading-8 text-sm text-gray-500"
|
|
alt="Profile picture of user 96591b8f-2dda-49fd-8d17-b5363f8f1c8b"
|
|
src="https://example.org/pictures/9aeb70af-dfdb-4667-9250-ffe26052d1a8"
|
|
/>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user e3134dc7-5533-4e81-b189-54256f238b1b"
|
|
src="https://example.org/pictures/8a053c42-fcc1-4d48-b76b-f37f6363d200"
|
|
/>
|
|
<ul class="flex">
|
|
<li class="gap-y-10 pt-10 items-start pb-12 gap-x-8 grid grid-cols-2">
|
|
This is item ef5e24ca-5786-4167-88a4-b1b253f208fa
|
|
</li>
|
|
<li class="space-x-3 flex justify-between">
|
|
This is item a5a9a2d4-4195-4fc1-b0a9-a54f9b4f33b6
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-sm text-gray-600 mt-2">
|
|
<img
|
|
class="bg-white py-8"
|
|
alt="Profile picture of user 03158920-927d-44bb-a489-b6e98854b694"
|
|
src="https://example.org/pictures/337c3c8a-ea95-44dc-94de-0682fed7c36e"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-sm text-gray-900 px-2 whitespace-nowrap font-semibold text-left py-3.5"
|
|
>
|
|
This is link e94df71d-63d9-4926-adfe-353e7b674083
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<p class="border-gray-200 border-t px-4 sm:px-6 py-5">
|
|
This is paragraph a4c8ae07-7ae6-46b8-83a6-0c896ffa3cd3
|
|
</p>
|
|
</main>
|
|
<ul class="truncate font-medium block ml-3">
|
|
<li class="absolute inset-0">
|
|
<ol class="font-medium text-gray-900 text-sm">
|
|
<li class="hover:text-gray-800 items-center flex text-gray-700">
|
|
<img
|
|
class="text-base text-gray-800 font-medium"
|
|
alt="Profile picture of user ae3e0f95-40ad-4c41-a11f-e9875a5fb886"
|
|
src="https://example.org/pictures/21a56904-8306-4b81-b9ee-345bcb74b6bc"
|
|
/>
|
|
</li>
|
|
<li class="bg-white h-full w-1/2 absolute rounded-lg right-0">
|
|
<ol class="mx-auto items-center justify-center h-7 w-7 flex rounded-full">
|
|
<li
|
|
class="absolute transform origin-top-right transition inset-x-0 md:hidden p-2 top-0"
|
|
>
|
|
<ol class="w-auto h-8"></ol>
|
|
<ol class="border-2 flex-shrink-0 inline-flex border-white rounded-full"></ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="items-center flex mt-2">
|
|
This is link 27cd7dce-95f0-480a-9be4-8585d5643e8d
|
|
</a>
|
|
<img
|
|
class="pt-1 sm:pt-3 top-0 sm:pl-3 bg-white md:hidden pl-1 sticky z-10"
|
|
alt="Profile picture of user 643b3297-43a3-4ea5-b9e9-3c297a0cfa67"
|
|
src="https://example.org/pictures/fd36e0dc-6c18-4750-8fe7-20da9fc0d466"
|
|
/>
|
|
</li>
|
|
<li class="left-0 bg-white top-0 hidden w-1/2 lg:block h-full fixed">
|
|
<img
|
|
class="col-span-full"
|
|
alt="Profile picture of user 6c3692f0-a69e-43ef-a1cb-6ac349a641a9"
|
|
src="https://example.org/pictures/92674a2a-0ad3-475d-948a-18a8b25e8f39"
|
|
/>
|
|
<img
|
|
class="flex"
|
|
alt="Profile picture of user 1dcb93c4-23ff-47ff-a388-ca5d05342ad0"
|
|
src="https://example.org/pictures/a65f1c41-fe3f-44a4-8505-cec9f19f50f9"
|
|
/>
|
|
<a href="#" class="font-medium text-base text-gray-900">
|
|
This is link fccfe3b6-f8ea-4143-8656-079019ce460c
|
|
</a>
|
|
<ul class="text-gray-900 font-semibold"></ul>
|
|
</li>
|
|
<li class="group-hover:text-gray-800 text-gray-700 text-sm ml-2 font-medium">
|
|
<a href="#" target="_blank" class="md:hidden -mr-2 -my-2">
|
|
This is link a5a49a6c-0349-4049-a4a4-f1b38090f900
|
|
</a>
|
|
<img
|
|
class="hidden w-auto lg:block h-8"
|
|
alt="Profile picture of user adbca627-7328-4994-9dcd-34f0adbf7dab"
|
|
src="https://example.org/pictures/c383a55a-6c95-438d-892c-a6f854b3c58d"
|
|
/>
|
|
<ul class="hover:text-gray-600 text-gray-500"></ul>
|
|
</li>
|
|
<li class="border-gray-100 border-t py-10 text-center">
|
|
<ol class="items-center flex pb-3 flex-col pt-2"></ol>
|
|
<img
|
|
class="mx-auto sm:px-2 lg:px-8 max-w-7xl"
|
|
alt="Profile picture of user 99b95835-43de-454e-9be2-6f9601241831"
|
|
src="https://example.org/pictures/af0498da-967f-4cb7-9ff4-dabc0a44a3f5"
|
|
/>
|
|
<img
|
|
class="inline-flex rounded-md bg-yellow-100 font-medium text-sm items-center text-yellow-800 px-2.5 py-0.5"
|
|
alt="Profile picture of user f0f937c3-3bda-45f9-a062-54a113a9d816"
|
|
src="https://example.org/pictures/88b01792-f6d6-4a2d-8728-5285fb8dafc2"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="py-4 whitespace-nowrap pr-3 text-sm pl-4 sm:pl-6"
|
|
>
|
|
This is link 92786316-89cf-4959-b303-9c6076878070
|
|
</a>
|
|
<ul class="mt-1">
|
|
<li class="mt-6">
|
|
<img
|
|
class="px-4 space-x-8 -mb-px flex"
|
|
alt="Profile picture of user bf5c33b3-dad8-442e-a818-7790e1a6857c"
|
|
src="https://example.org/pictures/2ebc2c98-1878-44bc-b36b-6c4429f2ccfc"
|
|
/>
|
|
<img
|
|
class="-ml-1 h-5 mr-2 w-5"
|
|
alt="Profile picture of user beedc40c-cc84-417c-8fb4-eaff2bf0e911"
|
|
src="https://example.org/pictures/41f8ff42-5eb2-4df1-b08e-cc5e3ac1df38"
|
|
/>
|
|
<ul class="sm:items-center sm:flex"></ul>
|
|
<img
|
|
class="max-w-7xl sm:px-6 lg:px-8 mx-auto px-4"
|
|
alt="Profile picture of user e91c2f1c-22b1-46ee-9a1f-fe03198b3339"
|
|
src="https://example.org/pictures/73878a05-e52d-4052-b4e2-3a3621d3568a"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="border-gray-200 px-6 justify-between items-center border-b flex-none flex py-4"
|
|
>
|
|
<ul class="text-gray-300 hover:bg-gray-700 hover:text-white"></ul>
|
|
</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="md:hidden -mr-2 flex">
|
|
This is link dbbb22de-abef-4512-8f27-49164c199a50
|
|
</a>
|
|
</li>
|
|
<li class="h-5 w-5">
|
|
<ol class="font-medium text-gray-900">
|
|
<li
|
|
class="text-left border cursor-default border-gray-300 focus:ring-1 shadow-sm py-2 sm:text-sm rounded-md focus:outline-none w-full pl-3 focus:ring-indigo-500 relative focus:border-indigo-500 bg-white pr-10"
|
|
>
|
|
<img
|
|
class="items-center flex h-7 justify-center rounded-full mx-auto w-7"
|
|
alt="Profile picture of user d9f38022-84fd-4fab-a3be-45c7cff8b5b5"
|
|
src="https://example.org/pictures/8b1ca3c4-1dfd-451a-af3f-70ce23f73b2b"
|
|
/>
|
|
<ul
|
|
class="text-gray-800 focus:ring-0 placeholder-gray-400 pr-4 sm:text-sm pl-11 bg-transparent w-full border-0 h-12"
|
|
></ul>
|
|
<ul class="-my-2 -mx-4 overflow-x-auto lg:-mx-8 sm:-mx-6"></ul>
|
|
<img
|
|
class="border-indigo-700 relative shadow-sm focus:outline-none focus:ring-white font-medium px-6 whitespace-nowrap focus:ring-offset-indigo-700 rounded-md py-2 hover:bg-indigo-50 text-sm focus:z-10 focus:ring-2 bg-white text-indigo-700 focus:ring-offset-2"
|
|
alt="Profile picture of user 5a6effca-9a7f-4509-b518-406c420038e7"
|
|
src="https://example.org/pictures/642a313a-7e62-4ec9-84fe-3d1b21b27b06"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-base text-gray-900">
|
|
<ul class="text-gray-700 group-hover:text-gray-900 text-sm font-medium"></ul>
|
|
<img
|
|
class="text-white focus-within:text-gray-600 relative"
|
|
alt="Profile picture of user b3ae283d-1bad-48b9-9c7c-50eac8c12fd4"
|
|
src="https://example.org/pictures/ae026c66-7aa5-42dd-8131-f04f766a6d96"
|
|
/>
|
|
<img
|
|
class="absolute inset-0"
|
|
alt="Profile picture of user 1061960f-3b0d-494d-b8b4-997938ab7b92"
|
|
src="https://example.org/pictures/94d1b6d7-656b-4169-95d2-206f6a1ad1f9"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="focus:outline-none focus:ring-2 bg-gray-50 rounded-md text-base inline-flex focus:ring-offset-2 font-medium hover:text-gray-900 items-center focus:ring-cyan-500 group"
|
|
>
|
|
<ul
|
|
class="text-gray-400 hover:bg-gray-100 focus:z-10 bg-gray-50 py-1.5 rounded-br-lg"
|
|
></ul>
|
|
<ul class="pt-4 justify-between items-center px-5 flex"></ul>
|
|
<ol class="flex pt-4 md:pt-0 justify-between md:block"></ol>
|
|
<ul class="justify-between flex"></ul>
|
|
</li>
|
|
<li class="inline">
|
|
<ul class="lg:py-24"></ul>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="sr-only">
|
|
This is link cfdeef7f-5ae3-40fe-ad47-7dee18e59e3e
|
|
</a>
|
|
<ol class="max-w-3xl">
|
|
<li
|
|
class="aspect-w-1 overflow-hidden rounded-md bg-gray-100 group relative aspect-h-1"
|
|
>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="aspect-w-3 rounded-lg aspect-h-2 overflow-hidden"
|
|
>
|
|
This is link 2bc4c988-daa9-4b87-842f-ce6a35c484b2
|
|
</a>
|
|
<ul class="sr-only"></ul>
|
|
<ul class="block font-medium text-gray-700 text-sm"></ul>
|
|
</li>
|
|
<li class="w-5 text-green-500 flex-shrink-0 h-5">
|
|
<img
|
|
class="text-sm text-gray-900 truncate font-medium"
|
|
alt="Profile picture of user 53186a9a-9ccc-48eb-8f9a-af34518dd337"
|
|
src="https://example.org/pictures/d08b8ff8-ad57-4c25-a9dc-69e22131aee8"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="sm:px-6 xl:px-24 lg:px-20 flex-1 py-12 justify-center flex-col px-4 flex lg:flex-none"
|
|
>
|
|
<ul class="font-medium mt-2 text-cyan-100 text-base"></ul>
|
|
<img
|
|
class="sm:rounded-lg bg-gray-50 overflow-hidden"
|
|
alt="Profile picture of user 35e90455-f43b-41af-8acf-dcc231b0e9c0"
|
|
src="https://example.org/pictures/f7b0ceab-e1d7-4754-990a-36ec2df44db3"
|
|
/>
|
|
<a href="#" target="_blank" class="mt-5">
|
|
This is link 02845584-5b17-4731-8517-f2f62e76b1a0
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="text-gray-500 hover:border-gray-300 border-transparent hover:text-gray-700"
|
|
>
|
|
<ol class="font-medium text-gray-900"></ol>
|
|
<img
|
|
class="rounded-full h-8 w-8"
|
|
alt="Profile picture of user 484d8133-75a1-44e2-9c68-8f377969958c"
|
|
src="https://example.org/pictures/a87d6313-b92d-4fe8-aa08-040d1f055c3d"
|
|
/>
|
|
<img
|
|
class="pt-6 pb-5 space-y-6"
|
|
alt="Profile picture of user 7ee6bbd1-a01e-4014-977d-6592fbd9ee58"
|
|
src="https://example.org/pictures/8fcd3e1f-1379-4283-b448-5f4e5332f518"
|
|
/>
|
|
<ul class="ring-1 ring-black ring-opacity-5"></ul>
|
|
</li>
|
|
<li class="py-16 mx-auto max-w-2xl px-4 sm:px-6 space-y-16">
|
|
<img
|
|
class="gap-x-6 lg:gap-x-8 gap-y-10 mt-16 sm:gap-y-16 grid grid-cols-1 sm:grid-cols-2"
|
|
alt="Profile picture of user 24f6aa73-7900-4799-9394-ef21ada8b63e"
|
|
src="https://example.org/pictures/dd1fd1cc-fec4-4f53-9c37-aaa3994014e8"
|
|
/>
|
|
<a href="#" target="_blank" class="col-span-6 sm:col-span-3">
|
|
This is link d0f3b72d-f1c7-401a-af00-15f7696a63ba
|
|
</a>
|
|
<ol class="absolute inset-0 overflow-hidden"></ol>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="focus:ring-offset-2 items-center bg-indigo-600 hover:text-white focus:outline-none text-indigo-200 hover:bg-indigo-500 focus:ring-white rounded-md focus:ring-offset-indigo-600 justify-center p-2 inline-flex focus:ring-2 hover:bg-opacity-75"
|
|
alt="Profile picture of user ba7f6558-245f-47be-bb14-c9d976a73c0b"
|
|
src="https://example.org/pictures/2c4679fa-4012-44ed-9493-295c3c9befb2"
|
|
/>
|
|
</li>
|
|
<li class="relative mt-6">
|
|
<ol class="font-medium text-gray-900">
|
|
<li
|
|
class="py-20 grid sm:gap-y-0 gap-8 sm:grid-cols-2 grid-cols-2 border-gray-200 lg:grid-cols-4 border-t"
|
|
>
|
|
<ul class="w-full object-cover h-full object-center"></ul>
|
|
<ul class="-m-2 flex group items-center p-2"></ul>
|
|
<img
|
|
class="text-base hover:text-gray-800 px-4 text-gray-500 py-2 hover:bg-gray-100 block font-medium"
|
|
alt="Profile picture of user 7cabb746-88bc-4735-a62e-11a457886f98"
|
|
src="https://example.org/pictures/d1cc89b7-145d-44be-bf3b-c1d1ea065c7d"
|
|
/>
|
|
</li>
|
|
<li class="mt-6 space-y-1 w-full px-2 flex-1">
|
|
<ol
|
|
class="border-gray-200 text-gray-900 pb-6 space-y-4 text-sm border-b font-medium"
|
|
></ol>
|
|
</li>
|
|
<li
|
|
class="rounded-xl bg-gray-900 divide-y divide-gray-500 transition-all overflow-hidden shadow-2xl mx-auto max-w-2xl divide-opacity-20 transform"
|
|
>
|
|
<ul class="min-w-0 text-sm flex-1"></ul>
|
|
<a href="#" target="_blank" class="mt-2">
|
|
This is link ebb1edb4-1a04-40fe-a156-1b964ff97103
|
|
</a>
|
|
<ol
|
|
class="pt-5 flex-col bg-white flex-grow flex overflow-y-auto border-gray-200 pb-4 border-r"
|
|
></ol>
|
|
<ul class="text-gray-400 font-medium text-sm"></ul>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="py-1.5 focus:z-10 hover:bg-gray-100 bg-white">
|
|
This is link 297e2f13-a0ee-471f-bb7c-f6912a6e0e0d
|
|
</a>
|
|
<ul class="self-center flex flex-shrink-0">
|
|
<li class="md:grid-cols-2 md:grid md:gap-8">
|
|
<ul class="sr-only"></ul>
|
|
</li>
|
|
<li class="py-10 sm:px-6 lg:hidden px-4">
|
|
<ul class="h-12"></ul>
|
|
<ul class="text-gray-900 font-medium"></ul>
|
|
<a
|
|
href="#"
|
|
class="hover:text-indigo-500 font-semibold block text-sm text-indigo-600"
|
|
>
|
|
This is link fecc4d04-24a1-4940-84f4-464e9ce20a92
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="mt-1"
|
|
alt="Profile picture of user fde632d5-f880-463a-a717-f6085126e4fd"
|
|
src="https://example.org/pictures/6b6042d6-a626-41dd-83d4-ad816b2f1051"
|
|
/>
|
|
</li>
|
|
<li class="p-2 hover:text-gray-500 ml-2 text-gray-400">
|
|
<ul class="text-left py-6 cursor-auto text-lg font-medium text-gray-500 w-full">
|
|
<li class="sr-only">
|
|
<img
|
|
class="flex w-full lg:ml-0"
|
|
alt="Profile picture of user 2b2903fc-b372-4901-977f-159ffaeec234"
|
|
src="https://example.org/pictures/95794bba-d18e-408f-8c00-521fac431a82"
|
|
/>
|
|
</li>
|
|
<li class="flex items-center justify-center rounded-full h-7 w-7 mx-auto">
|
|
<a
|
|
href="#"
|
|
class="border rounded-md text-white focus:outline-none text-sm font-medium shadow-sm border-transparent focus:ring-offset-2 focus:ring-indigo-500 bg-indigo-600 px-4 focus:ring-2 py-2 inline-flex hover:bg-indigo-700 justify-center"
|
|
>
|
|
This is link ecbe0534-42cf-45da-9dbc-e33826a19479
|
|
</a>
|
|
<ol class="p-6"></ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="bg-gray-50 h-full lg:block top-0 hidden right-0 fixed w-1/2"
|
|
>
|
|
This is link 3abda5e2-bb94-4167-a3ca-ba827a9fc5f8
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" rel="noreferrer" class="flex">
|
|
This is link 91d15136-68b9-426b-9c5b-9679287e3439
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="mx-auto text-gray-500 max-w-3xl text-base mt-4"
|
|
>
|
|
This is link b62123d6-07df-46c0-bcb7-9209047686fe
|
|
</a>
|
|
</li>
|
|
<li class="font-sans">
|
|
<ol class="block text-sm px-4 py-2">
|
|
<li class="text-gray-700 text-sm">
|
|
<ul class="text-5xl order-1 text-white font-bold tracking-tight">
|
|
<li class="text-base text-gray-900">
|
|
<img
|
|
class="md:grid-cols-2 md:gap-8 md:grid"
|
|
alt="Profile picture of user 1fb5b39c-5a95-40db-8742-09c91262c64b"
|
|
src="https://example.org/pictures/6509f22a-93e3-4a9f-a11a-eca27593f986"
|
|
/>
|
|
</li>
|
|
<li class="lg:max-w-7xl mx-auto max-w-2xl sm:px-6 lg:px-8 sm:py-24 px-4 py-16">
|
|
<img
|
|
class="text-sm ml-2 font-medium text-gray-700 group-hover:text-gray-800"
|
|
alt="Profile picture of user b7ce6147-7331-4574-ac81-5d6fa60095a6"
|
|
src="https://example.org/pictures/90df90e1-d9a3-44ff-a251-fde1e01394f3"
|
|
/>
|
|
<img
|
|
class="max-w-7xl px-4 lg:px-8 sm:px-6 mx-auto"
|
|
alt="Profile picture of user 9ff6a41f-e896-4e6d-afff-40cdd763246a"
|
|
src="https://example.org/pictures/8c4f53cc-e06c-4568-b486-f066590292db"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="h-5 left-4 w-5 pointer-events-none absolute top-3.5 text-gray-400"
|
|
>
|
|
This is link a5e29306-d37f-40b1-92d3-db4805bc3970
|
|
</a>
|
|
</li>
|
|
<li class="border-gray-200 border-t py-2">
|
|
<a href="#" rel="noreferrer" class="opacity-50 absolute inset-0 bg-gray-900">
|
|
This is link df4a274e-2a00-43a4-ae1f-76963285a015
|
|
</a>
|
|
<ol class="sm:ml-4 text-sm flex sm:text-right sm:flex-col mt-2 sm:mt-0"></ol>
|
|
</li>
|
|
<li class="mx-auto rounded-full h-7 flex justify-center w-7 items-center">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-4 focus:ring-indigo-500 text-indigo-600 border-gray-300 h-4"
|
|
>
|
|
This is link f7746178-cd0e-4234-ab29-7d7e7aee589b
|
|
</a>
|
|
<ol class="h-full w-5 right-0 md:block absolute hidden top-0"></ol>
|
|
<img
|
|
class="bg-gray-600 py-2 border rounded-md focus:outline-none items-center font-medium text-sm hover:bg-gray-700 focus:ring-indigo-500 shadow-sm focus:ring-offset-gray-800 text-white inline-flex border-transparent focus:ring-offset-2 focus:ring-2 px-4"
|
|
alt="Profile picture of user b80440fd-1f99-4193-830d-644da77f1a10"
|
|
src="https://example.org/pictures/f338e22f-bdbc-443e-8a66-c9f97b8a96b2"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="flow-root">
|
|
<a href="#" target="_blank" rel="noreferrer" class="ml-4 flex-shrink-0">
|
|
This is link 48dca3d3-e814-457a-972c-bf752d175120
|
|
</a>
|
|
<ol class="p-2 flex items-center -m-2">
|
|
<li class="sr-only">
|
|
<ul
|
|
class="py-2 items-center shadow-sm text-white focus:ring-2 rounded-md bg-indigo-600 justify-center font-medium inline-flex sm:w-auto border focus:ring-indigo-500 focus:outline-none border-transparent hover:bg-indigo-700 text-sm px-4 focus:ring-offset-2"
|
|
></ul>
|
|
<img
|
|
class="pl-4 w-1/4 -mt-px"
|
|
alt="Profile picture of user 0b6ccc0b-5095-4e69-b327-178551e036c0"
|
|
src="https://example.org/pictures/26d1e85c-a77e-4c80-9630-ff475565b6bf"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="min-w-0 flex-1">
|
|
This is link ed2a52a4-60b4-40e9-9c01-9caba3eecc5a
|
|
</a>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<img
|
|
class="flex"
|
|
alt="Profile picture of user 7d15d706-410a-4b26-b92b-40c27d22aa49"
|
|
src="https://example.org/pictures/29497da7-1aa3-4c24-a5ae-8a2604347dea"
|
|
/>
|
|
<img
|
|
class="text-gray-500 text-base"
|
|
alt="Profile picture of user 25eaaa28-0b5a-4417-b2e1-4714abe044ad"
|
|
src="https://example.org/pictures/f4d6567a-dbdd-4c47-9ac7-49f90384197e"
|
|
/>
|
|
<a href="#" target="_blank" class="font-medium block text-gray-700 text-sm">
|
|
This is link 857e7795-2a3e-4edf-af3a-813b0a811064
|
|
</a>
|
|
<a href="#" class="divide-y divide-gray-200">
|
|
This is link 1eb79a37-92f2-4464-bce9-edc060344fde
|
|
</a>
|
|
</li>
|
|
<li class="inline-block text-left relative">
|
|
<a href="#" target="_blank" rel="noreferrer" class="bg-gray-900">
|
|
This is link 42ae9428-5f5b-4017-9915-f37621c4a7da
|
|
</a>
|
|
</li>
|
|
<li class="border-4 h-96 rounded-lg border-dashed border-gray-200">
|
|
<ul class="bg-white focus:z-10 hover:bg-gray-100 py-1.5"></ul>
|
|
<ul class="sm:grid sm:grid-cols-3 sm:py-5 sm:gap-4 py-4"></ul>
|
|
</li>
|
|
<li class="h-6 w-6">
|
|
<ul class="-mr-1 ml-2 h-5 w-5 text-gray-400"></ul>
|
|
<img
|
|
class="w-7 flex h-7 justify-center mx-auto rounded-full items-center"
|
|
alt="Profile picture of user 04b77d94-8375-43f9-8c81-05f41098eb73"
|
|
src="https://example.org/pictures/422d6302-6a02-4f98-90e2-2888d9093bd7"
|
|
/>
|
|
<ul class="xl:p-12 lg:col-span-2 px-6 py-10 sm:px-10"></ul>
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="inline-block bg-green-400 h-2 flex-shrink-0 rounded-full w-2"
|
|
>
|
|
This is link ae2e10da-b8bd-4fd9-b546-081682bf9d6e
|
|
</a>
|
|
<ul class="font-medium text-gray-900">
|
|
<li class="flex items-start">
|
|
<ul class="h-6 text-gray-400 flex-shrink-0 group-hover:text-gray-500 w-6"></ul>
|
|
<ol class="mt-2 text-indigo-600"></ol>
|
|
</li>
|
|
<li class="mt-3 text-xl text-white">
|
|
<ul class="w-6 h-6"></ul>
|
|
<ul
|
|
class="py-2 block text-warm-gray-900 hover:bg-warm-gray-50 font-medium text-base rounded-md px-3"
|
|
></ul>
|
|
<ul class="text-gray-700 text-sm px-4 block py-2"></ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
class="sm:text-sm rounded-md focus:ring-indigo-500 shadow-sm border-gray-300 block focus:border-indigo-500 w-full"
|
|
>
|
|
<ol class="mt-3 px-2 space-y-1">
|
|
<li class="w-5 h-5 text-green-500 flex-shrink-0">
|
|
<img
|
|
class="border-gray-200 border-b"
|
|
alt="Profile picture of user 26e88cf8-2e13-4cdc-839f-9e763ee2891a"
|
|
src="https://example.org/pictures/db6b242e-6829-448f-a070-b3683dcc8f02"
|
|
/>
|
|
<ol
|
|
class="px-3 uppercase py-3 border rounded-md sm:flex-1 items-center text-sm font-medium justify-center flex"
|
|
></ol>
|
|
<img
|
|
class="text-sm px-3 whitespace-nowrap text-gray-500 py-4"
|
|
alt="Profile picture of user 9ff9db61-9d4a-40d5-899e-4e2a7c44101d"
|
|
src="https://example.org/pictures/b2f2458e-82c0-4374-b846-06433d8c9e2d"
|
|
/>
|
|
<img
|
|
class="text-sm font-bold"
|
|
alt="Profile picture of user 586a2ae3-8883-446f-8475-28d3a3006c89"
|
|
src="https://example.org/pictures/3cc519b1-582b-4da7-91b8-e14e2f6db833"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-900 font-bold text-3xl tracking-tight">
|
|
<img
|
|
class="mt-auto pt-10 space-y-1"
|
|
alt="Profile picture of user 1633f08e-82e7-418a-a2e2-2710d442d3a1"
|
|
src="https://example.org/pictures/32526a11-e358-4a9c-b479-8a2833f7d140"
|
|
/>
|
|
<ul class="-mr-2 items-center flex lg:hidden"></ul>
|
|
</li>
|
|
<li
|
|
class="bg-white hover:bg-gray-50 relative font-medium items-center rounded-md inline-flex border-gray-300 py-2 border text-gray-700 ml-3 text-sm px-4"
|
|
>
|
|
<ol class="flex py-4"></ol>
|
|
<a href="#" rel="noreferrer" class="focus:z-10 hover:bg-gray-100 bg-white py-1.5">
|
|
This is link 1df5ddd7-29d6-429d-96e1-98241bcd460e
|
|
</a>
|
|
<img
|
|
class="items-center flex"
|
|
alt="Profile picture of user db8a0c48-058a-4858-8aba-1513656e7a6d"
|
|
src="https://example.org/pictures/350e0748-e3dc-4493-958e-b25584d0d153"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ol class="relative w-full">
|
|
<li class="mt-10">
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user b16f37ee-caf4-4333-9f10-89d9ef15c9ac"
|
|
src="https://example.org/pictures/a0f8b6c9-c4d7-4a8f-99ba-cf3b20731ef4"
|
|
/>
|
|
<ol class="space-x-8 flex -mb-px"></ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 326de4ea-05ee-4bf7-902c-4847fa847694
|
|
</a>
|
|
</li>
|
|
<li class="mt-1">
|
|
<ul class="w-10 text-sm ml-3 text-right text-gray-900 tabular-nums"></ul>
|
|
<ul class="pt-2 items-center flex flex-col pb-3"></ul>
|
|
</li>
|
|
<li
|
|
class="border-transparent py-3 w-full hover:bg-gray-100 font-medium mt-8 block border text-base text-gray-900 px-8 bg-white sm:w-auto rounded-md"
|
|
>
|
|
<ol class="sm:overflow-hidden shadow sm:rounded-md"></ol>
|
|
</li>
|
|
<li class="w-7 items-center justify-center flex mx-auto rounded-full h-7">
|
|
<a href="#" target="_blank" rel="noreferrer" class="w-px bg-gray-300 ml-6 h-6">
|
|
This is link dc7de644-4b92-4c93-8823-06d591ae81bd
|
|
</a>
|
|
<ol class="relative"></ol>
|
|
</li>
|
|
<li class="flex-shrink-0 ml-4">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="whitespace-nowrap hover:text-indigo-500 text-indigo-600"
|
|
>
|
|
This is link f1bdb958-2f9b-4e65-a343-0c13b8679f8e
|
|
</a>
|
|
<a href="#" class="sr-only"> This is link 2e5503d0-67eb-489f-be44-4898b4918d22 </a>
|
|
<a href="#" class="mt-1 text-gray-500 text-sm">
|
|
This is link 8386922f-f80f-405a-af11-62d6d6abf1e7
|
|
</a>
|
|
<ul class="h-5 w-5"></ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="shadow bg-white sm:rounded-lg"
|
|
alt="Profile picture of user dcc95a9e-10b6-41b7-ae93-9b3b6293bf4c"
|
|
src="https://example.org/pictures/1a0cb5e8-b1f0-479b-ae3b-16b993d847ae"
|
|
/>
|
|
</li>
|
|
<li class="text-gray-500 mt-2">
|
|
<ul class="px-4 flex-shrink-0 flex items-center">
|
|
<li class="col-span-3 sm:col-span-2">
|
|
<img
|
|
class="absolute origin-top right-0 focus:outline-none ring-opacity-5 ring-black shadow-lg mt-1 bg-white divide-y z-10 divide-gray-200 ring-1 mx-3 rounded-md left-0"
|
|
alt="Profile picture of user 1ee0f4e3-a0de-4f63-95eb-9ae9c50765b4"
|
|
src="https://example.org/pictures/03c2ad8e-3828-4d52-beac-35be56249c9c"
|
|
/>
|
|
<ol class="text-gray-500 text-sm"></ol>
|
|
<ul class="max-w-lg mx-auto"></ul>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="text-gray-900 focus:ring-0 pr-4 placeholder-gray-500 h-12 pl-11 w-full sm:text-sm border-0 bg-transparent"
|
|
>
|
|
This is link bcc036c1-966f-41b6-a625-4679a756c6f5
|
|
</a>
|
|
</li>
|
|
<li class="text-sm">
|
|
<ul class="h-5 w-5 flex-shrink-0"></ul>
|
|
<img
|
|
class="sm:ml-4 sm:flex-shrink-0 mt-3 sm:mt-0"
|
|
alt="Profile picture of user d1fb6445-4205-49fe-b720-b487872f2e5e"
|
|
src="https://example.org/pictures/9f0ff155-f7eb-4c44-a033-e8ee2ca39187"
|
|
/>
|
|
<a href="#" class="grid text-sm gap-x-4 grid-cols-2 mt-16 text-gray-600">
|
|
This is link ad54cabf-1e62-4153-8302-5044dfd50853
|
|
</a>
|
|
</li>
|
|
<li class="pt-10">
|
|
<ol
|
|
class="px-3 text-xs tracking-wide py-3 font-medium uppercase text-left text-gray-500"
|
|
></ol>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 8e1c7a41-e844-4507-b723-3afc622eb14f
|
|
</a>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm mt-1 text-gray-900">
|
|
This is link 5a6beffe-31c5-42ed-88f7-650248004f57
|
|
</a>
|
|
</li>
|
|
<li class="flex relative justify-between items-center">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="flex h-7 justify-center items-center rounded-full mx-auto w-7"
|
|
>
|
|
This is link 078e79c4-eb97-432f-af4c-e865282f4617
|
|
</a>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="focus:ring-indigo-500 font-medium ml-6 shadow-sm border focus:ring-offset-2 focus:outline-none px-4 rounded-md border-transparent bg-indigo-600 text-white hover:bg-indigo-700 focus:ring-2 text-sm py-2"
|
|
>
|
|
This is link a7baa57f-3894-4831-8d61-79e7b12dd7be
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="h-6 w-6"
|
|
alt="Profile picture of user 8153f1b3-1ebe-4d22-96c9-ea43f3de8bf9"
|
|
src="https://example.org/pictures/821ccdab-c8a8-4f6d-83ab-2258ef12d85f"
|
|
/>
|
|
<ul class="mx-auto max-w-7xl">
|
|
<li class="flex-none text-gray-400 text-xs font-semibold ml-3">
|
|
<ul class="py-8 border-t border-gray-200 mt-12">
|
|
<li class="justify-center mx-auto w-7 rounded-full h-7 flex items-center">
|
|
<a href="#" target="_blank" class="ml-4">
|
|
This is link 8c98f75f-d5ec-40f7-b2c7-907a04a7c194
|
|
</a>
|
|
<ol class="flex-col flex"></ol>
|
|
<a href="#" target="_blank" class="font-medium text-sm">
|
|
This is link fc5fb059-7c32-4909-8d08-ae6448dc25cb
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500 mt-3">
|
|
<ol
|
|
class="border text-gray-700 rounded-md py-2 focus:outline-none sm:px-8 whitespace-nowrap sm:w-auto font-medium focus:ring-indigo-500 ml-0.5 relative text-sm border-transparent focus:ring-2 w-1/2 focus:z-10"
|
|
></ol>
|
|
<ul class="gap-x-8 grid-cols-3 row-start-1 grid gap-y-10 text-sm"></ul>
|
|
<img
|
|
class="flex relative"
|
|
alt="Profile picture of user 662848aa-2677-4b46-ab5c-a58afbabe010"
|
|
src="https://example.org/pictures/3660fe07-4705-4429-9f0b-992bf82de90b"
|
|
/>
|
|
</li>
|
|
<li class="hidden lg:flex lg:items-center lg:space-x-6">
|
|
<img
|
|
class="mx-auto lg:px-8 sm:px-6 px-4 max-w-7xl py-12"
|
|
alt="Profile picture of user 02605c69-6985-497d-af4b-db6b9ba28f91"
|
|
src="https://example.org/pictures/086f903d-5015-4d12-a32d-76c543c2fa56"
|
|
/>
|
|
<ul class="mt-12 space-y-10"></ul>
|
|
<ol class="mt-1"></ol>
|
|
</li>
|
|
<li
|
|
class="sm:gap-y-0 grid-cols-1 lg:gap-x-8 sm:gap-x-6 mt-6 sm:grid-cols-3 gap-y-10 grid"
|
|
>
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-gray-600">
|
|
This is link a9e5d22f-3e3f-40d8-8495-2beeaf8a57cf
|
|
</a>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-base text-gray-400 md:mt-0 mt-8 md:order-1"
|
|
>
|
|
This is link d057c5e7-c7c9-408d-aaf1-8212df13db4c
|
|
</a>
|
|
</li>
|
|
<li class="min-h-full">
|
|
<ol class="w-5 text-yellow-400 h-5"></ol>
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="bg-gray-100 rounded-lg"
|
|
alt="Profile picture of user 2bc9cad3-9023-4c0b-b3b9-50e18e84094b"
|
|
src="https://example.org/pictures/911a7f5f-ae75-4164-a69c-07c0917674d1"
|
|
/>
|
|
</li>
|
|
<li class="md:px-8 min-w-0 lg:px-0 xl:col-span-6 flex-1">
|
|
<img
|
|
class="lg:max-w-7xl lg:flex lg:py-32 mx-auto lg:px-8 py-24 lg:items-center px-4 sm:px-6 max-w-md sm:max-w-3xl"
|
|
alt="Profile picture of user 1876ab89-f2af-4f93-bb9d-43016c505fff"
|
|
src="https://example.org/pictures/bbdaf721-25b1-49a9-9524-f5f63e4e7eed"
|
|
/>
|
|
<img
|
|
class="h-5 flex-shrink-0 w-5"
|
|
alt="Profile picture of user d9247ba2-2391-408d-beec-41fa88df9428"
|
|
src="https://example.org/pictures/d26e8d90-6483-4f00-ae71-649702bb1a1f"
|
|
/>
|
|
<img
|
|
class="ml-4 items-center md:ml-6 flex"
|
|
alt="Profile picture of user f8002fc2-f1c4-4564-8e69-00b7699b4b78"
|
|
src="https://example.org/pictures/91e5a555-f334-4095-94cf-e1d987fc5408"
|
|
/>
|
|
</li>
|
|
<li class="min-w-0 text-sm flex-1">
|
|
<img
|
|
class="text-gray-500 text-sm"
|
|
alt="Profile picture of user 2849e315-7d0c-4921-a0e6-63f38de77610"
|
|
src="https://example.org/pictures/c5028c01-fee7-424c-ad3a-63f3e7b406f9"
|
|
/>
|
|
<ol class="shadow-xl ring-black/10 bg-white rounded-3xl flex ring-1 flex-col">
|
|
<li class="lg:flex-1 flex lg:min-w-0">
|
|
<ul class="mt-1"></ul>
|
|
<ul
|
|
class="focus:ring-2 text-gray-500 focus:ring-purple-500 border-gray-200 border-r focus:outline-none focus:ring-inset lg:hidden px-4"
|
|
></ul>
|
|
<ol
|
|
class="bg-gray-50 focus:z-10 py-2 hover:bg-gray-100 flex-col text-gray-500 h-14 px-3 flex"
|
|
></ol>
|
|
<ol class="h-6 w-6"></ol>
|
|
</li>
|
|
<li class="sm:col-span-3 lg:col-span-2 col-span-6">
|
|
<img
|
|
class="h-8 w-auto"
|
|
alt="Profile picture of user 5d3fee38-f6eb-4a04-ad10-dc56f102fabc"
|
|
src="https://example.org/pictures/93c6a598-b07e-4211-adfe-ce88676024cf"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="xl:col-span-2 lg:block lg:col-span-3 hidden"
|
|
>
|
|
This is link 4bc5ea3f-ddb2-48e5-92ee-3006be5e6dda
|
|
</a>
|
|
<ul class="inset-x-0 absolute top-full"></ul>
|
|
</li>
|
|
<li class="flex-auto space-y-1">
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="text-gray-400 -m-2 rounded-md inline-flex justify-center p-2 items-center"
|
|
>
|
|
This is link ba1d4e84-f974-4b53-a54a-78d72322ba7d
|
|
</a>
|
|
<ol class="group-hover:text-gray-500 h-5 w-5 text-gray-400"></ol>
|
|
<ul class="flex-shrink-0 text-gray-400 mr-1.5 h-5 w-5"></ul>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="px-3 py-2 rounded-md font-medium block text-base"
|
|
>
|
|
This is link 80688e63-2b2e-47f0-9f80-cf62702670bc
|
|
</a>
|
|
</li>
|
|
<li class="pointer-events-none inset-y-0 absolute items-center left-0 flex pl-3">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="hover:text-gray-900 hover:bg-gray-50 text-gray-900"
|
|
>
|
|
This is link 8c231a81-de67-4513-aaf6-f1f7fab02f79
|
|
</a>
|
|
<ol class="fixed inset-0 overflow-y-auto z-10"></ol>
|
|
</li>
|
|
<li class="text-indigo-600 hover:text-indigo-900">
|
|
<ol class="items-center h-7 flex mx-auto justify-center w-7 rounded-full"></ol>
|
|
<ol class="hover:text-gray-500 sm:ml-7 -m-2 text-gray-400 ml-5 p-2"></ol>
|
|
<ul class="py-6"></ul>
|
|
<ol class="-m-2 p-2 block text-gray-900 font-medium"></ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="h-6 w-6">
|
|
<img
|
|
class="w-7 justify-center items-center flex mx-auto h-7 rounded-full"
|
|
alt="Profile picture of user c10306b9-9cae-44d4-9f6a-da2c1af266f8"
|
|
src="https://example.org/pictures/e48c1be2-e5a0-41d0-8afe-91e10fd6fc71"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<main class="mt-1">
|
|
<h3 class="flex-auto">This is heading 4fb53825-6907-4a33-9e20-578e1029c887</h3>
|
|
<button type="button">This is action a69f0fd9-ad4f-4409-b5d6-6874eba70fb0</button>
|
|
<input type="text" class="px-4 absolute inset-0 sm:px-6" />
|
|
<div class="h-7 rounded-full items-center mx-auto flex justify-center w-7">
|
|
<section class="lg:border-0 'border-t-0 loop.last '' {{ ? rounded-b-md' : }}">
|
|
<button type="button">This is action 05e3d6b0-4cd5-4cd6-88f9-d4aaf2aa4e83</button>
|
|
<h3
|
|
class="pl-3 hover:border-gray-300 hover:bg-gray-50 py-2 pr-4 border-l-4 border-transparent block text-base font-medium text-gray-500 hover:text-gray-700"
|
|
>
|
|
This is heading 3634d4e3-8751-4f22-93b4-da67eebb3b05
|
|
</h3>
|
|
<button type="button">This is action cd706340-5758-4a14-a6c6-967ea481834a</button>
|
|
<input type="text" class="-mx-4 mt-2 text-gray-700 text-sm" />
|
|
<main class="mt-10">
|
|
<select class="text-indigo-100 hover:text-white hover:bg-indigo-800">
|
|
<option>This is item 678d840f-8352-4e93-abbc-4f6706a0e61e</option>
|
|
<option value="1bf15b22-78fd-4bc8-a539-926908dd4a43">
|
|
This is item 9e626858-7113-4ea5-9fc8-5053c703a942
|
|
</option>
|
|
<option>This is item b0135cf8-2909-44ce-a794-3c5ca68696ba</option>
|
|
<option>This is item 8c37a5c4-621d-46ef-83a2-e75b791af35f</option>
|
|
<option value="6086a510-8fd2-4c50-9274-85ae0b0e2c2a">
|
|
This is item b2f24ac1-f9c1-432b-9b7e-cf0dba1f920b
|
|
</option>
|
|
<option>This is item d65e96f5-dd19-49c5-a146-f0dc4e67c230</option>
|
|
<option>This is item 6b3e9f56-a9db-4979-bee4-ad52846db24b</option>
|
|
</select>
|
|
<ul class="w-5 flex-none ml-3 h-5 text-gray-400 hidden">
|
|
<li class="items-center inset-y-0 absolute pointer-events-none left-0 flex">
|
|
<img
|
|
class="rounded-lg hover:bg-gray-400/10 px-3 -mx-3 text-gray-900 text-base font-semibold leading-6 block py-2.5"
|
|
alt="Profile picture of user 0760da49-1ef6-45e3-b86a-9e497aeb1406"
|
|
src="https://example.org/pictures/c5e4de78-54f0-43ae-bce1-20209a144980"
|
|
/>
|
|
</li>
|
|
<li class="ml-4">
|
|
<ul class="bg-white overflow-hidden">
|
|
<li class="sr-only">This is item 11a850af-5057-4b35-b002-1f1610b399bb</li>
|
|
<li class="pb-6 pt-5 px-5">This is item d7e4aed6-7bd0-4a95-a202-7f35a2ca8716</li>
|
|
<li
|
|
class="relative md:rounded-lg ring-1 overflow-hidden ring-black shadow ring-opacity-5"
|
|
>
|
|
This is item 1b12a400-3c76-4d28-8851-8291baab9707
|
|
</li>
|
|
<li class="bg-white">This is item f7fe0f29-e000-4707-a76c-0fc3e0d0b3ee</li>
|
|
</ul>
|
|
<a
|
|
href="#"
|
|
class="w-56 ring-opacity-5 mt-2 rounded-md ring-black z-10 absolute bg-white shadow-lg focus:outline-none origin-top-right right-0 ring-1"
|
|
>
|
|
This is link 6736c917-4c2a-45fa-ae2f-9f7c71e88fb1
|
|
</a>
|
|
<a href="#" class="mr-3 w-5 text-gray-400 h-5">
|
|
This is link 64df8d7f-adbf-46f0-b4ce-86fd3d363e6e
|
|
</a>
|
|
<ul class="bg-white hover:bg-gray-100 focus:z-10 py-1.5">
|
|
<li class="flex w-full max-w-xs justify-end mx-auto">
|
|
This is item d2a268db-824f-4b49-8e1f-24b7b49bbc50
|
|
</li>
|
|
<li class="mt-6 text-3xl text-center tracking-tight font-bold text-gray-900">
|
|
This is item 13bd1eb2-57f2-4faa-9798-8dfa1318ee3f
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-lg text-gray-900 font-medium">
|
|
<ol class="bg-white sm:gap-4 sm:grid sm:px-6 sm:grid-cols-3 py-5 px-4">
|
|
<li class="py-5 px-4 sm:p-6">This is item e5228bf8-2b86-4bc7-be82-7187dde8c6fd</li>
|
|
<li class="h-5 w-5">This is item 9d0c9ceb-1cc4-45d9-acad-d9fbad921992</li>
|
|
<li class="ml-3">This is item 6c7c51f5-12e9-42e8-a80d-d6e3e45ef1b2</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-0 -mt-px flex flex-1">
|
|
<img
|
|
class="bg-white"
|
|
alt="Profile picture of user cff5270b-99b5-4389-bd11-2c10d1e4de0f"
|
|
src="https://example.org/pictures/cfc20c79-67d6-4114-8514-7dbc0b0c3c4f"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="sm:text-4xl text-gray-900 tracking-tight font-bold text-3xl"
|
|
>
|
|
This is link 610fbf1a-7671-4a02-a266-5ce35ac6a293
|
|
</a>
|
|
<ul class="text-xl font-semibold text-gray-900">
|
|
<li class="text-gray-500 ml-3">
|
|
This is item 747a157c-5b06-4b7b-8e61-09aa19231d4b
|
|
</li>
|
|
<li
|
|
class="focus:ring-2 bg-white focus:outline-none font-medium hover:text-gray-900 rounded-md group focus:ring-offset-2 items-center text-base inline-flex focus:ring-indigo-500"
|
|
>
|
|
This is item 377c289f-f28e-478e-bc1c-c50e831318c7
|
|
</li>
|
|
<li
|
|
class="border-gray-300 focus:ring-indigo-500 pl-3 text-left shadow-sm focus:ring-1 bg-white py-2 focus:border-indigo-500 w-full focus:outline-none border cursor-default sm:text-sm pr-10 relative rounded-md"
|
|
>
|
|
This is item ba18cad3-c5a5-4e82-a32c-c86d24116c95
|
|
</li>
|
|
<li class="flex items-center">This is item a9b070e6-66b7-49fc-a572-a8c3d16b6d24</li>
|
|
<li
|
|
class="items-center bg-gray-900 flex justify-center text-white font-semibold rounded-full h-8 w-8 mx-auto"
|
|
>
|
|
This is item d0b6f91e-545b-4cfe-8c5b-4caebf2f755f
|
|
</li>
|
|
</ul>
|
|
<ul class="flex-shrink-0">
|
|
<li
|
|
class="rounded-full mx-auto h-8 w-8 hover:bg-gray-200 flex text-gray-900 items-center justify-center"
|
|
>
|
|
This is item 927c62c4-acda-4d77-9700-3ba2cc53c631
|
|
</li>
|
|
<li class="text-sm text-gray-500">
|
|
This is item 1bb8b36a-adda-418d-b780-b5f3304e44f9
|
|
</li>
|
|
<li class="pr-4 w-1/4">This is item 705e24df-7063-47a7-ae0a-7e964d1f2531</li>
|
|
<li class="text-sm text-indigo-300">
|
|
This is item 85b95bb2-d7d9-41c1-a58b-4f0f4c719368
|
|
</li>
|
|
<li class="sr-only">This is item a47f8a3f-bbb9-4bbe-ac31-bca0b588b72c</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="group-hover:text-indigo-400 w-5 h-5 text-indigo-500">
|
|
This is link aad5bb80-144e-421d-977d-f3d187d22b2e
|
|
</a>
|
|
<span class="p-8 bg-white"> This is text 25671534-232f-4b19-a0ef-f0b389de26a0 </span>
|
|
</main>
|
|
</section>
|
|
<ol class="absolute bg-white inset-0 top-1/2 shadow">
|
|
<li
|
|
class="rounded-md focus:border-indigo-500 block sm:text-sm w-full border-gray-300 shadow-sm focus:ring-indigo-500"
|
|
>
|
|
<ul class="sm:col-span-2 sm:grid-cols-2 gap-y-12 grid-cols-1 grid sm:gap-x-8">
|
|
<li class="sm:col-span-3">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="text-indigo-600 bg-white hover:bg-gray-100 focus:z-10 font-semibold py-1.5"
|
|
>
|
|
This is link c4163bbb-0303-48db-9070-17f8d3ff16be
|
|
</a>
|
|
<a href="#" target="_blank" rel="noreferrer" class="bg-white">
|
|
This is link 0ec43a25-555c-4e0e-9715-b3ba765dc91f
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="text-gray-500 mt-1 text-sm">
|
|
This is link 12ccb757-09d9-4670-8664-8440619bf943
|
|
</a>
|
|
</li>
|
|
<li class="py-6 px-4 space-y-6 border-t border-gray-200">
|
|
<a href="#" class="bg-white left-0 top-0 w-1/2 fixed h-full">
|
|
This is link 2acfa02b-5cff-483c-9bcc-c6d72195c0f0
|
|
</a>
|
|
<ul class="mt-10 text-gray-900 font-bold text-sm">
|
|
<li class="sr-only">This is item 84c03b66-99ad-44bc-8f99-0ad19026f226</li>
|
|
<li
|
|
class="py-3 sm:ring-0 relative sm:p-0 rounded-lg sm:bg-transparent sm:shadow-none px-4 sm:rounded-none bg-white"
|
|
>
|
|
This is item 47886fda-b085-4a23-b8d3-e3f465174c84
|
|
</li>
|
|
<li class="max-w-7xl sm:px-6 lg:px-8 mx-auto px-4">
|
|
This is item 8f265c43-4b84-4805-9359-422d232139bd
|
|
</li>
|
|
<li class="justify-between w-full items-center flex md:w-auto">
|
|
This is item 31f76ff2-e5af-42c8-a1bc-8afb939f89c2
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="hover:text-gray-700 font-medium text-gray-900 text-base">
|
|
This is link 1511a294-5cb3-44c1-8ae8-63bef9902ba8
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-500 hover:text-gray-600">
|
|
<img
|
|
class="items-center hover:bg-gray-50 flex rounded-md p-3 -m-3"
|
|
alt="Profile picture of user 9b159b03-2457-42ba-817c-bee3a84188c3"
|
|
src="https://example.org/pictures/13fde8fd-b027-42ef-8377-4d78b30ab4bf"
|
|
/>
|
|
</li>
|
|
<li class="object-center h-20 flex-none w-20 rounded-md object-cover">
|
|
<img
|
|
class="h-6 w-6"
|
|
alt="Profile picture of user 4618d427-092f-43e1-a54d-7d1f1eb247b6"
|
|
src="https://example.org/pictures/d82bc3c1-9bf1-49f3-b9a7-8a457894bc53"
|
|
/>
|
|
<ol class="text-gray-500 -m-2 block p-2">
|
|
<li class="sm:items-baseline sm:grid-cols-3 sm:grid sm:gap-4">
|
|
This is item 2343c2b1-811c-4efb-862c-ae5594bfb5c5
|
|
</li>
|
|
<li
|
|
class="block rounded-md focus:border-indigo-500 border-gray-300 focus:ring-indigo-500 w-full pr-32 sm:text-sm"
|
|
>
|
|
This is item d9fea248-a018-453a-bff8-1a00ccd6af61
|
|
</li>
|
|
<li class="text-cyan-600 font-semibold text-lg">
|
|
This is item badd9f89-08c9-4db8-9f23-55cf2c9f1722
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-500 text-sm mt-2">
|
|
<li class="bg-white">This is item 8ca8c1b8-e920-4197-b00c-9c99b4dee8c5</li>
|
|
<li
|
|
class="sm:mt-12 mx-auto relative pb-8 mt-8 sm:px-6 px-4 lg:max-w-7xl lg:pb-0 max-w-2xl lg:px-8"
|
|
>
|
|
This is item 2c3503d0-15b9-4568-9eaf-386e5dd12ce0
|
|
</li>
|
|
<li class="sm:text-center mt-5 text-gray-500 text-xl">
|
|
This is item f69a97b4-143f-4b95-85f3-b61623633eef
|
|
</li>
|
|
<li class="text-gray-900 text-base font-medium">
|
|
This is item 1874bf76-1e5c-4f49-9b0b-30dc61ad278b
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="text-gray-900 hover:bg-gray-100 focus:z-10 bg-white py-1.5">
|
|
<li class="lg:px-8 px-4 sm:px-6">
|
|
<img
|
|
class="border-gray-200 justify-between px-6 flex border-b items-center py-4"
|
|
alt="Profile picture of user d780b28a-59f7-41ff-ad18-30aadfd35d44"
|
|
src="https://example.org/pictures/432bffe7-760e-4bac-8dc6-09418689f0c4"
|
|
/>
|
|
<ul class="items-center flex">
|
|
<li class="group relative">This is item e2c194b0-0f42-4e46-af20-71085b154ef8</li>
|
|
<li class="hover:bg-gray-100 py-1.5 bg-white focus:z-10">
|
|
This is item e16e778b-dd33-4467-8f36-7e6e63ea35e0
|
|
</li>
|
|
<li class="text-gray-900 font-medium">
|
|
This is item 0475e277-fd09-42d7-9725-3449a1833307
|
|
</li>
|
|
<li class="items-center pointer-events-none inset-y-0 flex right-0 pr-3 absolute">
|
|
This is item 4722d042-5e29-4e36-b0b0-9e43329ee693
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="w-full"
|
|
alt="Profile picture of user 1204c8dd-13dd-45bc-b4e3-a1e476290357"
|
|
src="https://example.org/pictures/a1d51bb8-caec-4acd-bd7d-8a196809399b"
|
|
/>
|
|
<a href="#" class="min-h-[600px] bg-gray-300 bg-cover bg-center">
|
|
This is link d791afc0-cef6-4ce8-9b66-0195af5b9ea5
|
|
</a>
|
|
</li>
|
|
<li class="mt-6">
|
|
<img
|
|
class="mt-12 lg:grid-cols-4 lg:gap-x-8 space-y-10 sm:gap-x-6 sm:gap-y-12 sm:grid sm:space-y-0 sm:grid-cols-2"
|
|
alt="Profile picture of user 3dd3714c-faf1-454c-a6b9-be06b6d47192"
|
|
src="https://example.org/pictures/78e68832-77e2-4f89-b2c1-b34731aff112"
|
|
/>
|
|
<img
|
|
class="w-auto h-12"
|
|
alt="Profile picture of user c3c148cf-3019-4254-a0c3-f73bb121caf9"
|
|
src="https://example.org/pictures/d734ffe8-cbe1-42df-8452-a2f096893686"
|
|
/>
|
|
<img
|
|
class="z-10 transition-colors duration-200 ease-out -mb-px pt-px border-b-2 font-medium relative text-sm flex items-center"
|
|
alt="Profile picture of user 93013497-22d7-432b-be10-dc8f0a9d503b"
|
|
src="https://example.org/pictures/3165a802-a8bb-4adf-95ef-9172c576b3b9"
|
|
/>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="text-white hover:text-gray-100 font-medium text-sm"
|
|
>
|
|
This is link acbc2a94-44ab-4a4b-820b-d6711bc2e374
|
|
</a>
|
|
</li>
|
|
<li class="hover:text-gray-800 items-center flex text-gray-700">
|
|
<ul class="w-6 h-6 text-white">
|
|
<li class="border-t border-gray-200 py-6 space-y-6 px-4">
|
|
This is item 724f131c-3667-4037-b48a-54a5b11c964a
|
|
</li>
|
|
<li class="-m-3 items-start p-3 hover:bg-gray-50 rounded-lg flex">
|
|
This is item fe54d9d4-550a-443c-82c4-c8f3bb683d6d
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="lg:max-w-7xl px-4 lg:px-8 mx-auto sm:px-6 mt-8 max-w-2xl">
|
|
<ul class="items-center flex">
|
|
<li
|
|
class="left-0 ring-black w-48 ring-1 focus:outline-none rounded-md -ml-1 py-1 ring-opacity-5 absolute shadow-lg origin-top-left z-10 bg-white mt-2"
|
|
>
|
|
This is item 43376b98-e01a-4304-b401-88f2e8fa5774
|
|
</li>
|
|
<li class="lg:auto-rows-min lg:gap-x-8 lg:grid lg:grid-cols-12">
|
|
This is item 6536af3b-cc07-4daf-8aeb-50a1c0906145
|
|
</li>
|
|
<li
|
|
class="aspect-w-2 group sm:aspect-none aspect-h-1 overflow-hidden rounded-lg sm:h-full sm:relative"
|
|
>
|
|
This is item 53f28a1e-55f1-4474-9afe-ee6d5586a79d
|
|
</li>
|
|
</ul>
|
|
<ul class="w-6 h-6">
|
|
<li class="absolute inset-0">This is item 96a607bf-bf65-48a9-a592-ac2bc08dd77b</li>
|
|
<li class="text-gray-200">This is item 42c30884-cc7e-46ee-9c24-cb1c60986a90</li>
|
|
<li class="ml-2 h-5 group-hover:text-gray-500 w-5">
|
|
This is item 8aad1010-9d41-441e-89ab-01c9f652e83a
|
|
</li>
|
|
</ul>
|
|
<img
|
|
class="absolute top-0 ring-2 ring-white block h-2 rounded-full w-2 right-0 bg-red-400"
|
|
alt="Profile picture of user 79b71af1-baed-474f-93be-09c8e1f13b82"
|
|
src="https://example.org/pictures/ad7e5edc-0fe4-4253-8d65-a576eee29a6b"
|
|
/>
|
|
</li>
|
|
<li class="truncate ml-3 flex-auto">
|
|
<img
|
|
class="bg-indigo-400 w-full text-indigo-100 sm:text-sm focus:outline-none placeholder-indigo-200 bg-opacity-25 block pl-10 border py-2 border-transparent rounded-md pr-3 focus:placeholder-gray-400 focus:bg-white focus:text-gray-900 leading-5 focus:ring-0"
|
|
alt="Profile picture of user 259d53d5-eb0c-440c-a235-f05e6f3534bc"
|
|
src="https://example.org/pictures/489a7146-77a8-43a1-b58d-d5fd25a85bd8"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<ol class="rounded-md -space-y-px bg-white relative">
|
|
<li class="flex-1 flex space-x-4 pt-1.5 justify-between min-w-0">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="justify-center mx-auto flex rounded-full items-center w-7 h-7"
|
|
>
|
|
This is link 13d5b4f3-51fd-4a05-80dd-8138be83e9ad
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="rounded-md text-white md:px-10 items-center bg-indigo-600 w-full border-transparent text-base flex border md:py-4 px-8 justify-center font-medium hover:bg-indigo-700 md:text-lg py-3"
|
|
>
|
|
<img
|
|
class="sm:pt-32 relative lg:px-8 max-w-2xl text-center mx-auto lg:max-w-7xl px-4 pt-16 sm:px-6"
|
|
alt="Profile picture of user 71252e8c-acc5-4bbd-bbf6-d756b683ce2b"
|
|
src="https://example.org/pictures/893daf5b-fa6b-4392-99e0-9adba8c51519"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="sr-only">
|
|
This is link 552d5a72-779e-4f90-be9f-3ceeadfefcfe
|
|
</a>
|
|
</li>
|
|
<li class="text-gray-700 font-medium text-sm block">
|
|
<a
|
|
href="#"
|
|
class="w-full block focus:ring-0 placeholder-gray-500 text-lg pt-2.5 border-0 font-medium"
|
|
>
|
|
This is link 1e2cd04b-6d8b-4a52-9642-e524ef12745d
|
|
</a>
|
|
</li>
|
|
<li class="mt-1 text-sm text-gray-500 max-w-2xl">
|
|
<ul class="text-gray-500 font-medium text-base">
|
|
<li class="inset-0 sm:px-6 px-4 absolute">
|
|
This is item 8c1f2b68-ec28-4fe4-98d6-14a0303c6782
|
|
</li>
|
|
<li
|
|
class="px-4 focus:ring-indigo-500 w-full appearance-none focus:border-indigo-500 text-gray-900 py-2 border-gray-300 shadow-sm min-w-0 text-base bg-white rounded-md focus:ring-1 placeholder-gray-500 focus:outline-none border"
|
|
>
|
|
This is item 18925a0d-3a6b-440e-ad92-abace9442f78
|
|
</li>
|
|
<li class="flex items-center text-gray-500 text-sm mt-2">
|
|
This is item e0cacfc3-c7d7-4558-b043-268e9ff61274
|
|
</li>
|
|
<li class="font-medium block text-gray-700 text-sm">
|
|
This is item f45a2400-f08e-43cc-ae87-6a9ecf5449c5
|
|
</li>
|
|
</ul>
|
|
<ul class="sm:mt-1">
|
|
<li class="w-4 border-gray-300 focus:ring-indigo-500 text-indigo-600 h-4">
|
|
This is item 9a676bff-0d21-4fa4-99c4-eb1717439e88
|
|
</li>
|
|
<li class="py-5 px-4 sm:px-6">This is item 0393f640-dfa0-453c-be34-69dbf36937b8</li>
|
|
</ul>
|
|
<ul class="items-end flex absolute p-6 inset-0 rounded-lg">
|
|
<li class="md:mt-0 mt-12">This is item a7f6e04b-1d75-4f01-9da9-dd664427e83f</li>
|
|
<li class="px-4 border-t space-y-6 py-6 border-gray-200">
|
|
This is item 14757b31-bf98-4486-966c-e7ec8fba30dc
|
|
</li>
|
|
<li
|
|
class="border w-full block border-gray-300 py-2 focus:border-indigo-500 mt-1 focus:ring-indigo-500 sm:text-sm rounded-md shadow-sm px-3 focus:outline-none"
|
|
>
|
|
This is item c5fc3f2b-2466-4396-bd5d-b39271bd4716
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="font-medium text-gray-500">
|
|
<ul class="hidden space-x-10 md:flex">
|
|
<li
|
|
class="h-12 focus:ring-inset focus:ring-2 items-center text-gray-500 focus:outline-none hover:text-gray-900 focus:ring-indigo-500 -ml-0.5 rounded-md inline-flex w-12 -mt-0.5 justify-center"
|
|
>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="w-12 relative sm:px-8 px-6 sm:w-16"
|
|
>
|
|
This is link 119c7166-7bd5-4f2e-b7ec-fa2e4c53e767
|
|
</a>
|
|
<img
|
|
class="px-3 py-2 relative bg-white"
|
|
alt="Profile picture of user 333f26b7-d1cb-4402-944c-dd7be7d3d9dc"
|
|
src="https://example.org/pictures/4171b1d7-17df-4d31-ac2c-fd0b15888e15"
|
|
/>
|
|
</li>
|
|
<li class="justify-center h-7 w-7 flex items-center mx-auto rounded-full">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="flex justify-between py-3 items-center"
|
|
>
|
|
This is link ed91656c-96f4-4e3a-ada4-1a513888719a
|
|
</a>
|
|
<a href="#" target="_blank" class="px-4 cursor-default py-2 select-none">
|
|
This is link 4bc92104-93d5-4f7e-88a4-e0584dcb4345
|
|
</a>
|
|
<img
|
|
class="bg-indigo-600 relative"
|
|
alt="Profile picture of user 34add149-1730-4cb2-93e0-acd328fadf66"
|
|
src="https://example.org/pictures/8a6fbf33-7a6c-43d0-a767-6ca98e2c0483"
|
|
/>
|
|
<ul class="mt-1 text-sm text-gray-500">
|
|
<li class="group-hover:text-blue-700 text-blue-500">
|
|
This is item 7cc696f1-21da-4a95-ad52-658475251c5a
|
|
</li>
|
|
<li class="text-sm">This is item 8789c10f-1d81-4412-b03c-609ef4aa9770</li>
|
|
<li class="py-2 bg-white">This is item 1c80f7d3-fd7c-42a3-80a5-bf981d635a4a</li>
|
|
<li class="h-10 inline-block rounded-full w-10">
|
|
This is item bb2108f6-fc60-4c1b-a0b2-5edc3b80e91a
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="rounded-full group-hover:opacity-75 h-12 w-12">
|
|
<img
|
|
class="space-y-12"
|
|
alt="Profile picture of user 2486f71b-e414-4230-9c59-cfccd1f61487"
|
|
src="https://example.org/pictures/161ae6cb-9dc3-408b-898c-e6746657c600"
|
|
/>
|
|
<img
|
|
class="w-7 rounded-full flex items-center mx-auto justify-center h-7"
|
|
alt="Profile picture of user f4433d01-266b-440f-9674-c276634b47a6"
|
|
src="https://example.org/pictures/61ab908c-1d0a-405c-a869-1b100bcd588d"
|
|
/>
|
|
<ol class="space-y-10 lg:grid lg:gap-y-10 lg:space-y-0 lg:gap-x-8 lg:grid-cols-2">
|
|
<li class="text-sm py-2 text-gray-700 px-4 block">
|
|
This is item 877f3e3e-8b13-4edb-8c3d-dc5ceacae51a
|
|
</li>
|
|
<li
|
|
class="border-r-0 px-3 bg-gray-50 border-gray-300 text-gray-500 items-center text-sm border inline-flex rounded-l-md"
|
|
>
|
|
This is item 0ed59c3d-2b00-4413-8cb6-cb012118945e
|
|
</li>
|
|
<li
|
|
class="sm:space-y-0 space-y-4 sm:mx-auto sm:inline-grid sm:grid-cols-2 sm:gap-5"
|
|
>
|
|
This is item 87e9edac-4b38-44b0-a961-274c43b3d893
|
|
</li>
|
|
</ol>
|
|
<a href="#" class="w-10 rounded-full h-10">
|
|
This is link 9e39855c-ae16-4f5e-af96-d7388411e738
|
|
</a>
|
|
</li>
|
|
<li class="text-sm">
|
|
<ol class="relative">
|
|
<li class="border-t py-2 border-gray-200">
|
|
This is item b05b745e-fcb0-4546-a792-43a56d189fed
|
|
</li>
|
|
<li
|
|
class="sm:gap-x-6 gap-y-12 grid-cols-1 lg:grid-cols-4 sm:grid-cols-2 grid mt-8 xl:gap-x-8"
|
|
>
|
|
This is item b4adc084-7661-45fa-9a0a-ae6c3f5578f0
|
|
</li>
|
|
<li class="sr-only">This is item eb30e35c-8c3f-48f6-a52c-bf1b2de6f645</li>
|
|
</ol>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
<a href="#" class="h-6 w-6 text-gray-400">
|
|
This is link d2599ecf-b5a1-4887-af51-0a1932277ef2
|
|
</a>
|
|
<img
|
|
class="hover:text-gray-500 text-gray-400 ml-2 flex-shrink-0"
|
|
alt="Profile picture of user 08b2d468-83df-4c19-b98c-017f13473d9d"
|
|
src="https://example.org/pictures/7804013a-2d61-44e1-887d-43db2103ab02"
|
|
/>
|
|
<ol class="md:grid-cols-2 md:grid md:space-y-0 md:gap-8 space-y-12">
|
|
<li class="ml-auto">
|
|
<img
|
|
class="lg:pb-28 pb-20 bg-white sm:px-6 lg:pt-24 px-4 pt-16 lg:px-8"
|
|
alt="Profile picture of user 6571c381-e1db-48af-8cef-3727e81795eb"
|
|
src="https://example.org/pictures/9545088f-f73c-49b4-abdc-b17293bd6cc8"
|
|
/>
|
|
<ol class="w-full">
|
|
<li class="text-gray-900 font-medium">
|
|
This is item 4a76062e-f6ab-4b8d-b4e1-1dcb17e4531e
|
|
</li>
|
|
<li
|
|
class="lg:grid lg:gap-y-10 xl:gap-x-16 lg:grid-rows-1 lg:grid-cols-7 lg:gap-x-8"
|
|
>
|
|
This is item a67f9538-8c13-4147-a405-218b07232377
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="space-y-1">
|
|
<ul class="border-t mt-10 border-gray-200">
|
|
<li class="px-2 lg:px-0 relative z-10 flex">
|
|
This is item 0165d9c7-b39c-4db2-b307-a22545c1534c
|
|
</li>
|
|
<li
|
|
class="inline-flex hover:bg-gray-50 rounded-r-md border-gray-300 relative text-gray-500 px-2 font-medium border text-sm bg-white focus:z-20 items-center py-2"
|
|
>
|
|
This is item 66370802-d29e-4760-a066-0b58ca86f226
|
|
</li>
|
|
</ul>
|
|
<ol class="text-sm text-gray-500">
|
|
<li class="md:inset-y-0 md:left-0 lg:static flex md:absolute xl:col-span-2">
|
|
This is item 29977110-8d73-47e3-b243-d0bbdfb82651
|
|
</li>
|
|
<li class="mt-2 text-gray-700 text-sm">
|
|
This is item 2aa424b1-e0d7-4995-92e8-546869bd9705
|
|
</li>
|
|
<li class="border-gray-200 flex-none bg-gray-50 p-6 bottom-0 border-t sticky">
|
|
This is item eaba2295-68c7-4a65-a093-754f298d0f57
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="mt-4 text-purple-200 max-w-3xl text-lg"
|
|
alt="Profile picture of user a7f9cd91-ee03-4bdb-a93a-2edb1a399e66"
|
|
src="https://example.org/pictures/4345ece6-b0b8-4ce8-946a-157261820dbe"
|
|
/>
|
|
<a href="#" target="_blank" class="bg-white border-b xl:hidden border-blue-gray-200">
|
|
This is link bde76eb0-1e26-4afe-9b8d-d92dacc6688d
|
|
</a>
|
|
</li>
|
|
<li class="max-w-7xl py-16 px-4 lg:px-8 mx-auto sm:py-24 sm:px-6">
|
|
<ul class="group-hover:opacity-75 pointer-events-none object-cover">
|
|
<li class="text-gray-900 hover:bg-gray-50 hover:text-gray-900">
|
|
This is item 114b2be6-0e4f-40c7-abd6-d7f6843a3cb5
|
|
</li>
|
|
<li class="ring-1 overflow-hidden ring-opacity-5 shadow-lg ring-black rounded-lg">
|
|
This is item e5754c30-c7ae-4631-930c-95383def0a75
|
|
</li>
|
|
</ul>
|
|
<ul class="truncate ml-3 flex-auto">
|
|
<li
|
|
class="p-1 focus:ring-offset-2 bg-white rounded-full focus:ring-2 hover:text-gray-500 text-gray-400 focus:ring-indigo-500 focus:outline-none"
|
|
>
|
|
This is item 9ce5c3dd-6371-4b36-ac5f-3f312f17535f
|
|
</li>
|
|
<li
|
|
class="absolute ring-1 py-1 overflow-auto bg-white z-10 ring-black text-base rounded-md mt-1 max-h-60 focus:outline-none ring-opacity-5 sm:text-sm shadow-lg w-full"
|
|
>
|
|
This is item 2ff10843-13ff-4734-be13-ca5d7d339dec
|
|
</li>
|
|
<li
|
|
class="text-sm ring-1 shadow bg-gray-200 rounded-lg gap-px mt-2 isolate grid-cols-7 grid ring-gray-200"
|
|
>
|
|
This is item 31cb981a-5f2b-4288-9111-80075b57b52a
|
|
</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="flex-shrink-0 flex items-center">
|
|
This is link 78d7a8b5-a738-4455-aa84-8bf3decadad2
|
|
</a>
|
|
<ol class="text-gray-500 hover:text-gray-600">
|
|
<li class="bg-gray-50">This is item 329126e4-a11f-40a6-924e-5945f80cb287</li>
|
|
<li class="text-gray-900 p-2 block font-medium -m-2">
|
|
This is item 7f163f33-797b-4e5f-b396-829c33676717
|
|
</li>
|
|
<li class="max-w-7xl sm:px-6 lg:px-8 mx-auto px-4">
|
|
This is item 82cc7709-199a-447c-ad81-dccecc6e19a5
|
|
</li>
|
|
<li class="items-center py-4 justify-between flex">
|
|
This is item 347a2ce5-75da-498f-80f9-952ee124ebb4
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="text-base font-medium text-gray-900">
|
|
<ol class="text-indigo-600">
|
|
<li class="lg:px-8 max-w-7xl mx-auto">
|
|
This is item b1b91632-a2d2-4f30-8a35-c6d9874d2b2d
|
|
</li>
|
|
<li
|
|
class="py-6 bg-gray-100 lg:grid-cols-12 lg:grid sm:rounded-lg lg:gap-x-8 lg:px-8 lg:py-8 px-4 sm:px-6"
|
|
>
|
|
This is item 367fa66c-936e-48e3-9cbe-b1e2bc7c8f96
|
|
</li>
|
|
<li class="border-b border-gray-200">
|
|
This is item 391cbdae-105b-4a64-884a-886fd1abc756
|
|
</li>
|
|
<li class="text-gray-900 text-base font-medium">
|
|
This is item db8acafa-d350-4757-8603-5e5cce824414
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="rounded-full items-center mx-auto justify-center flex h-7 w-7"
|
|
alt="Profile picture of user 429411aa-e9da-41ae-b2d9-6cc3eb9f3b5e"
|
|
src="https://example.org/pictures/69049445-b519-4b6d-b8d1-c2e7d4b5a4f4"
|
|
/>
|
|
<img
|
|
class="text-base group-hover:text-gray-900 text-gray-700 font-medium"
|
|
alt="Profile picture of user 1128aa4e-67cc-400c-96ff-a71851cc0493"
|
|
src="https://example.org/pictures/9ab59c88-70c1-4f55-9295-60f644535dcc"
|
|
/>
|
|
<ul class="flex items-center group px-2 py-2 font-medium rounded-md text-sm">
|
|
<li class="text-sm flex justify-center relative">
|
|
This is item 1e78bb79-0846-4a98-ae25-b3fd325ffdb9
|
|
</li>
|
|
<li class="font-medium text-gray-900">
|
|
This is item e562f003-b36c-478b-9ff8-41c3db844dce
|
|
</li>
|
|
<li class="object-center object-cover">
|
|
This is item ea103fd1-0fbb-4443-8739-890937166f7e
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<img
|
|
class="text-gray-300"
|
|
alt="Profile picture of user 2b62b56c-21ae-4c84-b639-0b093cbcba0a"
|
|
src="https://example.org/pictures/367e87d8-bba9-4cb7-af02-d8b35cbfef23"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<ol class="bg-gray-50">
|
|
<li class="p-4 items-end flex">
|
|
<img
|
|
class="mt-6"
|
|
alt="Profile picture of user 3613fdc6-d257-47e9-913a-91b358607c14"
|
|
src="https://example.org/pictures/afb3a5f3-9b17-4dca-bd09-f53aaa6ef533"
|
|
/>
|
|
<img
|
|
class="sr-only"
|
|
alt="Profile picture of user 2f515104-ea87-4cf3-88c2-19634520ca0a"
|
|
src="https://example.org/pictures/26106a1a-d102-4d07-abc9-e1c0f7700c0a"
|
|
/>
|
|
<a href="#" class="text-lg"> This is link d3be9080-4676-4809-b745-c5d8879c47c2 </a>
|
|
</li>
|
|
<li
|
|
class="border justify-center text-white hover:bg-indigo-700 inline-flex items-center sm:w-auto px-4 shadow-sm focus:ring-offset-2 focus:ring-2 focus:outline-none font-medium focus:ring-indigo-500 py-2 border-transparent text-sm bg-indigo-600 rounded-md"
|
|
>
|
|
<img
|
|
class="py-12"
|
|
alt="Profile picture of user 97d9415f-27f8-4ffc-b4dc-eb9672f586fc"
|
|
src="https://example.org/pictures/7812cc38-592d-4167-a0d3-9de509c97eb0"
|
|
/>
|
|
</li>
|
|
<li class="lg:px-8 px-6 relative mx-auto max-w-7xl z-10">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
class="font-medium text-gray-900 hover:text-gray-700 text-base"
|
|
>
|
|
This is link 0408d7b2-a595-4fd5-9ab0-b302cc6e7418
|
|
</a>
|
|
<ul class="absolute inset-0">
|
|
<li class="font-medium text-gray-900">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="mx-auto items-center h-7 rounded-full w-7 flex justify-center"
|
|
>
|
|
This is link 13a63e14-32bc-4740-8a26-bb9ad2f13633
|
|
</a>
|
|
<ul
|
|
class="mx-auto max-w-7xl sm:px-6 justify-between lg:px-8 px-4 h-10 flex items-center"
|
|
>
|
|
<li class="text-gray-700">This is item 1db03e4f-a08f-4909-aa1c-59e48ed1765b</li>
|
|
<li class="lg:p-0 max-w-md px-4 lg:h-full mx-auto sm:px-6 sm:max-w-3xl">
|
|
This is item bbd12713-cb74-4d11-a1c3-9169db70b9a6
|
|
</li>
|
|
<li class="flex items-center justify-center ring-8 ring-white">
|
|
This is item 21756217-9157-406e-be69-67df869b0723
|
|
</li>
|
|
</ul>
|
|
<ol class="sr-only">
|
|
<li class="sm:space-x-5 sm:flex">
|
|
This is item 75cd1f35-8873-4036-8b41-76bc123408f0
|
|
</li>
|
|
<li class="text-white text-lg">
|
|
This is item 77b3daf3-27df-48df-a7c4-5fd35f06a0ab
|
|
</li>
|
|
<li class="text-gray-700 text-sm block">
|
|
This is item ddddebf5-4574-4c58-86b6-88a7c0d38a02
|
|
</li>
|
|
<li
|
|
class="sm:grid lg:max-w-5xl sm:gap-16 lg:grid-cols-3 mx-auto sm:grid-cols-2 space-y-16 sm:space-y-0"
|
|
>
|
|
This is item 17e3cb82-f3b5-44f9-9db2-1ceeb6d65182
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="text-sm line-clamp-2 mt-1 text-gray-600">
|
|
This is link 07b0b136-9d93-4681-86a2-fd3fdbeb90fb
|
|
</a>
|
|
</li>
|
|
<li class="hover:underline text-gray-900 font-medium">
|
|
<img
|
|
class="lg:gap-8 lg:grid lg:grid-cols-3 lg:max-w-7xl lg:mx-auto lg:px-8"
|
|
alt="Profile picture of user 640f8e17-8b99-4206-8b42-4a5f5d544702"
|
|
src="https://example.org/pictures/5613f7d3-efe1-4333-80d5-4ab4d131980b"
|
|
/>
|
|
<a
|
|
href="#"
|
|
class="lg:gap-x-8 grid text-sm sm:gap-x-6 sm:grid-rows-1 sm:grid-cols-12 md:gap-x-8 grid-cols-1"
|
|
>
|
|
This is link bc422938-6be6-4cb8-87f3-0bf1fa4d9811
|
|
</a>
|
|
<a href="#" class="font-medium text-lg leading-6 text-gray-900">
|
|
This is link 7e99779d-8209-48cb-aaa1-c9c215655a26
|
|
</a>
|
|
<ul class="block text-sm font-medium text-gray-700">
|
|
<li class="text-gray-500 text-sm mt-1">
|
|
This is item f8fa3b03-21c4-4a4c-88f6-f085128c61f6
|
|
</li>
|
|
<li class="flex-auto">This is item a03062de-2858-465c-a9cf-064b537654d8</li>
|
|
<li class="sr-only">This is item 17253be3-abda-45cd-9877-a40ab1be83a6</li>
|
|
<li class="text-lg font-medium text-gray-900 leading-6 ml-16">
|
|
This is item 813cf5cf-8ecb-4297-b9eb-68f0f467223c
|
|
</li>
|
|
<li class="sr-only">This is item 088e1682-0714-477a-8c68-0929f934cc9f</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="h-16 items-center flex">
|
|
<ol class="hover:bg-gray-100 focus:z-10 py-1.5 bg-white">
|
|
<li class="min-h-[850px] bg-white">
|
|
<ul class="mt-4 space-y-4">
|
|
<li class="cursor-auto text-gray-500 text-left text-lg w-full font-medium py-6">
|
|
This is item 114829a6-a705-4104-8818-76b08982b678
|
|
</li>
|
|
<li class="inline-block relative">
|
|
This is item cdb275b7-c27e-4af9-822a-b00687fb5479
|
|
</li>
|
|
<li class="h-6 w-6">This is item 248fd6c7-e955-40de-b6b0-865a2e988cd2</li>
|
|
</ul>
|
|
<a href="#" rel="noreferrer" class="mt-0.5">
|
|
This is link 95194aba-9177-4020-9832-d3c65d839e63
|
|
</a>
|
|
<ul class="flex justify-between items-center">
|
|
<li class="flex-shrink-0 sm:order-3 order-2 sm:ml-3">
|
|
This is item d88c898c-286d-4d87-bf6d-472c7ec111f9
|
|
</li>
|
|
<li class="sm:col-span-6">This is item cba62412-5c11-43ea-b3fa-caa49c0246f9</li>
|
|
<li class="w-5 mr-2 -ml-1 text-gray-400 h-5">
|
|
This is item 9cd30f2d-448e-41f9-8c6b-cf58a615297a
|
|
</li>
|
|
</ul>
|
|
<ol class="bg-white rounded-tr-lg py-1.5 focus:z-10 hover:bg-gray-100">
|
|
<li class="items-center flex order-1 sm:flex-col sm:items-start">
|
|
This is item a28dd7de-34e4-46ba-81db-6eb59b69d981
|
|
</li>
|
|
<li class="sr-only">This is item 006b90b3-bfcf-4168-bba8-04f42fb84720</li>
|
|
<li class="bg-white">This is item c804d57d-9793-4836-a13b-f7248a6d7aef</li>
|
|
</ol>
|
|
</li>
|
|
<li class="w-2 h-2">
|
|
<a href="#" rel="noreferrer" class="bg-white">
|
|
This is link 7bf56a82-847e-4f1c-a0ca-32610961f0e2
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<ol class="text-gray-500 hover:text-gray-600">
|
|
<li class="sm:gap-4 sm:grid sm:py-5 sm:grid-cols-3 py-4">
|
|
<a href="#" target="_blank" rel="noreferrer" class="text-sm">
|
|
This is link 8d501524-fd5c-46c2-8100-5aae8f16b819
|
|
</a>
|
|
<a href="#" class="sm:ml-7 -m-2 hover:text-gray-500 ml-5 p-2 text-gray-400">
|
|
This is link 1f61391e-0760-47e2-aaa7-1364e485331d
|
|
</a>
|
|
<ol class="text-gray-900 -m-2 block font-medium p-2">
|
|
<li
|
|
class="lg:w-52 sm:h-40 col-start-2 sm:w-40 sm:row-span-2 lg:h-52 sm:col-start-1 w-20 object-center rounded-lg h-20 sm:row-start-1 object-cover col-end-3"
|
|
>
|
|
This is item fab91026-b8b8-4373-9e4c-7735987940d9
|
|
</li>
|
|
<li class="text-gray-700 text-sm font-medium block">
|
|
This is item 2e02d6fe-0d26-4aa8-8664-1b8395a11230
|
|
</li>
|
|
<li
|
|
class="focus:outline-none shadow-lg mt-2 absolute origin-top-right rounded-md right-0 z-10 ring-1 ring-opacity-5 bg-white ring-black w-36"
|
|
>
|
|
This is item 7644c78e-9a6a-42ae-89de-e53ea7be3f32
|
|
</li>
|
|
</ol>
|
|
<ul class="flex">
|
|
<li class="relative w-full flex-1 bg-gray-800">
|
|
This is item 72e61f48-0d25-4920-8e72-1a52c2a750a5
|
|
</li>
|
|
<li class="relative">This is item 337d9aef-6a85-46c6-958b-34e984315f6c</li>
|
|
<li class="md:ml-0 w-full flex">
|
|
This is item bcd6fc22-536d-4098-9810-f9287e012b46
|
|
</li>
|
|
<li class="flex-1 overflow-y-auto h-0">
|
|
This is item 5a646d1e-fa42-472e-b8ee-c920d25f7b20
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="text-gray-900 tracking-tight text-3xl font-bold">
|
|
<ol class="hidden md:space-x-8 md:ml-10 md:pr-4 md:block">
|
|
<li class="py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10 bg-gray-50 relative">
|
|
This is item d3c34275-22b9-4c6b-bfc4-d5adf1aa00f3
|
|
</li>
|
|
<li class="bg-black inset-0 bg-opacity-25 fixed">
|
|
This is item eae60359-b05d-48a3-a0f6-d94359679471
|
|
</li>
|
|
</ol>
|
|
<ul class="sm:hidden mt-10">
|
|
<li class="flex-col flex">This is item 3810607b-9173-4570-9493-aad902f2bef2</li>
|
|
<li class="items-center flex py-3 justify-center">
|
|
This is item e6712919-16a8-406f-ab00-73499cfd72aa
|
|
</li>
|
|
</ul>
|
|
<ul class="flex">
|
|
<li class="justify-between h-16 flex">
|
|
This is item d5c9b17f-ffea-4758-9da4-1e82867dd893
|
|
</li>
|
|
<li class="text-sm">This is item 4eca4e3d-b5c1-443e-953f-3dceea5749c3</li>
|
|
<li class="mt-2 text-gray-500 text-sm">
|
|
This is item 409d34fd-317a-4cf0-ab53-1eccc82dcdcc
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="min-w-0 flex-1">
|
|
<img
|
|
class="font-medium text-base text-gray-900"
|
|
alt="Profile picture of user 602e6b5b-511a-4b28-8493-b60a6fd75cff"
|
|
src="https://example.org/pictures/69198fc1-ebbd-4946-b162-1e020b07ea75"
|
|
/>
|
|
</li>
|
|
<li class="py-14 text-center sm:px-14 px-6 text-sm">
|
|
<img
|
|
class="flex space-x-5 items-center"
|
|
alt="Profile picture of user 7abcf285-084c-4541-a381-e30f48ffaa20"
|
|
src="https://example.org/pictures/b46460f3-82d7-423f-9f1d-290ea5253251"
|
|
/>
|
|
<img
|
|
class="text-gray-900"
|
|
alt="Profile picture of user 0534350c-0095-4f9e-a37f-6fcec406c581"
|
|
src="https://example.org/pictures/93c78883-e6ca-4de3-b044-3b61d8f0ddd0"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="h-12">
|
|
This is link c12be547-da06-4a92-a8c5-957ac0c0f3c1
|
|
</a>
|
|
</li>
|
|
<li class="font-medium text-base text-white">
|
|
<ol class="hover:text-gray-800">
|
|
<li class="sm:col-span-6">
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="overflow-y-auto flex-col max-w-xs flex ml-auto pb-12 shadow-xl h-full relative py-4 w-full bg-white"
|
|
>
|
|
This is link aae63805-2525-4f31-8558-e242f1fcd26b
|
|
</a>
|
|
</li>
|
|
<li class="bg-gray-50 text-gray-400 hover:bg-gray-100 focus:z-10 py-1.5">
|
|
<ol class="font-medium hover:text-yellow-600 text-yellow-700 underline">
|
|
<li class="sr-only">This is item 671e0f8c-e3f6-4813-a393-5ec420cad226</li>
|
|
<li
|
|
class="px-3 hover:text-white font-medium py-2 hover:bg-gray-700 rounded-md flex group items-center text-gray-300 text-sm"
|
|
>
|
|
This is item 3ff28496-0c3e-46c7-a03d-32ee1fd35f9f
|
|
</li>
|
|
<li class="text-lg font-medium text-gray-900">
|
|
This is item 5f970434-6fdb-43c0-8bf8-356b53d04774
|
|
</li>
|
|
</ol>
|
|
<ol
|
|
class="justify-center items-center rounded-full text-gray-900 hover:bg-gray-200 h-8 mx-auto flex w-8"
|
|
>
|
|
<li class="flex-shrink-0 w-5 text-gray-400 h-5">
|
|
This is item af5094cc-7572-48b0-8685-308da8f4b1c4
|
|
</li>
|
|
<li class="text-gray-500 mt-1 text-sm">
|
|
This is item 3de52000-35be-4fef-b8de-02a77a86540f
|
|
</li>
|
|
<li
|
|
class="lg:px-8 relative pb-96 mx-auto sm:px-6 text-center max-w-3xl px-4 sm:pb-0"
|
|
>
|
|
This is item a463d1ac-02b1-4f33-8bba-44d5de36c236
|
|
</li>
|
|
</ol>
|
|
<a
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
class="focus:z-10 py-1.5 bg-white hover:bg-gray-100"
|
|
>
|
|
This is link 4b31b90a-8d78-4e0c-8fee-3ca3209504c5
|
|
</a>
|
|
<a href="#" target="_blank" class="hover:text-gray-600 text-gray-500">
|
|
This is link 4bf9c53f-2980-494c-ba71-e549c27d2e17
|
|
</a>
|
|
</li>
|
|
<li class="hover:bg-gray-100 py-1.5 focus:z-10 bg-white">
|
|
<img
|
|
class="h-6 w-6"
|
|
alt="Profile picture of user eb438e00-ba60-4754-80e0-096e5b68d525"
|
|
src="https://example.org/pictures/5a6a1ea6-2f34-4ff5-a6b3-e01b6c5c04ce"
|
|
/>
|
|
</li>
|
|
<li class="group-hover:text-pink-700 text-pink-500">
|
|
<ol class="max-w-lg space-y-6 mx-auto">
|
|
<li class="sr-only">This is item 54668f06-61f1-41da-bbe8-78c81096d40e</li>
|
|
<li class="pt-10 mt-10 border-t border-gray-200">
|
|
This is item 48c32f11-9004-4fc2-8093-f302143b058f
|
|
</li>
|
|
<li class="w-6 h-6">This is item 85830811-dfae-4786-9155-bfd645a60547</li>
|
|
<li class="overflow-hidden aspect-h-4 aspect-w-3 hidden rounded-lg lg:block">
|
|
This is item e8a1bb27-56d0-4a0d-9ca5-2768e463478e
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<a href="#" rel="noreferrer" class="w-6 h-6">
|
|
This is link 3a3031cc-7999-4973-ad65-afd82aebcb43
|
|
</a>
|
|
<img
|
|
class="text-gray-500 text-base"
|
|
alt="Profile picture of user b1315998-80e4-427a-83e9-443f4b7d585b"
|
|
src="https://example.org/pictures/1a68635e-92da-4f07-b7aa-eb8638b99dde"
|
|
/>
|
|
<ul class="justify-center flex mx-auto py-12">
|
|
<li class="p-2 flex-shrink-0 text-gray-400 ml-auto hover:text-gray-500 bg-white">
|
|
<a href="#" class="p-8 items-center justify-center bg-white flex">
|
|
This is link abe7f7aa-7eed-4543-9c1e-bd3c0e3ac57e
|
|
</a>
|
|
<ul
|
|
class="bg-indigo-600 items-center justify-center w-6 font-semibold flex rounded-full h-6 text-white"
|
|
>
|
|
<li class="sm:pb-40 sm:pt-24 pt-16 pb-80 lg:pb-48 lg:pt-40">
|
|
This is item 8fb6fa8f-37fd-4877-9b09-7d7113c0cbac
|
|
</li>
|
|
<li
|
|
class="aspect-h-2 rounded-lg group-hover:opacity-75 aspect-w-3 lg:aspect-w-5 overflow-hidden lg:aspect-h-6"
|
|
>
|
|
This is item 77aafa5a-0a5a-47f7-bf5e-a2092d76aaa6
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="font-medium block px-3 py-2 text-base rounded-md">
|
|
This is link 5d7076f1-e963-4265-8f23-a63a1e5525ad
|
|
</a>
|
|
<img
|
|
class="w-28 flex-none"
|
|
alt="Profile picture of user 2aaaf712-8d18-4c68-a912-e70d01beb650"
|
|
src="https://example.org/pictures/d6e9af7e-9683-4ac2-8ae1-6cbd3f30af66"
|
|
/>
|
|
</li>
|
|
<li class="font-medium text-sm">
|
|
<img
|
|
class="w-4 h-4"
|
|
alt="Profile picture of user 973ecadf-7ce3-4a1c-8ff2-cfb6e9edc9a4"
|
|
src="https://example.org/pictures/a12da8af-d373-4d65-934a-beafb74350c1"
|
|
/>
|
|
</li>
|
|
<li class="sm:ml-5 sm:mt-0 flex-shrink-0 mt-4">
|
|
<a href="#" target="_blank" rel="noreferrer" class="flow-root">
|
|
This is link 19a76f89-1c23-4a4c-a199-fc8e9aaaa62a
|
|
</a>
|
|
<ol class="text-base font-medium text-gray-900">
|
|
<li
|
|
class="mx-auto justify-center rounded-full items-center h-8 w-8 hover:bg-gray-200 text-gray-400 flex"
|
|
>
|
|
This is item ca9f7ea2-beb0-4b04-a5fb-a33174bd5549
|
|
</li>
|
|
<li class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
|
|
This is item a3c770fd-2224-4b1b-923a-b696e3947d9f
|
|
</li>
|
|
</ol>
|
|
<ul class="sm:pt-4 sm:space-y-4 space-y-6 pt-6">
|
|
<li class="md:fixed md:flex-col md:flex hidden md:w-64 md:inset-y-0">
|
|
This is item 36afac0a-6f0c-409a-9f6d-9468077a4098
|
|
</li>
|
|
<li class="bg-white hover:bg-gray-100 focus:z-10 py-1.5">
|
|
This is item 80034255-f910-47f4-92db-84377391131e
|
|
</li>
|
|
</ul>
|
|
<ul class="mx-auto h-7 w-7 justify-center rounded-full items-center flex">
|
|
<li class="mx-auto px-4 lg:py-16 py-12 lg:px-8 max-w-7xl sm:px-6">
|
|
This is item fd25e635-a64e-426c-8f93-1ab66f240040
|
|
</li>
|
|
<li class="xl:items-center xl:justify-between xl:flex pb-16">
|
|
This is item 73eabc15-a736-4ca4-9306-389b5fd8fc0b
|
|
</li>
|
|
<li class="items-center justify-center w-7 flex h-7 mx-auto rounded-full">
|
|
This is item d72ec9fe-8cc8-4b15-adb1-9389fbb61273
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="justify-between flex h-16 items-center">
|
|
<img
|
|
class="bg-white min-h-[1024px]"
|
|
alt="Profile picture of user 2e0a0165-6a43-4839-83a5-ebc7f36aebeb"
|
|
src="https://example.org/pictures/e9a146d4-09af-4c3c-8fbd-cc24593fea3a"
|
|
/>
|
|
<img
|
|
class="h-full absolute object-cover w-full"
|
|
alt="Profile picture of user 8098d2bd-c203-4407-b7bf-bd7bd9711276"
|
|
src="https://example.org/pictures/fe5c8189-cf52-40f8-9407-2dc53bb6ca8a"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="focus-within:text-gray-600 text-gray-400 relative">
|
|
This is link 6354f18e-547d-491e-8175-9a92b0a8a94b
|
|
</a>
|
|
<input type="password" class="mt-4 text-gray-400" />
|
|
<select class="text-gray-500">
|
|
<option>This is item ad5137ae-1589-45d1-beb4-25611476b7ab</option>
|
|
<option value="988676e1-a2b4-4936-95f5-1a8562524211">
|
|
This is item 13b18e1f-871b-49eb-a0a7-04506c4b9111
|
|
</option>
|
|
<option value="f44456c4-d751-4c6f-a892-16b1b3020e98">
|
|
This is item a6f0d5fa-bd8b-44fc-b273-9cf33c3aead8
|
|
</option>
|
|
<option value="bc8ea589-a075-45e8-8fc6-7792fd5ed1c8">
|
|
This is item 90e09c4e-a3ec-4511-87ab-26ffa6263e72
|
|
</option>
|
|
<option>This is item 72cfcfc0-ddb8-40bf-a309-28c2e94b8e5c</option>
|
|
<option>This is item 49af8c56-a997-461d-adb2-85465c9f1d6b</option>
|
|
<option value="f77c52d4-0e3c-4eee-a8f4-ab11336c1947">
|
|
This is item 02ec3e33-4fcb-469d-9f3b-e8712089ffcd
|
|
</option>
|
|
</select>
|
|
<main class="sm:text-5xl tracking-tight text-4xl lg:text-6xl font-bold text-center">
|
|
<img
|
|
class="-my-2 md:hidden -mr-2"
|
|
alt="Profile picture of user 7a7e459e-242a-4d25-94c8-55ba28325a19"
|
|
src="https://example.org/pictures/f0da850c-3d65-4076-a0ec-cc4eee8fd3ef"
|
|
/>
|
|
<a href="#" target="_blank" class="lg:mt-0 mt-12 lg:col-span-2">
|
|
This is link 0179323a-dba5-4f74-8224-9ffc3f2bc303
|
|
</a>
|
|
<a href="#" rel="noreferrer" class="sm:col-span-6">
|
|
This is link 59887750-572f-4c76-a829-b253fa34cfcf
|
|
</a>
|
|
<ol class="pt-5 px-6">
|
|
<li class="flex-wrap justify-between items-center -ml-4 sm:flex-nowrap -mt-4 flex">
|
|
<ul class="shadow-lg bg-white sm:grid rounded-lg sm:grid-cols-3">
|
|
<li class="lg:block hidden lg:w-80">
|
|
<ul class="mt-1"></ul>
|
|
<img
|
|
class="rounded-full ml-2 text-xs text-gray-600 py-0.5 bg-gray-200 px-2"
|
|
alt="Profile picture of user 20051a17-f595-4081-ad79-d0af7c72121c"
|
|
src="https://example.org/pictures/f4c0efd6-a077-4bc8-a481-a09fdb5d91bc"
|
|
/>
|
|
<ul class="bg-white shadow-xl flex-col h-full flex py-6 overflow-y-scroll"></ul>
|
|
</li>
|
|
<li
|
|
class="text-gray-600 rounded-full py-0.5 text-xs bg-gray-200 ml-2 tracking-wide px-2"
|
|
>
|
|
<a href="#" target="_blank" class="justify-between flex items-center py-4">
|
|
This is link cf9a4f15-49cc-4ac2-a67d-8012cf5e5653
|
|
</a>
|
|
</li>
|
|
<li class="text-purple-600 font-medium hover:text-purple-500">
|
|
<img
|
|
class="flex-shrink-0"
|
|
alt="Profile picture of user c672e345-c6cb-4db8-a70a-0f5cbb98e045"
|
|
src="https://example.org/pictures/69042ef2-4850-423c-bb22-b8f72d375798"
|
|
/>
|
|
</li>
|
|
<li class="py-2 block px-4 text-sm">
|
|
<ul
|
|
class="focus:ring-indigo-500 focus:border-indigo-500 border-gray-300 block rounded-l-md sm:text-sm pl-10 w-full rounded-none"
|
|
></ul>
|
|
<a href="#" rel="noreferrer" class="mt-1">
|
|
This is link 03f1121b-6df3-4ee1-9cd0-411c13a052b7
|
|
</a>
|
|
<ul
|
|
class="bg-white w-96 border-r xl:flex-col hidden flex-shrink-0 border-blue-gray-200 xl:flex"
|
|
></ul>
|
|
<ol class="hidden lg:ml-10 lg:block"></ol>
|
|
</li>
|
|
</ul>
|
|
<ul class="w-full border-t border-gray-300">
|
|
<li
|
|
class="-z-10 top-[-10rem] absolute overflow-hidden blur-3xl transform-gpu inset-x-0 sm:top-[-20rem]"
|
|
>
|
|
<ol class="text-sm flex justify-between px-4 py-2"></ol>
|
|
<ul class="justify-end flex"></ul>
|
|
</li>
|
|
<li class="relative hidden rounded-full lg:block overflow-hidden">
|
|
<ul
|
|
class="px-2.5 ml-3 hidden md:inline-block font-medium py-0.5 text-xs rounded-full"
|
|
></ul>
|
|
<ul class="left-4 pointer-events-none absolute top-3.5 h-5 w-5 text-gray-400"></ul>
|
|
<ol class="h-6 w-6"></ol>
|
|
<ul
|
|
class="focus:ring-offset-2 bg-gray-600 py-2 border inline-flex focus:ring-2 font-medium hover:bg-gray-700 shadow-sm rounded-md focus:ring-offset-gray-800 border-transparent items-center text-white focus:outline-none px-4 focus:ring-indigo-500 text-sm"
|
|
></ul>
|
|
</li>
|
|
</ul>
|
|
<a href="#" target="_blank" class="flex">
|
|
This is link 0837b434-12c8-41a9-a8eb-0a313bd9c46b
|
|
</a>
|
|
</li>
|
|
<li class="fixed bg-opacity-25 inset-0 bg-black">
|
|
<ul
|
|
class="font-semibold text-gray-900 px-4 ring-1 inline-block py-1.5 rounded-lg text-base leading-7 ring-gray-900/10 hover:ring-gray-900/20"
|
|
>
|
|
<li class="h-full lg:flex hidden">
|
|
<ol
|
|
class="absolute shadow-lg rounded-md ring-1 w-full ring-opacity-5 focus:outline-none mt-1 bg-white z-10 ring-black text-base max-h-56 sm:text-sm overflow-auto py-1"
|
|
></ol>
|
|
<a href="#" rel="noreferrer" class="flex-shrink-0 w-6 h-6 text-gray-400">
|
|
This is link f33a8dc8-1f80-4bde-91d9-e3297bed7799
|
|
</a>
|
|
<ol class="flex-auto"></ol>
|
|
<ul class="max-w-prose text-base lg:ml-auto mx-auto lg:mr-0 lg:max-w-lg"></ul>
|
|
</li>
|
|
<li class="flex flex-col h-full">
|
|
<ol class="space-x-10 hidden lg:flex lg:ml-10"></ol>
|
|
<ul class="w-6 h-6"></ul>
|
|
<img
|
|
class="bg-gray-900 pl-2 items-center text-white rounded-md bg-none text-sm focus:border-transparent focus:outline-none font-medium pr-5 focus:ring-0 group-hover:text-gray-100 border-transparent py-0.5 flex"
|
|
alt="Profile picture of user 8f6df517-a629-499b-bab6-8ccae85c3e88"
|
|
src="https://example.org/pictures/3d5c6c5d-d8d5-4278-800d-3092519f5c93"
|
|
/>
|
|
<a href="#" target="_blank" rel="noreferrer" class="bg-blue-gray-50">
|
|
This is link 50df4133-b03a-4cee-9b45-0ca73e84f18d
|
|
</a>
|
|
</li>
|
|
<li class="text-3xl tracking-tight mt-3 font-bold text-white">
|
|
<a href="#" class="sm:px-6 py-5 px-4">
|
|
This is link 4cbb06ed-15c9-473b-81c8-af5400a32a6e
|
|
</a>
|
|
<ol class="font-medium text-gray-900"></ol>
|
|
</li>
|
|
</ul>
|
|
<ol
|
|
class="-mb-px transition-colors items-center border-b-2 relative pt-px ease-out duration-200 font-medium text-sm z-10 flex"
|
|
>
|
|
<li class="hidden md:space-x-10 md:flex">
|
|
<ol
|
|
class="block hover:text-gray-700 hover:border-gray-300 py-2 text-base text-gray-500 font-medium border-transparent pr-4 hover:bg-gray-50 pl-3 border-l-4"
|
|
></ol>
|
|
</li>
|
|
<li class="font-medium text-gray-900 text-sm">
|
|
<ol class="hidden lg:flex lg:flex-shrink-0"></ol>
|
|
<a href="#" class="sm:flex sm:items-center mt-1 text-sm text-gray-600">
|
|
This is link 2614d94b-3d5e-4262-897c-28559a915aea
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="rounded-full focus:ring-white focus:ring-2 bg-gray-800 hover:text-white p-1 focus:outline-none focus:ring-offset-gray-800 flex-shrink-0 text-gray-400 focus:ring-offset-2"
|
|
>
|
|
<a href="#" target="_blank" rel="noreferrer" class="md:justify-center md:flex">
|
|
This is link 8fa5f04b-e268-4880-9b3a-494ca3c046bf
|
|
</a>
|
|
</li>
|
|
<li class="absolute inset-0">
|
|
<ol class="p-8 justify-center flex bg-gray-100"></ol>
|
|
<img
|
|
class="relative inline-block text-left"
|
|
alt="Profile picture of user 567d51bf-d083-46db-8eb4-0f9788010153"
|
|
src="https://example.org/pictures/7d34f8bb-2b91-484e-b94d-5e93a9711c1c"
|
|
/>
|
|
</li>
|
|
<li class="mt-10">
|
|
<ol class="tracking-tight font-bold text-2xl text-gray-900"></ol>
|
|
<ul
|
|
class="-mt-2.5 pr-2 text-xs w-14 leading-5 z-20 text-gray-400 sticky left-0 text-right -ml-14"
|
|
></ul>
|
|
<a href="#" rel="noreferrer" class="text-sm font-medium">
|
|
This is link fea48002-54fc-405f-b419-3db070403087
|
|
</a>
|
|
<ol class="text-sm text-gray-500 font-medium"></ol>
|
|
</li>
|
|
</ol>
|
|
<a href="#" target="_blank" class="text-gray-300 w-5 h-5">
|
|
This is link 9293c169-559c-4794-9f67-a6a2485dc75c
|
|
</a>
|
|
</li>
|
|
<li class="mx-auto lg:px-8 max-w-3xl sm:px-6 lg:max-w-7xl px-4">
|
|
<img
|
|
class="text-indigo-600 w-8 justify-center rounded-full hover:bg-gray-200 flex font-semibold items-center h-8 mx-auto"
|
|
alt="Profile picture of user 0b915945-71ce-42ed-b638-018b677a87b6"
|
|
src="https://example.org/pictures/8c60efbf-c7dd-43c1-9ad8-47510b54fa0f"
|
|
/>
|
|
</li>
|
|
</ol>
|
|
<section class="lg:items-center lg:flex lg:justify-between">
|
|
<p class="sm:max-w-md sm:flex mt-4">
|
|
<span class="-mr-2"> This is text 495dd7d9-9f9b-480a-b331-8c411d853427 </span>
|
|
<span class="inset-0 fixed bg-gray-600 bg-opacity-75">
|
|
This is text 0533e18e-49dc-4d1c-a54f-e0bd121f042e
|
|
</span>
|
|
</p>
|
|
<div class="h-5 w-5">
|
|
<img
|
|
class="absolute sm:static inset-x-0 sm:flex-1 bottom-0 sm:self-stretch"
|
|
alt="Profile picture of user 3229ae0c-7e85-4163-a5bb-0eae924b3bf1"
|
|
src="https://example.org/pictures/c3ba4908-1f9a-45af-8f44-4d8d1c8469f3"
|
|
/>
|
|
<ol class="md:items-stretch shadow-sm flex rounded-md items-center">
|
|
<li class="mt-2">
|
|
<ul class="tracking-tight text-white text-4xl font-bold"></ul>
|
|
<img
|
|
class="absolute z-10 inset-0"
|
|
alt="Profile picture of user e80623b6-64e5-4b17-a323-cca8b7a08d13"
|
|
src="https://example.org/pictures/b15c969b-0ed6-4f2c-8251-81b7e9978352"
|
|
/>
|
|
<a
|
|
href="#"
|
|
rel="noreferrer"
|
|
class="inline-block bg-gray-100 h-14 overflow-hidden rounded-full w-14"
|
|
>
|
|
This is link a1ec646f-49b2-4e0c-826d-85f6d1e48e4a
|
|
</a>
|
|
<img
|
|
class="border-l border-gray-200 pl-3 ml-3"
|
|
alt="Profile picture of user f27f4d43-d818-4173-b2d1-4daf346cc442"
|
|
src="https://example.org/pictures/a88b21b8-78df-4943-a2ee-837ba1afc5f0"
|
|
/>
|
|
</li>
|
|
<li class="mt-6">
|
|
<img
|
|
class="flex sm:pl-6 sm:border-transparent sm:border-l space-x-3 mt-10"
|
|
alt="Profile picture of user 6ddad74b-9773-4d3b-ab83-d1f437028140"
|
|
src="https://example.org/pictures/1141ed0a-697e-497c-8865-66ebdddc3b3e"
|
|
/>
|
|
<a href="#" rel="noreferrer" class="sr-only">
|
|
This is link 33a4a214-40ce-49f4-b2ac-4df4e98eebb3
|
|
</a>
|
|
<img
|
|
class="text-gray-500 text-sm lg:w-48 font-medium sm:flex-shrink-0 sm:w-40"
|
|
alt="Profile picture of user b06eabce-8402-4a5f-926a-eb7409a060e3"
|
|
src="https://example.org/pictures/58446cfd-e400-483c-9f25-9d2aee7148ad"
|
|
/>
|
|
<img
|
|
class="mt-2 text-warm-gray-500 text-base"
|
|
alt="Profile picture of user 4f7ab64e-e3a7-4918-886b-917e7733f25c"
|
|
src="https://example.org/pictures/f2f11882-4afe-4b8d-8d75-ba913ab0b6e9"
|
|
/>
|
|
</li>
|
|
<li class="lg:self-stretch lg:block lg:ml-8 hidden">
|
|
<ol class="h-6 text-white w-6"></ol>
|
|
</li>
|
|
<li class="h-5 mr-2 w-5 -ml-1 text-gray-400">
|
|
<img
|
|
class="font-medium text-base text-gray-900"
|
|
alt="Profile picture of user 3cc6a489-6ce6-4fa7-9c58-a5702f07ad16"
|
|
src="https://example.org/pictures/e1755975-987c-4938-a363-842e185f0341"
|
|
/>
|
|
<ol class="grid-cols-1 auto-rows-min md:grid-cols-2 grid gap-y-10 md:gap-x-6"></ol>
|
|
<a href="#" target="_blank" class="truncate">
|
|
This is link 1feeab52-35d9-42f7-a710-85f661ce7ca7
|
|
</a>
|
|
<img
|
|
class="font-medium -m-2 p-2 block text-gray-900"
|
|
alt="Profile picture of user 5cabcc27-35e9-47c3-9738-c10e4f74bd3a"
|
|
src="https://example.org/pictures/58b3dd78-e7d5-436e-bf11-c80f724c934a"
|
|
/>
|
|
</li>
|
|
<li class="text-indigo-600">
|
|
<ul class="justify-center flex h-7 mx-auto items-center rounded-full w-7"></ul>
|
|
</li>
|
|
</ol>
|
|
<form class="text-gray-400 focus:z-10 bg-gray-50 hover:bg-gray-100 py-1.5">
|
|
<select class="h-7 flex justify-center w-7 items-center mx-auto rounded-full">
|
|
<option>This is item 45ed0f55-2faa-4931-957a-65db25cb2e8f</option>
|
|
<option>This is item 8ed4d992-783c-4e6b-8679-e1c88e778239</option>
|
|
<option>This is item 69bf1407-c6c5-4091-b597-b85af2407b4b</option>
|
|
</select>
|
|
<input type="text" class="text-sm text-gray-900 font-medium" />
|
|
<p class="text-indigo-200 mx-auto sm:max-w-3xl text-center mt-6 text-xl max-w-lg">
|
|
<span class="hover:bg-gray-50">
|
|
This is text 5b96273a-c758-4ae4-a19b-4d416b21d8c7
|
|
</span>
|
|
<a
|
|
href="#"
|
|
class="bg-white items-center border-t justify-between flex sm:px-6 border-gray-200 px-4 py-3"
|
|
>
|
|
This is link 2c2990be-368e-4aa6-8f11-6b24888fbcf3
|
|
</a>
|
|
</p>
|
|
<button type="button">This is action ab3b6013-66ac-4121-9933-123d3cf6da29</button>
|
|
<button type="button">This is action 5c134189-3f39-4974-9000-8ff527cc58eb</button>
|
|
</form>
|
|
<section class="border-gray-200 py-6 space-y-6 border-t px-4">
|
|
<div class="max-w-4xl mx-auto">
|
|
<input
|
|
type="password"
|
|
class="absolute border-2 border-dashed rounded-lg border-gray-200 inset-0"
|
|
/>
|
|
<form class="text-sm text-right px-6 font-medium whitespace-nowrap py-4"></form>
|
|
<main class="flex-1 flex flex-col md:pl-64"></main>
|
|
</div>
|
|
<main class="py-10 md:items-center md:flex md:justify-between">
|
|
<h3 class="text-gray-400 p-2 hover:text-gray-500 -m-2">
|
|
This is heading b1c1981a-61e6-480a-939d-424eb639dfff
|
|
</h3>
|
|
<div class="xl:mt-10 mt-8"></div>
|
|
<section class="text-sm block text-gray-700 font-medium"></section>
|
|
<img
|
|
class="mt-1"
|
|
alt="Profile picture of user ce70952c-6830-4b53-b638-bc81064d38a9"
|
|
src="https://example.org/pictures/47131abf-3423-4892-8630-342b5f9d6799"
|
|
/>
|
|
<nav class="divide-gray-200 space-y-10 divide-y"></nav>
|
|
<ul class="xl:grid pb-8 xl:gap-8 xl:grid-cols-5"></ul>
|
|
</main>
|
|
<span class="sr-only"> This is text fd9fbaa9-86e3-4ffe-954a-5be14de18d54 </span>
|
|
</section>
|
|
<button type="reset">This is action 14bf4c7e-656c-439d-8d64-c24560f7d642</button>
|
|
</div>
|
|
<button type="reset">This is action 61445215-9cb6-45bc-ad6d-f41e175170b5</button>
|
|
<ol class="inset-0 overflow-hidden absolute">
|
|
<li class="font-medium text-indigo-600 hover:text-indigo-500">
|
|
<a href="#" target="_blank" class="pl-3 sm:pr-6 relative py-3.5 pr-4">
|
|
This is link 8aa64400-12e8-41eb-b6e6-b26356ad3bfe
|
|
</a>
|
|
</li>
|
|
<li class="text-sm text-gray-600 flex">
|
|
<ul class="w-7 mx-auto flex items-center justify-center h-7 rounded-full">
|
|
<li
|
|
class="group focus-within:ring-white -ml-2 bg-gray-900 relative rounded-md border-transparent focus-within:ring-2"
|
|
>
|
|
This is item e2131780-3b9c-4578-9918-a463d2361bc0
|
|
</li>
|
|
<li class="lg:pb-16 pb-36 lg:px-0 lg:row-start-1 sm:px-6 lg:col-start-1 pt-16 px-4">
|
|
This is item 5ec4c3aa-6159-4e3e-b6a6-771fab824ee8
|
|
</li>
|
|
<li class="items-center flex">This is item 25651510-b575-4293-93e8-92c11296c663</li>
|
|
</ul>
|
|
<ul class="focus:ring-indigo-500 border-gray-300 w-4 text-indigo-600 h-4">
|
|
<li class="mx-auto rounded-full flex w-7 h-7 items-center justify-center">
|
|
This is item b0e9dc7d-a031-41be-a4b5-5cd8f219462c
|
|
</li>
|
|
<li class="text-sm">This is item 7a7548c7-f04e-4723-b51c-851de4417829</li>
|
|
<li class="text-base hover:text-gray-900 text-gray-500">
|
|
This is item d6a6296e-e06b-407f-b5d2-9148b014c4fa
|
|
</li>
|
|
<li class="w-7 flex items-center h-7 mx-auto justify-center rounded-full">
|
|
This is item cab8d7c8-2c34-4d20-a7d2-c72500d2b360
|
|
</li>
|
|
<li class="lg:hidden">This is item 88f9eb9a-8c93-46f8-8b5d-81667db0ce7e</li>
|
|
</ul>
|
|
<ol class="mt-4 sm:flex-none sm:ml-16 sm:mt-0">
|
|
<li class="sr-only">This is item 0b1d6523-32f0-4270-bc82-094f37c191e0</li>
|
|
<li
|
|
class="lg:h-full ring-1 w-full lg:max-w-none lg:w-auto ring-opacity-5 shadow-xl lg:left-0 ring-black rounded-xl lg:absolute"
|
|
>
|
|
This is item f807b468-b8ff-49d6-a2a6-91d615364ce4
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="rounded-full mx-auto flex justify-center h-7 w-7 items-center">
|
|
<ol
|
|
class="ring-opacity-5 ring-1 lg:w-auto lg:left-0 shadow-xl w-full lg:max-w-none ring-black lg:absolute lg:h-full rounded-xl"
|
|
>
|
|
<li class="mt-4 space-y-4">This is item 5651f9dc-57e0-46f4-bab8-1af15baef811</li>
|
|
<li class="space-y-4 mt-4">This is item c392f166-a536-4b62-b289-5f0222dff24c</li>
|
|
<li class="text-gray-400 h-12 mx-auto w-12">
|
|
This is item 2f37915b-e155-4c73-b754-eb49a391bb69
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
<p class="flex flex-col">This is paragraph 290a7a29-9bf3-4364-a2ab-b898457fb3dd</p>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</main>
|
|
<button type="submit">This is action 9e7727af-b645-4540-9ccd-2c046b610b13</button>
|
|
<input
|
|
type="text"
|
|
class="relative px-4 sm:max-w-3xl sm:px-6 lg:max-w-none mx-auto lg:py-20 lg:px-0 max-w-md"
|
|
/>
|
|
</div>
|