spotify

avatar
unknown
plain_text
10 months ago
2.2 kB
15
Indexable
# Spotify Clone

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Music App</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>My Music App</h1>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#library">Library</a></li>
                <li><a href="#search">Search</a></li>
                <li><a href="#premium">Premium</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="home">
            <h2>Welcome to My Music App</h2>
            <p>Discover new music and enjoy your favorite tracks.</p>
            <button onclick="playMusic()">Play Music</button>
        </section>

        <section id="library">
            <h2>Your Library</h2>
            <div class="playlist">
                <h3>My Playlist</h3>
                <ul>
                    <li><button onclick="playTrack('Track 1')">Track 1</button></li>
                    <li><button onclick="playTrack('Track 2')">Track 2</button></li>
                    <li><button onclick="playTrack('Track 3')">Track 3</button></li>
                </ul>
            </div>
        </section>

        <section id="search">
            <h2>Search for Music</h2>
            <input type="text" placeholder="Search...">
            <button onclick="searchMusic()">Search</button>
        </section>

        <section id="premium">
            <h2>Upgrade to Premium</h2>
            <p>Enjoy ad-free music and exclusive content.</p>
            <button onclick="upgradeToPremium()">Upgrade Now</button>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 My Music App. All rights reserved.</p>
    </footer>

    <script>
        function playMusic() {
            alert("Playing music...");
        }

        function playTrack(track) {
            alert("Now playing: " + track);
        }

        function searchMusic() {
            alert("Searching for music...");
        }

        function upgradeToPremium() {
            alert("Upgrading to premium...");
        }
    </script>
</body>
</html>
Editor is loading...
Leave a Comment