Library-Tailwind-JS/index.html at main · anukulKun/Library-Tailwind-JS · GitHub

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
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Motha Faka</title>
    <link rel="stylesheet" href="./src/output.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body class=" bg-[url('../Images/4.png')] bg-cover bg-center bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-0">

    <div class="flex justify-center items-center h-screen flex-col">
        <h1 data-aos="zoom-in-up" data-aos-duration="1400" class="text-6xl text-center text-black">
            Welcome to the Library of <br> Wonders
        </h1>
        <a href="./main.html">
            <button data-aos="fade-up" data-aos-anchor-placement="bottom-bottom" data-aos-duration="1400" class="bg-slate-400 m-10 rounded-full px-5 py-3   bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-0 border border-gray-100">
                Hop In
            </button>
        </a>
    </div>

    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init({
            offset: 1,
        });
    </script>
</body>
</html>