Example of a Health and Fitness website Project

A Health and fitness website built with HTML, CSS and JavaScript. This was one of my early projects as a new developer. The intent was to portray a blogging site but also offers membership programs and sells products. With an intuitive user interface, the user is able to navigate with ease through out the website. HTML5 video backgrounds are in use in the hero section of each page fostering amazing user experience. Since I was only interested in the frontend works of the website, I had to solve a big problem for string some user data like cart items. I was able to use the browser's local storage which was able to solve my problem. Still with the simplicity it has, I feel like I did well considering I was a novice developer.

What I used:

  1. HTML5
  2. CSS3
  3. JavaScript
  4. Figma
  5. FontAwesome
  6. PHP
  7. MYSQL
View Website Need one? Github code
health and fitness website hero section Responsive design
health and fitness website hero section
Hero section
fitness website blog posts template
Recent blog posts
Fitness routines website template
Routines
website pop up
Membership pop up
About page
About page
about page
About page
about page
About page content
contact form
Contact form
website store page
Store page
fitness website store items
Store items
fitness website store items search
Searching for store items
fitness website store items search
Store items search
fitness website cart
Cart
fitness website footer
Footer
fitness website responsive
Mobile responsive
fitness website responsive menu
Mobile menu