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.
42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<nav aria-label="Progress">
|
|
<ol role="list" class="space-y-4 md:flex md:space-y-0 md:space-x-8">
|
|
<li class="md:flex-1">
|
|
<!-- Completed Step -->
|
|
<a
|
|
href="#"
|
|
class="group flex flex-col border-l-4 border-indigo-600 py-2 pl-4 hover:border-indigo-800 md:border-t-4 md:border-l-0 md:pt-4 md:pb-0 md:pl-0"
|
|
>
|
|
<span
|
|
class="text-sm font-medium text-indigo-600 group-hover:text-indigo-800"
|
|
>Step 1</span
|
|
>
|
|
<span class="text-sm font-medium">Job details</span>
|
|
</a>
|
|
</li>
|
|
<li class="md:flex-1">
|
|
<!-- Current Step -->
|
|
<a
|
|
href="#"
|
|
aria-current="step"
|
|
class="flex flex-col border-l-4 border-indigo-600 py-2 pl-4 md:border-t-4 md:border-l-0 md:pt-4 md:pb-0 md:pl-0"
|
|
>
|
|
<span class="text-sm font-medium text-indigo-600">Step 2</span>
|
|
<span class="text-sm font-medium">Application form</span>
|
|
</a>
|
|
</li>
|
|
<li class="md:flex-1">
|
|
<!-- Upcoming Step -->
|
|
<a
|
|
href="#"
|
|
class="group flex flex-col border-l-4 border-gray-200 py-2 pl-4 hover:border-gray-300 md:border-t-4 md:border-l-0 md:pt-4 md:pb-0 md:pl-0"
|
|
>
|
|
<span
|
|
class="text-sm font-medium text-gray-500 group-hover:text-gray-700"
|
|
>Step 3</span
|
|
>
|
|
<span class="text-sm font-medium">Preview</span>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</nav>
|