Skip to content

transcenddev/youtube-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

YouTube Clone (HTML & CSS)

📌 Overview

This project is a simple YouTube clone built using only HTML and CSS. The goal is to replicate the layout and styling of YouTube's homepage, including the navbar, sidebar, video thumbnails, and responsive design.

🎯 Features

  • Responsive YouTube-like layout
  • Sticky navigation bar
  • Sidebar with categories
  • Grid-based video section

🛠️ Technologies Used

  • HTML5
  • CSS3 (Flexbox, Grid, Media Queries)

📂 Project Structure

📁 youtube-clone
│── 📁 assets          # Contains images, icons, and other static files
│── 📁 css             # Contains all stylesheets
│   └── styles.css     # Main CSS file
│── 📁 fonts           # (Optional) Custom fonts if needed
│── index.html         # Main HTML file
└── README.md          # Project documentation

🚀 Getting Started

  1. Clone the repository:
git clone https://github.com/your-username/youtube-clone.git
  1. Navigate to the project folder:
cd youtube-clone
  1. Open index.html in your browser.

📱 Responsive Design

This project is designed to be fully responsive using CSS media queries, ensuring a great user experience across different devices.

🎨 UI Preview

🔧 Future Improvements

  • Add JavaScript for video functionality
  • Implement a dark mode toggle
  • Enhance UI with animations and transitions

📜 License

This project is open-source and free to use under the MIT License.


Feel free to contribute or suggest improvements!

About

a clone of YouTube using HTML and CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published