🎥 YouTube Clone (HTML & CSS)

This project is a front-end clone of the YouTube homepage created using only HTML and CSS. It replicates the layout, design, and structure of YouTube's main interface, including the header, sidebar, and video grid, to practice modern HTML/CSS techniques.

📌 Features

• ✅ Header with YouTube logo, search bar, and user icons
• ✅ Sidebar menu with navigation links (Home, Trending, Subscriptions, etc.)
• ✅ Video section with responsive grid layout
• ✅ Video cards displaying thumbnails, titles, channels, and view counts
• ✅ Responsive design using Flexbox and CSS Grid
• ✅ Clean, modern UI inspired by YouTube

🛠️ Technologies Used

• HTML5 for semantic structure
• CSS3 for layout and styling (Flexbox & Grid)
• Google Fonts and Font Awesome (optional icons)

📂 Folder Structure

• youtube-clone/ ├── youtube.html ├── style.css ├── general.css ├── header.css ├── sidebar.css └── video.css ├── Channel_picture/ ├── icons/ ├── sidebar.icons/ ├── Thumbnail/ └── README.md

🚀 How to Run the Project

1. Clone this repository or download the ZIP.
2. Open index.html in your web browser.
3. No additional setup or dependencies required.

📷 Screenshots

(Add screenshot links or embedded images here if available)

📖 Learning Objectives

• Practice structuring static web pages using semantic HTML
• Use CSS Flexbox and Grid for responsive layouts
• Recreate modern UI designs using only front-end technologies

🙋‍♂️ Author

Shivam Rajput Student at IGNOU, learning front-end development

✅ License

This project is for educational purposes only and is not affiliated with or endorsed by YouTube or Google.