landingpage.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>
    <link rel="stylesheet" href="landingpage.css">
</head>

<body>
    <header>
        <div class="logo">
            <img src="logo.png" alt="Website Logo">
            <span class="logo-text">Sportsmania</span> <!-- Added logo text -->
        </div>
        <nav>
            <ul>
                <li><a href="login.html">JOIN NOW</a></li>
                <li><a href="#">Home</a></li>
                <li><a href="#">Games</a></li>
                <li><a href="#">Dashboard</a></li>
            </ul>
        </nav>
    </header>

    <section class="slideshow-container">
        <div class="slideshow-slide">
            <img src="image1.png" alt="Slide 1">
        </div>
        <div class="slideshow-slide">
            <img src="image2.png" alt="Slide 2">
        </div>
        <!-- Add more slides as needed -->
    </section>

    <script src="landingpage.js"></script>
</body>

</html>