<title>Music Player</title> ⚙

↻ 🔆

×

</header>
    <nav class="side-bar">
        <ul class="options" >
            <li ><button class="button">Home</button></li>
            <li ><button class="button">library</button></li>
            <li ><button class="button">Help</button></li>
            <li ><button class="button">Setting</button></li>
        </ul>
    </nav>
<main class="main-content">
    <section class="playlist">
        <h2>Playlist</h2> 
        <p> Hi tis playlist is create to just finf out how the things are worininf or any amprosition amejf
            aiejf hfeoifheihf
        </p>
        <ul>
            <li><audio controls>Humsafar</audio></li>
            <li><audio controls></audio></li>
            <li><audio controls></audio></li>
            <li><audio controls></audio></li>
            <li><audio controls></audio></li>
        </ul>
    </section>
    <section class="now-playing">
        <h2>Now Playing</h2>
        <div class="track-info">
            <p>Track Name - Artist</p>
        </div>
</main>

⏮ ▶/❙❙ ⏭

[index.html](https://github.com/user-attachments/files/24839080/index.html) [styles.css](https://github.com/user-attachments/files/24839081/styles.css)