LA Fitness Website - Personal Practice Project

I recently visited a few websites and stumbled upon lafitness.com. I wanted to try and replicate the site with the knowledge I currently possess. At first glance, the site doesn’t make good use of white space, and its responsiveness is a bit lacking (try and resize the browser slowly to see what I mean). The site also uses the Bootstrap framework, but I wanted to see if I could just redo it using Flex. Another thing the site comes with is a built-in screen reader from AudioEye.

Here’s my implementation of the lafitness.com home page. I think my site’s responsiveness is better than the original. I also improved on the white space issue. Having just completed the Accessibility part of the course, I went ahead and added various ARIA roles throughout the document.

Please let me know what you think.

https://peterghostine.github.io/opp/la%20fitness/

2 Likes