Skip to content

SmayanSingh/Youtubesmay

Repository files navigation

# YouTube MrBeast Clone

This project is a clone of the YouTube channel "MrBeast" created solely using HTML and CSS. The purpose of this clone is to replicate the visual appearance and layout of MrBeast's YouTube channel to provide a similar user experience.

## Table of Contents

- [Features](#features)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)

## Features

- Responsive design: The clone is designed to be mobile-friendly and adapt to different screen sizes.
- Navigation bar: A navigation bar is provided to navigate between different sections of the website.
- Video thumbnails: The clone displays a collection of video thumbnails similar to the MrBeast channel.
- Video player: Clicking on a video thumbnail opens a video player overlay.
- Footer: The clone includes a footer with relevant links and information.

## Getting Started

To get started with this project, follow the instructions below:

1. Clone the repository: `git clone https://github.com/SMAYANSYNC/youtubesmay.git`
2. Navigate to the project directory.
3. Open the `index.html` file in your preferred web browser.

## Usage

The project structure is as follows:

```
├── index.html
├── css/
│   └── style.css
├── img/
│   ├── mrbeast_logo.png
│   └── video_thumbnails/
│       ├── thumbnail1.jpg
│       ├── thumbnail2.jpg
│       ├── thumbnail3.jpg
│       └── ...
└── README.md
```

- `index.html`: This is the main HTML file that renders the YouTube MrBeast clone.
- `css/style.css`: The CSS file contains the styles for the clone.
- `img/mrbeast_logo.png`: The logo of MrBeast.
- `img/video_thumbnails/`: This directory contains the video thumbnails for the clone. Replace the existing images with your own video thumbnails.
- `README.md`: The readme file you are currently reading.

Feel free to modify the HTML and CSS files to customize the clone according to your preferences. Add your own video thumbnails to the `img/video_thumbnails/` directory to replace the existing ones.

## Contributing

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE). Feel free to use and modify the code for personal or commercial purposes.

Releases

No releases published

Packages

No packages published