https://github.com/crclothier/next-level-fitness

A cloned design based on the Korea creative commons summit website. Retooled as a website for a local gym, displaying various details dynamically with Javascript.
https://github.com/crclothier/next-level-fitness

css html javascript

Last synced: 2 months ago
JSON representation

A cloned design based on the Korea creative commons summit website. Retooled as a website for a local gym, displaying various details dynamically with Javascript.

• Host: GitHub
• URL: https://github.com/crclothier/next-level-fitness
• Owner: CRClothier
• Created: 2021-11-15T20:45:16.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-17T17:13:42.000Z (about 3 years ago)
• Last Synced: 2023-03-04T03:59:36.118Z (almost 2 years ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage:
• Size: 1.43 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next-Level-Fitness

![Logo](images/Next-Level.svg)

The first capstone project at Microverse.  We had to recreate the home page and about page based on [this](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) design but using a different business as the topic.  In my project I based it on a gym.  The webpage has a home page and about page which are designed using a mobile first approach  but can scale up to a desktop with a different design.  On the mobile site there is a modal memu which opens using javascript when the hamburger button is clicked.

The fitness classes offered by the gym are populated dynamically from an array of javascript objects

## Buit With

- HTML

- CSS

- Javascript

## Live Demo

[Next Level Fitness](https://crclothier.github.io/Next-Level-Fitness/)

## Getting Started

To get a local copy up and running follow these simple example steps:

### Prerequisites

Basic knowledge of:

- HTML, CSS & Javascript

- Git & Github

### Setup

- Create a directory on your local computer.

- Use git init in that directory.

- Clone this repository into your folder.

### Usage

Edit the files to practice professional standards.

## Authors

**Chris Clothier**

GitHub: [@CRClothier](https://github.com/crclothier)  

LinkedIn: [Chris Clothier](https://www.linkedin.com/in/crclothier/)

## 🤝 Contributing

Feedback, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- A big thank you to Cindy Shin who came up with the original design of this website and made it availabe under [Creative Commons License](https://creativecommons.org/licenses/by-nc/4.0/).

- Thanks to Microverse for their README template.

- Thanks to my learning partners for unblocking me time and time again!

## 📝 License

This project is [MIT](MIT.md) licensed.