A super simple do-it-in-an-evening type project.
Using HTML, a ton of CSS, and a bit of basic Javascript I created a simple ratings page.
It consists of a landing page, giving the user the option of which rating to give to my imaginary company.
I used Bootstrap for the button styling, but pure css for the rest of it.
The ratings buttons had a hover element to change the color when the user hovered over them.
![Screenshot 2023-08-04 at 19 02 35](https://private-user-images.githubusercontent.com/114259884/258498096-f5041beb-5c0a-4c7f-8914-22c18c1d278d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjIyMjUsIm5iZiI6MTcyMTgyMTkyNSwicGF0aCI6Ii8xMTQyNTk4ODQvMjU4NDk4MDk2LWY1MDQxYmViLTVjMGEtNGM3Zi04OTE0LTIyYzE4YzFkMjc4ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNFQxMTUyMDVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNjYzODU0YzgwYWZkZjNiZDI2NDZiZjZhZmExZWU0MDRmMDdmMDVhMTZlY2UyODNjMjMwYjEwZmViZTNhOWI2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.VhvRN6Omi7XPhX4F9F3W1m99t-udFXuuS5AtScbRB4A)
Once the user clicked on the rating they have chosen, I used Javascript to change the screen to a Thank You message. I also used Javascript to dynamically display what rating the user chose to give.
![Screenshot 2023-08-04 at 19 02 44](https://private-user-images.githubusercontent.com/114259884/258498374-d243972c-b25c-4a77-a4f6-35e0da8810fd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MjIyMjUsIm5iZiI6MTcyMTgyMTkyNSwicGF0aCI6Ii8xMTQyNTk4ODQvMjU4NDk4Mzc0LWQyNDM5NzJjLWIyNWMtNGE3Ny1hNGY2LTM1ZTBkYTg4MTBmZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNFQxMTUyMDVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMWI4ZmZlOTIyMzBjNGRlNDE3NDUzMDExNzE3OWQ0ODI1ZjQxZDYzNjQ3YTY3OGYxZWI5NmNiNDgyZWI0YmZlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.vEUtNmzb36s2w7mcAk0XbMyuILjWDiYMo2wwrogWZQ8)
Thank you to FrontEnd Mentor for supplying the idea for the project, and for some of the starting files.