https://github.com/sevlamare/youtube-clone
Youtube-clone
https://github.com/sevlamare/youtube-clone
css html layout
Last synced: 6 months ago
JSON representation
Youtube-clone
- Host: GitHub
- URL: https://github.com/sevlamare/youtube-clone
- Owner: SevlaMare
- Created: 2020-02-17T16:42:23.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-02-19T23:41:37.000Z (over 5 years ago)
- Last Synced: 2025-02-04T14:50:04.648Z (8 months ago)
- Topics: css, html, layout
- Language: HTML
- Homepage: https://sevlamare.github.io/youtube-clone/
- Size: 805 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Youtube Player Clone
> This is a youtube video player interface clone.
This page is not responsible, was build for a wide screen monitor.
## Built With
- HTML5 and CSS3
- Stickler-ci (Linter) and W3C validator
- VScode, Git and Github
## Live Demo
[Live Demo Link](https://sevlamare.github.io/youtube-clone/)
## Requirements
- It has an embedded image that represents a logo.
- The logo is aligned to the leftmost part of the navbar.
- It has an input tag that represents a search bar.
- The search bar is aligned to the middle of the navbar.
- It has a button tag that represents the search button.
- The search button is at the end (rightmost part) of the search bar.
- It has at least three embedded images on the rightmost part of the navbar that represent icons and/or an avatar.
Navigation bar
- It is displayed.
- It shows the video title.
- It shows the number of views.
- The search bar is aligned to the middle of the navbar.
- It has like and dislike icons.
- It has a share button.
- It shows the avatar of the user who uploaded the video.
- It has a subscribe button.
Video
- It shows the recommended video’s thumbnail preview (as image not as an actual video).
- It shows the title of the video.
- It shows the number of views.
Sidebar Recommended videos
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
Download Git at https://git-scm.com/downloads
Make a Github account with SSH key setup in your current machine.
### Setup
Clone the repository with terminal:
git@github.com:SevlaMare/mint-sign-up-clone.git
Ready to use
## Authors
👤 **Johann Rodriguez**
- Github: [@githubhandle](https://github.com/JohannRodriguez)
- Twitter: [@twitterhandle](https://twitter.com/JohannRodriguez)
- Linkedin: [linkedin](https://linkedin.com/JohannRodriguez)
👤 **Thiago Miranda**
- Github: [@githubhandle](https://github.com/SevlaMare)
- Twitter: [@twitterhandle](https://twitter.com/SevlaMare)
- Linkedin: [linkedin](https://www.linkedin.com/in/sevlamare)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](lic.url) licensed.