index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ExoVerse - The Virtual Lab</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
</head>
<body>
    <div class="container">
        <div class="title-box">
            <h1><span class="bold">Exo</span>Verse</h1>
            <p class="subtitle">The Virtual Lab</p>
        </div>
        <div class="button-box">
            <button class="btn">Sign in</button>
            <button class="btn">Sign up</button>

            <a href="home/home.html"><button class="btn">Explore</button></a>
            
        </div>


        <div class="social-icons">
            <a href="https://github.com/sage-universe/ExoVerce"><i class="fa-brands fa-github"></i></a>
            <a href="https://x.com/@yashpatil_01"><i class="fa-brands fa-x-twitter"></i></a>
        </div>
    </div>

   
    <script>
        let signUp = document.querySelector(".btn:nth-child(2)");
        let signIn = document.querySelector(".btn:nth-child(1)");
        signUp.addEventListener("click", () => {
            window.location.href = "sign/sign-up.html";
        });
        signIn.addEventListener("click", () => {
            window.location.href = "sign/sign-in.html";
        });
    </script>

</body>
</html>