https://github.com/sinantech/sports-center-app
🏋️ Basic Sports Center Application Using Html,Css,Javascript
https://github.com/sinantech/sports-center-app
css frontend html javascript
Last synced: about 2 months ago
JSON representation
🏋️ Basic Sports Center Application Using Html,Css,Javascript
- Host: GitHub
- URL: https://github.com/sinantech/sports-center-app
- Owner: sinantech
- License: mit
- Created: 2024-07-30T13:21:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-13T20:29:19.000Z (almost 2 years ago)
- Last Synced: 2025-05-07T16:17:14.943Z (about 1 year ago)
- Topics: css, frontend, html, javascript
- Language: CSS
- Homepage: https://sportscentersinantechs.netlify.app
- Size: 1.71 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# 🏋️ Sport Center Website
This project involves designing an interactive and user-friendly website for a sports center. Created using HTML, CSS, and JavaScript, the goal of the project is to introduce various services to clients and facilitate effective communication.
## 📋 Features
- **Interactive Buttons:** The buttons in the "Our Classes" section are interactive elements that showcase different sports branches to the user. Each sport has an associated image.
- **Hover Preview:** The last image in the "Our Best Trainers" section provides a hover preview when hovered over other content. This feature allows users to examine trainers more closely.
- **BMI Calculator:** The BMI calculator lets users compute their body mass index by entering their weight and height. This calculation helps in setting health and fitness goals.
- **Navbar Links:** The navbar links are connected to the relevant sections via "id", ensuring easy navigation for users.
- **Fixed Navbar:** As users scroll, the navbar remains fixed at the top of the screen, making it always accessible. The background color is set to #355592.
- **Google Maps:** The Google Map in the "Contact" section shows the location of the sports center and provides an interactive map experience.
- **Responsive Design:** The design is optimized for viewing on mobile devices with a screen width of 576px.
## 🛠️ Installation
1. Clone the repository.
2. Navigate to the project directory.
3. Run the project on 'localhost:5173' by typing `npm run dev` in the terminal.
4. Access the site here: https://magenta-longma-29771d.netlify.app/
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 👤 Author
Sinan Can Ozer