<main>
<!-- 404 Error Page Template #1 | Slate version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-slate-400 to-slate-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-slate-400 to-slate-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Lime version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-lime-400 to-lime-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-lime-400 to-lime-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Lime version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-green-400 to-green-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-green-400 to-green-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Pink version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-pink-400 to-pink-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-pink-400 to-pink-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Lime version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-orange-400 to-orange-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-orange-400 to-orange-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Blue version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-blue-400 to-blue-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-blue-400 to-blue-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
<!-- 404 Error Page Template #1 | Red version -->
<section class="max-w-screen-sm mx-auto px-4 sm:px-4">
<div class="text-center my-24">
<h1 class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-red-400 to-red-600">Oops!</h1>
<div class="mt-4"><strong>404 - Page Not Found</strong></div>
<div class="text-sm text-gray-700 my-4">
The page you are looking for might have been removed had its name changed or is temporarily unavailable
</div>
<div>
<a class="inline-block text-sm font-medium px-4 py-2 bg-gradient-to-r from-red-400 to-red-600 text-white rounded-lg shadow cursor-pointer transition-all hover:scale-[0.98] focus:scale-[0.95]">GO TO HOMEAGE</a>
</div>
</div>
</section>
<!-- ----------------------------------------- -->
</main>
