Skip to content

Abishekvit/CSS_PROJECT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

1 Commit
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽต Spotify Web Player Clone

A responsive Spotify-themed music streaming interface built using HTML, CSS, and Font Awesome. This clone replicates the look and feel of Spotify's desktop web player UI, focusing on layout, styling, and interactive hover effects.


๐Ÿš€ Features

  • ๐ŸŽง Sidebar navigation: Home, Search, and Your Library
  • ๐Ÿ“š Playlist and podcast creation prompts
  • ๐Ÿ–ผ Cards for โ€œRecently Playedโ€, โ€œTrendingโ€, and โ€œFeatured Chartsโ€
  • ๐ŸŽผ Persistent bottom music player with controls
  • ๐Ÿ”Š Volume and track progress control bar
  • ๐Ÿ’š Hover-activated play buttons on cards
  • ๐Ÿ“ฑ Responsive layout (for screens below 1000px)

๐Ÿ“ File Structure

project-root/ โ”œโ”€โ”€ index.html # Main HTML structure โ”œโ”€โ”€ style.css # Custom styles โ”œโ”€โ”€ assets/ # Images & icons (e.g., .png, .jpeg) โ””โ”€โ”€ README.md # This file


๐Ÿ›  Tech Stack

  • HTML5 โ€“ Semantic layout
  • CSS3 โ€“ Flexbox, media queries, styling
  • Google Fonts โ€“ "Montserrat" for clean typography
  • Font Awesome โ€“ Icons and symbols

๐Ÿ“ธ Screenshots

(Optional: Add screenshots here using image URLs or embed locally for GitHub)


๐Ÿงช How to Run

  1. Clone the repo:
    git clone https://github.com/your-username/spotify-web-clone.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published