Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bccpadge/workout-hero
WebDevDaily - Challenge #278
https://github.com/bccpadge/workout-hero
accessibility responsive-web-design
Last synced: 15 days ago
JSON representation
WebDevDaily - Challenge #278
- Host: GitHub
- URL: https://github.com/bccpadge/workout-hero
- Owner: bccpadge
- Created: 2024-10-15T23:40:56.000Z (2 months ago)
- Default Branch: webdevdaily
- Last Pushed: 2024-10-16T00:00:12.000Z (2 months ago)
- Last Synced: 2024-10-17T10:37:58.886Z (2 months ago)
- Topics: accessibility, responsive-web-design
- Language: CSS
- Homepage: https://bccpadge.github.io/workout-hero/
- Size: 381 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dropdown Menu - WebDevDaily
This is a solution to [Workout Hero](https://www.webdevdaily.io/challenges/workout-hero-278) on [Webdevdaily.io](https://www.webdevdaily.io/) website.
## Objective
Convert this design to code, attempting to get it as close as possible using HTML, CSS and JavaScript.
## Design
![](./design/challenge-278.png)
## Screenshot
![]()## Demo
- GitHub Pages: [GitHub Pages](https://bccpadge.github.io/workout-hero/)
## Useful Resources
- [Remove background](https://www.remove.bg/) - I used this tool to remove the the background on the hero image
- [Unsplash](https://unsplash.com/) - Beautiful free images and pictures
- [Coolors - Constrast Checker](https://coolors.co/contrast-checker/) - Checks the constrast between two colors
- [Google webfonts helper](https://gwfh.mranftl.com/fonts) - Free way to self-host Google Fonts