This project is part of the HTML and CSS module of Microverse technical curriculum, the objective of this web-page is to copy some main specs of the youtube home page with another style to it, we used pastel colors and achieved the result only with basic HTML and CSS.
- HTML5
- CSS3
- Clone the repo
git clone https://github.com/mekinus/firstHTMLProject/- Install NPM packages
npm installIt's just a static website displaying our version for the youtube home page.
See the open issues for a list of proposed features (and known issues).
Contributions are very welcome, and any issues you have, you can open an issue in the remote repository.
- Fork the Project
- Create your Feature Branch (
git checkout -b developer/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin developer/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Leonardo Couto - @Leonard83911553 - machinusdeveloper@gmail.com
Tashfeen -
Project Link: https://github.com/mekinus/firstHTMLProject/
Live preview - (https://mekinus.github.io/firstHTMLProject/)
Guidelines :
- 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.
- It is displayed.
- It shows the video title.
- It shows the number of views.
- 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.
- It shows the recommended video’s thumbnail preview.
- It shows the title of the video.
- It shows the number of views.
Youtube - (http://archive.fo/Bss88)