An open API service indexing awesome lists of open source software.

https://github.com/jarrarkhan09/youtube_clone

A responsive YouTube clone built with HTML and CSS, featuring static pages that adapt seamlessly to various screen sizes, showcasing key web design techniques.
https://github.com/jarrarkhan09/youtube_clone

Last synced: 3 months ago
JSON representation

A responsive YouTube clone built with HTML and CSS, featuring static pages that adapt seamlessly to various screen sizes, showcasing key web design techniques.

Awesome Lists containing this project

README

        

# YouTube Clone HTML CSS

This project is a responsive clone of the YouTube website, built using HTML and CSS. The goal of this project is to recreate the layout and design of YouTube with a focus on responsiveness across different devices.

## Features

- **Responsive Design:** The layout adjusts smoothly for desktop, tablet, and mobile views.
- **YouTube-like Interface:** Includes a header, video thumbnails, side navigation, and footer.
- **Static Pages:** Contains static versions of key YouTube pages like the home page and video viewing page.
- **Custom CSS:** Uses custom CSS for styling and layout to mimic the look and feel of YouTube.

## Technologies Used

- **HTML5:** The structure of the web pages.
- **CSS3:** Styling and layout with a focus on responsive design techniques.
- **Responsive Design:** Implemented using media queries and flexible grid layouts.

## Installation

1. **Clone the repository:**
```bash
git clone https://github.com/Jarrar09/youtube_clone.git
```
2. **Navigate to the project directory:**
```bash
cd youtube-clone
```
3. **Open the `index.html` file in your browser:**
```bash
open index.html
```

## Usage

Simply open the `index.html` file in your preferred browser. The pages are static and do not require a server to run.

## Screenshots

![YouTube Clone - Home Page](screenshots/home-page.png)
![YouTube Clone - Video Page](screenshots/video-page.png)

## Contributing

Contributions are welcome! If you have suggestions or improvements, please submit an issue or create a pull request.

## License

This project is licensed under the **Jarrar Khan** License.

## Contact

If you have any questions or feedback, feel free to reach out.

- **GitHub:** [Jarrar khan](https://github.com/Jarrar09)