84 lines
4.2 KiB
HTML
84 lines
4.2 KiB
HTML
|
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
|
||
|
|
<div
|
||
|
|
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
|
||
|
|
Announcing our next round of funding. <a href="#" class="font-semibold text-indigo-600"><span
|
||
|
|
class="absolute inset-0" aria-hidden="true"></span>Read more <span
|
||
|
|
aria-hidden="true">→</span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="text-center">
|
||
|
|
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Dogstats - der Agilityhelfer</h1>
|
||
|
|
<p class="mt-6 text-lg leading-8 text-gray-600">Anim aute id magna aliqua ad ad non deserunt sunt.
|
||
|
|
Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.</p>
|
||
|
|
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||
|
|
<a href="#"
|
||
|
|
class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Get
|
||
|
|
started</a>
|
||
|
|
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Learn more <span
|
||
|
|
aria-hidden="true">→</span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container flex justify-center mx-auto">
|
||
|
|
<div class="flex flex-col">
|
||
|
|
<div class="w-full">
|
||
|
|
<div class="border-b border-gray-200 shadow">
|
||
|
|
<table class="divide-y divide-gray-300 ">
|
||
|
|
<thead class="bg-gray-50">
|
||
|
|
<tr>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
ID
|
||
|
|
</th>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
Name
|
||
|
|
</th>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
Email
|
||
|
|
</th>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
Created_at
|
||
|
|
</th>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
Edit
|
||
|
|
</th>
|
||
|
|
<th class="px-6 py-2 text-xs text-gray-500">
|
||
|
|
Delete
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="bg-white divide-y divide-gray-300">
|
||
|
|
<?php foreach ([
|
||
|
|
['id' => 1, 'name' => 'Max', 'email' => 'test@test.ts'],
|
||
|
|
['id' => 2, 'name' => 'Roxie', 'email' => 'loxie@test.ts'],
|
||
|
|
] as $user) : ?>
|
||
|
|
|
||
|
|
<tr class="whitespace-nowrap">
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-500">
|
||
|
|
<?= $user['id'] ?>
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4">
|
||
|
|
<div class="text-sm text-gray-900">
|
||
|
|
<?= $user['name'] ?>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4">
|
||
|
|
<div class="text-sm text-gray-500"><?= $user['email'] ?></div>
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-500">
|
||
|
|
2021-1-12
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4">
|
||
|
|
<a href="#" class="px-4 py-1 text-sm text-indigo-600 bg-indigo-200 rounded-full">Edit</a>
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4">
|
||
|
|
<a href="#" class="px-4 py-1 text-sm text-red-400 bg-red-200 rounded-full">Delete</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<?php endforeach; ?>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|