36 lines
2.2 KiB
HTML
36 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Smith & Tech</title>
|
|
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>body { font-family: 'Inter', sans-serif; }</style>
|
|
</head>
|
|
<body>
|
|
<section class="bg-black text-white w-full absolute inset-0 h-full bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px]">
|
|
<div class="mx-auto max-w-screen-xl px-4 py-32 lg:flex lg:h-screen lg:items-center absolute inset-0">
|
|
<div class="mx-auto max-w-3xl text-center">
|
|
<h1 class="bg-gradient-to-r from-green-300 via-blue-400 to-purple-500 bg-clip-text text-4xl font-extrabold text-transparent sm:text-6xl">
|
|
Welcome To Smith & Tech!
|
|
</h1>
|
|
<p class="mx-auto mt-4 max-w-xl text-lg leading-relaxed sm:text-xl">
|
|
Join Our Minecraft Server play.smithandtech.com:25566
|
|
</p>
|
|
<div class="mt-8 flex flex-wrap justify-center gap-4">
|
|
<a class="block w-full rounded-lg border border-blue-500 bg-blue-500 px-12 py-4 text-base font-medium text-white hover:bg-blue-600 focus:outline-none focus:ring active:bg-blue-500 sm:w-auto transition-all duration-300 ease-in-out" href="https://www.smithandtech.com">
|
|
<div>Visit Smith & Tech</div>
|
|
</a>
|
|
<a class="block w-full rounded-lg border border-blue-500 bg-blue-500 px-12 py-4 text-base font-medium text-white hover:bg-blue-600 focus:outline-none focus:ring active:bg-blue-500 sm:w-auto transition-all duration-300 ease-in-out" href="https://pay.smithandtech.com">
|
|
<div>Get Web Hosting</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|