You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hydra/index.html

72 lines
4.6 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="hydra.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hydra - The Zero-Config API Boilerplate with Laravel 9x + Laravel Sanctum</title>
<script type="module" crossorigin src="https://hasinhayder.github.io/hydra/assets/style.7f2dd081.js"></script>
<link rel="stylesheet" href="https://hasinhayder.github.io/hydra/assets/style.9371fd0a.css">
</head>
<body class="bg-gray-800" style="background-image: url(https://hasinhayder.github.io/hydra/assets/hero-background.png);background-size: cover; background-repeat: no-repeat; ">
<div class="ud-header absolute top-0 left-0 z-40 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative -mx-4 flex items-center pt-3">
<img class="w-14 ml-5" src="https://img.icons8.com/external-flaticons-lineal-color-flat-icons/344/external-hydra-ancient-greek-mythology-monsters-and-creatures-flaticons-lineal-color-flat-icons.png" alt="">
<div class="w-60 max-w-full px-4">
<a href="index.html" class="navbar-logo block w-full py-5">
<h1 class="text-white text-3xl font-bold ">Hydra</h1>
</a>
</div>
</div>
</div>
</div>
<div id="home" class="relative overflow-hidden bg-primary pt-[120px] md:pt-[130px] lg:pt-[160px]">
<div class="container">
<div class="-mx-4 flex flex-wrap items-center">
<div class="w-full px-4">
<div class="hero-content wow fadeInUp mx-auto max-w-[780px] text-center" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;">
<h1 class="mb-8 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug">
Zero-Config API Boilerplate<br/>Laravel 9x + Laravel Sanctum
</h1>
<p class="mx-auto mb-10 max-w-[600px] text-base text-[#e4e4e4] sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed">
Comes with excellent User and Role management API out of the box
</p>
<ul class="mb-10 flex flex-wrap items-center justify-center">
<li>
<a href="https://github.com/hasinhayder/hydra#readme" class="inline-flex items-center justify-center rounded-lg bg-white py-4 px-6 text-center text-base font-medium text-dark transition duration-300 ease-in-out hover:text-primary hover:shadow-lg sm:px-10">
Documentation
</a>
</li>
<li>
<a href="https://github.com/hasinhayder/hydra" target="_blank" class="flex items-center py-4 px-6 text-base font-medium text-white transition duration-300 ease-in-out hover:opacity-70 sm:px-10">
Star on Github
<span class="pl-2">
<svg width="20" height="8" viewBox="0 0 20 8" class="fill-current">
<path d="M19.2188 2.90632L17.0625 0.343819C16.875 0.125069 16.5312 0.0938193 16.2812 0.281319C16.0625 0.468819 16.0312 0.812569 16.2188 1.06257L18.25 3.46882H0.9375C0.625 3.46882 0.375 3.71882 0.375 4.03132C0.375 4.34382 0.625 4.59382 0.9375 4.59382H18.25L16.2188 7.00007C16.0312 7.21882 16.0625 7.56257 16.2812 7.78132C16.375 7.87507 16.5 7.90632 16.625 7.90632C16.7812 7.90632 16.9375 7.84382 17.0312 7.71882L19.1875 5.15632C19.75 4.46882 19.75 3.53132 19.2188 2.90632Z"></path>
</svg>
</span>
</a>
</li>
</ul>
</div>
<div class="hero-content wow fadeInUp mx-auto max-w-[960px] text-center" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;">
<div class="wow fadeInUp text-center" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s;">
<script id="asciicast-497775" src="https://asciinema.org/a/497775.js" async></script>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>