-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cec154d
commit 596b24e
Showing
2 changed files
with
93 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
<div class="max-w-sm w-full rounded-t-lg"> | ||
<a class="group block px-3.5 py-1.5 bg-white border rounded-t-lg" href="#"> | ||
<div class="flex flex-wrap items-center justify-between -m-2"> | ||
<div class="w-auto p-2"> | ||
<h3 class="font-heading">Select a Company</h3> | ||
</div> | ||
<div class="w-auto p-2"> | ||
<svg class="relative -top-px text-neutral-300 group-hover:text-neutral-400" width="16" height="23" viewbox="0 0 16 23" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M12.6673 9.5L8.00065 14.1667L3.33398 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</div> | ||
</div> | ||
</a> | ||
<div class="relative overflow-hidden"> | ||
<div class="static top-0 left-0 bg-white border-l border-r border-b rounded-b-lg"> | ||
<div class="flex flex-wrap px-5 pt-5 pb-2 -m-3"> | ||
<div class="w-full p-3"> | ||
<a class="block" href="#"> | ||
<div class="flex flex-wrap -m-2"> | ||
<div class="w-auto p-2"> | ||
<img src="https://shuffle.dev/dashy-assets/images/company.svg" alt=""> | ||
</div> | ||
<div class="w-auto p-2"> | ||
<h3 class="font-heading mb-0.5 text-sm font-medium">Labdrill</h3> | ||
<span class="text-sm text-neutral-500">11-50 Members</span> | ||
</div> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="w-full p-3"> | ||
<a class="block" href="#"> | ||
<div class="flex flex-wrap -m-2"> | ||
<div class="w-auto p-2"> | ||
<img src="https://shuffle.dev/dashy-assets/images/company3.svg" alt=""> | ||
</div> | ||
<div class="w-auto p-2"> | ||
<h3 class="font-heading mb-0.5 text-sm font-medium">Bioplex</h3> | ||
<span class="text-sm text-neutral-500">1-10 Members</span> | ||
</div> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="w-full p-3"> | ||
<a class="block" href="#"> | ||
<div class="flex flex-wrap -m-2"> | ||
<div class="w-auto p-2"> | ||
<img src="https://shuffle.dev/dashy-assets/images/company2.svg" alt=""> | ||
</div> | ||
<div class="w-auto p-2"> | ||
<h3 class="font-heading mb-0.5 text-sm font-medium">Y-corporation</h3> | ||
<span class="text-sm text-neutral-500">50-100 Members</span> | ||
</div> | ||
</div> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
<section class="py-4 overflow-hidden"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="bg-white border rounded-xl"> | ||
<div class="flex flex-wrap divide-y sm:divide-y-0 sm:divide-x"> | ||
<div class="w-full sm:w-1/2"> | ||
<div class="p-12 text-center"> | ||
<img class="mb-7 mx-auto" src="https://shuffle.dev/dashy-assets/images/empty3.png" alt=""> | ||
<h3 class="mb-3 font-heading text-lg font-semibold">Create your first project on Dashy</h3> | ||
<p class="mb-7 text-neutral-500">Establish a clear vision so that managers in your organization can mobilize their teams to all work in the same direction.</p> | ||
<a class="inline-flex flex-wrap items-center justify-center px-6 py-2.5 text-sm text-neutral-50 font-medium bg-gradient-purple-left hover:bg-gradient-purple-left-dark rounded-lg transition duration-300" href="#"> | ||
<svg class="mr-2.5" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M8.74935 2.66663C8.74935 2.25241 8.41356 1.91663 7.99935 1.91663C7.58514 1.91663 7.24935 2.25241 7.24935 2.66663H8.74935ZM7.24935 13.3333C7.24935 13.7475 7.58514 14.0833 7.99935 14.0833C8.41356 14.0833 8.74935 13.7475 8.74935 13.3333H7.24935ZM13.3327 8.74996C13.7469 8.74996 14.0827 8.41417 14.0827 7.99996C14.0827 7.58575 13.7469 7.24996 13.3327 7.24996L13.3327 8.74996ZM2.66602 7.24996C2.2518 7.24996 1.91602 7.58575 1.91602 7.99996C1.91602 8.41417 2.2518 8.74996 2.66602 8.74996L2.66602 7.24996ZM7.24935 2.66663V13.3333H8.74935V2.66663H7.24935ZM13.3327 7.24996L2.66602 7.24996L2.66602 8.74996L13.3327 8.74996L13.3327 7.24996Z" fill="#F9FAFB"></path> | ||
</svg> | ||
<span class="font-medium">Create A Project</span> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="w-full sm:w-1/2"> | ||
<div class="p-12 text-center"> | ||
<img class="mb-7 mx-auto" src="https://shuffle.dev/dashy-assets/images/empty4.png" alt=""> | ||
<h3 class="mb-3 font-heading text-lg font-semibold">Add your first task</h3> | ||
<p class="mb-7 text-neutral-500">Create a goal for one of your teams that will appear in the team hub-that’s how everyone will know what to work on.</p> | ||
<a class="inline-flex flex-wrap items-center justify-center px-6 py-2.5 text-sm border hover:border-neutral-200 rounded-lg" href="#"> | ||
<svg class="mr-2.5" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M8.74935 2.66663C8.74935 2.25241 8.41356 1.91663 7.99935 1.91663C7.58514 1.91663 7.24935 2.25241 7.24935 2.66663H8.74935ZM7.24935 13.3333C7.24935 13.7475 7.58514 14.0833 7.99935 14.0833C8.41356 14.0833 8.74935 13.7475 8.74935 13.3333H7.24935ZM13.3327 8.74996C13.7469 8.74996 14.0827 8.41417 14.0827 7.99996C14.0827 7.58575 13.7469 7.24996 13.3327 7.24996L13.3327 8.74996ZM2.66602 7.24996C2.2518 7.24996 1.91602 7.58575 1.91602 7.99996C1.91602 8.41417 2.2518 8.74996 2.66602 8.74996L2.66602 7.24996ZM7.24935 2.66663V13.3333H8.74935V2.66663H7.24935ZM13.3327 7.24996L2.66602 7.24996L2.66602 8.74996L13.3327 8.74996L13.3327 7.24996Z" fill="#0C1523"></path> | ||
</svg> | ||
<span class="font-medium">Add A Task</span> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> |