You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
6.4 KiB
HTML
176 lines
6.4 KiB
HTML
<div class="mx-auto max-w-lg">
|
|
<h2 class="text-base font-semibold text-gray-900">
|
|
Create your first project
|
|
</h2>
|
|
<p class="mt-1 text-sm text-gray-500">
|
|
Get started by selecting a template or start from an empty project.
|
|
</p>
|
|
<ul
|
|
role="list"
|
|
class="mt-6 divide-y divide-gray-200 border-t border-b border-gray-200"
|
|
>
|
|
<li>
|
|
<div class="group relative flex items-start space-x-3 py-4">
|
|
<div class="shrink-0">
|
|
<span
|
|
class="inline-flex size-10 items-center justify-center rounded-lg bg-pink-500"
|
|
>
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-6 text-white"
|
|
>
|
|
<path
|
|
d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="min-w-0 flex-1">
|
|
<div class="text-sm font-medium text-gray-900">
|
|
<a href="#">
|
|
<span aria-hidden="true" class="absolute inset-0"></span>
|
|
Marketing Campaign
|
|
</a>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
I think the kids call these memes these days.
|
|
</p>
|
|
</div>
|
|
<div class="shrink-0 self-center">
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-5 text-gray-400 group-hover:text-gray-500"
|
|
>
|
|
<path
|
|
d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="group relative flex items-start space-x-3 py-4">
|
|
<div class="shrink-0">
|
|
<span
|
|
class="inline-flex size-10 items-center justify-center rounded-lg bg-purple-500"
|
|
>
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-6 text-white"
|
|
>
|
|
<path
|
|
d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="min-w-0 flex-1">
|
|
<div class="text-sm font-medium text-gray-900">
|
|
<a href="#">
|
|
<span aria-hidden="true" class="absolute inset-0"></span>
|
|
Engineering Project
|
|
</a>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Something really expensive that will ultimately get cancelled.
|
|
</p>
|
|
</div>
|
|
<div class="shrink-0 self-center">
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-5 text-gray-400 group-hover:text-gray-500"
|
|
>
|
|
<path
|
|
d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="group relative flex items-start space-x-3 py-4">
|
|
<div class="shrink-0">
|
|
<span
|
|
class="inline-flex size-10 items-center justify-center rounded-lg bg-yellow-500"
|
|
>
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-6 text-white"
|
|
>
|
|
<path
|
|
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="min-w-0 flex-1">
|
|
<div class="text-sm font-medium text-gray-900">
|
|
<a href="#">
|
|
<span aria-hidden="true" class="absolute inset-0"></span>
|
|
Event
|
|
</a>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Like a conference all about you that no one will care about.
|
|
</p>
|
|
</div>
|
|
<div class="shrink-0 self-center">
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-5 text-gray-400 group-hover:text-gray-500"
|
|
>
|
|
<path
|
|
d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="mt-6 flex">
|
|
<a
|
|
href="#"
|
|
class="text-sm font-medium text-indigo-600 hover:text-indigo-500"
|
|
>
|
|
Or start from an empty project
|
|
<span aria-hidden="true"> →</span>
|
|
</a>
|
|
</div>
|
|
</div>
|