YouTube Interface Clone 🎥✨📱 This project is a clone of the YouTube interface built using HTML and CSS. It replicates the structure and design of the YouTube homepage to practice and showcase front-end development skills. 🎨📂💻
Features Responsive Header: Includes the YouTube logo, search bar, and user options.
Sidebar Navigation: Mimics YouTube's left-hand menu.
Video Grid: Displays video thumbnails, titles, and channel details.
Technologies Used HTML5: For structuring the webpage.
CSS3: For styling and layout.
Google Fonts: Utilized the 'Roboto' font for an authentic look.
🖍️🖥️📖
Project Structure project-folder/ |-- Youtube.html # Main HTML file |-- style/ # Folder containing CSS files | |-- gen.css | |-- header.css | |-- video.css | |-- sidebar.css |-- Icons/ # Folder containing icon assets |-- Thumbnails/ # Folder containing video thumbnails 📁📜🖼️
How to Run 🛠️💻📲
Clone this repository:
git clone https://github.com/yourusername/Youtube-interface.git Navigate to the project folder:
cd youtube-interface-clone Open Youtube.html in your browser to view the interface.
Future Improvements 🚀🎯🔮
Add interactivity using JavaScript.
Enhance responsiveness for different screen sizes.
Implement video playback functionality.