primevue-mirror/apps/showcase/pages/templates/index.vue

147 lines
8.6 KiB
Vue
Raw Permalink Normal View History

2023-02-28 08:29:30 +00:00
<template>
2023-03-08 11:32:38 +00:00
<div>
2023-02-28 08:29:30 +00:00
<div class="doc-intro">
<h1>Templates</h1>
<p>Highly customizable application templates to get started in no time with style. Designed and implemented by PrimeTek.</p>
</div>
2024-05-20 12:04:10 +00:00
<div class="templates-page grid grid-cols-12 gap-4">
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://apollo.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Apollo" src="https://primefaces.org/cdn/primevue/images/layouts/apollo-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://apollo.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/apollo" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://sakai.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Sakai" src="https://primefaces.org/cdn/primevue/images/layouts/sakai-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://sakai.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/sakai" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://atlantis.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Atlantis" src="https://primefaces.org/cdn/primevue/images/layouts/atlantis-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://atlantis.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/atlantis" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://ultima.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Ultima" src="https://primefaces.org/cdn/primevue/images/layouts/ultima-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://ultima.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/ultima" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://freya.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Freya" src="https://primefaces.org/cdn/primevue/images/layouts/freya-vue.png" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://freya.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/freya" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://diamond.primevue.org" rel="noopener noreferrer" target="_blank">
2024-10-11 10:33:09 +00:00
<img alt="Diamond" src="https://primefaces.org/cdn/primevue/images/layouts/diamond-remastered-vue.jpg" class="w-full" />
2023-02-28 08:29:30 +00:00
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://diamond.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/diamond" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://verona.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Verona" src="https://primefaces.org/cdn/primevue/images/layouts/verona-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://verona.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/verona" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://poseidon.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Poseidon" src="https://primefaces.org/cdn/primevue/images/layouts/poseidon-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://poseidon.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/poseidon" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
2024-05-20 12:04:10 +00:00
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
2023-02-28 08:29:30 +00:00
<div class="card mb-0">
2023-04-12 11:30:37 +00:00
<a href="https://avalon.primevue.org" rel="noopener noreferrer" target="_blank">
2023-02-28 08:29:30 +00:00
<img alt="Avalon" src="https://primefaces.org/cdn/primevue/images/layouts/avalon-vue.jpg" class="w-full" />
</a>
2024-05-20 12:04:10 +00:00
<div class="flex gap-4 mt-4">
2024-05-21 10:02:17 +00:00
<a href="https://avalon.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
<span class="p-button-label">Preview</span>
2023-02-28 08:29:30 +00:00
</a>
2024-05-21 10:02:17 +00:00
<PrimeVueNuxtLink to="/templates/avalon" class="p-button p-button-outlined flex-1">
<span class="p-button-label">Learn More</span>
2024-04-08 09:33:03 +00:00
</PrimeVueNuxtLink>
2023-02-28 08:29:30 +00:00
</div>
</div>
</div>
</div>
</div>
</template>