-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
20 lines (19 loc) · 1.18 KB
/
index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html class="bg-black">
<head>
<title>TechSwift - On Domand IT</title>
<script src="https://unpkg.com/htmx.org@1.9.7"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://kit.fontawesome.com/0902ff1ba2.js" crossorigin="anonymous"></script>
</head>
<body class="flex w-full h-screen justify-center items-center text-slate-300 font-sans text-4xl font-bold antialiased">
<div id="register" hx-swap="outerHTML swap:0.25s" class="fade-me-out w-full h-1/5 justify-items-center grid grid-cols-2 gap-y-40 m-20">
<p class="font-sans text-7xl text-slate-300 font-bold col-start-1 col-span-2">Who are you?</p>
<button hx-get="/user" hx-trigger="click" hx-target="#register" class="bg-gradient-to-r from-cyan-500 to-blue-500 h-auto w-4/5 rounded-full col-start-1 col-span-1">
<p class="my-10"><i class="fa-solid fa-user"></i> USER</p>
</button>
<button hx-get="/tech" hx-trigger="click" hx-target="#register" class="bg-gradient-to-r from-cyan-500 to-blue-500 h-auto w-4/5 rounded-full col-start-2 col-span-2">
<p class="my-10"><i class="fa-solid fa-wrench"></i> TECH</p>
</button>
</div>
</body>