-
Notifications
You must be signed in to change notification settings - Fork 0
Youtube basic clone
SmayanSingh/Youtubesmay
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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.
About
Youtube basic clone
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published