Youtube web page

by sudarshan khandale

HTML CSS
This project is a front-end YouTube Clone developed using HTML and CSS, with Remix Icons used for navigation and interface elements. The main objective of this project is to recreate the basic design and user interface of YouTube while gaining practical experience in front-end web development. The website includes a fixed header with a menu icon, YouTube logo, search bar, microphone option, settings, and sign-in button. A left-side navigation menu provides options such as Home, Shorts, Subscriptions, and You. A horizontal category section is also included for topics such as Gaming, News, Music, Technology, Comedy, and Live.

The main content area displays multiple YouTube videos using iframe integration, arranged in a structured grid layout. Each video includes its title, channel name, views, upload time, and menu option. A dedicated Shorts section is included with vertically displayed videos to provide a realistic short-video experience. The project uses a dark-themed interface, rounded video corners, customized spacing, colors, typography, and floating layouts. It demonstrates knowledge of HTML structure, CSS styling, positioning, multimedia embedding, and user-interface design. The project is currently static but can be enhanced with JavaScript, responsive design, search functionality, APIs, authentication, and dynamic content.
← Back to sudarshan khandale
Ready to build, learn, or ship?

Join 500+ students and businesses who trust Versatile Technology
for education, development, and cybersecurity.