-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
25 lines (24 loc) · 953 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<title>TailwindCSS Static Site Template</title>
<link rel="stylesheet" href="./assets/styles/styles.css" />
</head>
<body>
<!-- START: Colorful Blurred Background -->
<div class="absolute h-screen w-screen">
<div class="absolute h-[25rem] w-[40rem] rounded-full m-[22rem] rotate-45 bg-blue-400"></div>
<div class="absolute h-[25rem] w-[45rem] rounded-full right-[23rem] top-[15rem] rotate-[-60deg] bg-purple-400"></div>
</div>
<!-- END: Colorful Blurred Background -->
<!-- START: Main Section -->
<section class="flex h-screen w-full items-center justify-center backdrop-blur-[190px]">
<h1 class="text-6xl font-semibold text-stone-800">Hello World</h1>
</section>
<!-- END: Main Section -->
</body>
</html>