135 lines
6.5 KiB
HTML
135 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="h-full">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Raven - Admin Dashboard</title>
|
|
<link rel="icon" href="images/favicon.png" type="image/png">
|
|
<!--Simplebar-->
|
|
<link rel="stylesheet" href="vendor/css/simplebar.css">
|
|
<!--:Fonts:-->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
|
|
<!--:Main Style:-->
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
</head>
|
|
|
|
<body data-bs-spy="scroll" data-bs-target="#appLandingNavbar" data-bs-root-margin="00px 0px -40%"
|
|
data-bs-smooth-scroll="true" tabindex="0"
|
|
class="font-theme flex flex-col h-full text-base font-normal bg-white dark:bg-zinc-950 text-zinc-600 dark:text-zinc-300">
|
|
|
|
|
|
|
|
<section id="demoSection" class="relative bg-zinc-200 dark:bg-zinc-950">
|
|
<div class="max-w-5xl px-4 lg:px-8 mx-auto py-12 lg:py-16 text-center">
|
|
<div>
|
|
<h2 class="text-xl lg:text-4xl mb-4 text-center !font-bold">Quick start with pre-made demos</h2>
|
|
<p class="sm:text-lg max-w-xl mx-auto lg:px-12 text-center mb-9 lg:mb-16">
|
|
Raven is Fast, responsive, and beautifully crafted admin dashboard template with TailwindCSS 4
|
|
</p>
|
|
</div>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
|
|
<a href="index.html" target="_blank"
|
|
class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
|
|
<img src="images/demos/dashboard.png" class="max-w-full rounded-md block">
|
|
<div class="p-4">
|
|
<h5 class="mb-1 inline-block text-lg text-center">Main Admin Dashboard</h5>
|
|
<p class="px-2">7 Dashboards + Multiple Layouts + RTL & Dark Mode.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://uigator.com/tailwindcss/raven-v2.8.5/landing/" target="_blank"
|
|
class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
|
|
<img src="images/demos/landing.png" class="max-w-full rounded-md block">
|
|
<div class="p-4">
|
|
<h5 class="mb-1 text-lg text-center">Landing page</h5>
|
|
<p class="px-2">Simple & beautifully designed landing page with modern animations and smooth scroll.</p>
|
|
</div>
|
|
</a>
|
|
<a href="https://raven-nextjs.vercel.app/dashboard" target="_blank"
|
|
class="text-center shadow-card block bg-white dark:bg-zinc-800 rounded-xl transition-all duration-200 hover:-translate-y-2">
|
|
<img src="images/demos/nextjs.png" class="max-w-full rounded-md block">
|
|
<div class="p-4">
|
|
<h5 class="mb-1 inline-block text-lg text-center">Starter kits</h5>
|
|
<p class="px-4">
|
|
Now featuring starter versions for both <strong>Next.js 16.x</strong> and <strong>Angular 20.x</strong>, Experience how the Raven starter kits deliver a clean, modern foundation.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center max-w-md mx-auto px-4">
|
|
<p class="px-5">
|
|
✨ Stay tuned - exciting new pages, demos, and features are on the way.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="package" class="relative bg-white dark:bg-zinc-900">
|
|
<div class="max-w-4xl px-4 lg:px-8 mx-auto py-12 lg:py-16">
|
|
<div class=" text-center">
|
|
<h2 class="text-xl lg:text-3xl mb-3 text-center">Package</h2>
|
|
<p class="max-w-md text-muted mx-auto text-center mb-9">
|
|
With single purchase, you will get
|
|
</p>
|
|
</div>
|
|
<ul class="flex flex-col items-center gap-4">
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Full HTML main demo with all pages, components, and layouts
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Angular 20.x starter version of main demo
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Next.js 16.x starter version of main demo
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Beautifully designed landing page
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Demo 2 - Starter kit with different layout style.
|
|
</div>
|
|
</li>
|
|
<li class="flex items-center gap-3">
|
|
<span class="icon-[lucide--check] text-green-500"></span>
|
|
<div class="flex-grow">
|
|
Lifetime free updates and support
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer class="py-4 px-4 text-center">
|
|
<span class="text-sm text-muted">© Copyright <span id="year"></span>. Raven by <a target="_blank"
|
|
href="https://wrapmarket.com/shop/design_mylife">creativeDM</a></span>
|
|
</footer>
|
|
|
|
|
|
|
|
<!--:Scripts:-->
|
|
<script src="js/theme.js"></script>
|
|
<script>
|
|
document.getElementById("year").textContent = new Date().getFullYear();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |