primevue-mirror/pages/landing/FooterSection.vue

88 lines
5.2 KiB
Vue
Raw Normal View History

2022-09-06 13:53:29 +00:00
<template>
<section class="landing-footer pt-8 pad-section">
<div class="flex flex-wrap z-1">
<div class="w-6 lg:w-3 flex">
<ul class="list-none p-0 m-0">
<li class="font-bold mb-5">General</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<router-link to="/setup" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Get Started</router-link>
2022-09-06 13:53:29 +00:00
</li>
</ul>
</div>
<div class="w-6 lg:w-3 flex">
<ul class="list-none p-0 m-0">
<li class="font-bold mb-5">Support</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://forum.primefaces.org/viewforum.php?f=57" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Forum</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Discord</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<router-link to="/support" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PRO Support</router-link>
2022-09-06 13:53:29 +00:00
</li>
</ul>
</div>
<div class="w-6 lg:w-3 flex">
<ul class="list-none p-0 m-0">
<li class="font-bold mt-5 lg:mt-0 mb-5">Resources</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeTV</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://www.primefaces.org/store/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Store</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://github.com/primefaces/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Source Code</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://twitter.com/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Twitter</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://www.primefaces.org/newsletter" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Newsletter</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://gear.primefaces.org/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeGear</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="mailto:contact@primetek.com.tr" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Contact Us</a>
2022-09-06 13:53:29 +00:00
</li>
</ul>
</div>
<div class="w-6 lg:w-3 flex">
<ul class="list-none p-0 m-0">
<li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<router-link to="/theming" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Guide</router-link>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<a href="https://www.primefaces.org/designer/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Designer</a>
2022-09-06 13:53:29 +00:00
</li>
<li class="mb-4">
2022-12-08 12:26:57 +00:00
<router-link to="/colors" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Colors</router-link>
2022-09-06 13:53:29 +00:00
</li>
</ul>
</div>
</div>
<hr class="section-divider mt-8" />
<div class="flex justify-content-between py-6">
<span>
2022-12-08 12:26:57 +00:00
<img :src="'demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
2022-09-06 13:53:29 +00:00
</span>
<div class="flex align-items-center">
2022-12-08 12:26:57 +00:00
<a href="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
2022-09-06 13:53:29 +00:00
<i class="pi pi-twitter"></i>
2022-12-08 12:26:57 +00:00
</a>
<a href="https://github.com/primefaces/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
2022-09-06 13:53:29 +00:00
<i class="pi pi-github"></i>
2022-12-08 12:26:57 +00:00
</a>
<a href="https://discord.gg/gzKFYnpmCY" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
2022-09-06 13:53:29 +00:00
<i class="pi pi-discord"></i>
2022-12-08 12:26:57 +00:00
</a>
2022-09-06 13:53:29 +00:00
</div>
</div>
</section>
2022-09-14 14:26:41 +00:00
</template>