https://github.com/barata-ribeiro/steelmane-motorcycles
Website developed during the "UI Design for Beginners" and the "HTML and CSS for Beginners" courses at Origamid.com
https://github.com/barata-ribeiro/steelmane-motorcycles
css css3 final-project html html5 javascript ui-design
Last synced: over 1 year ago
JSON representation
Website developed during the "UI Design for Beginners" and the "HTML and CSS for Beginners" courses at Origamid.com
- Host: GitHub
- URL: https://github.com/barata-ribeiro/steelmane-motorcycles
- Owner: Barata-Ribeiro
- License: mit
- Created: 2023-02-01T09:13:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-29T14:28:40.000Z (over 3 years ago)
- Last Synced: 2025-01-23T19:38:51.281Z (over 1 year ago)
- Topics: css, css3, final-project, html, html5, javascript, ui-design
- Language: HTML
- Homepage: https://barata-ribeiro.github.io/steelmane-motorcycles/
- Size: 15.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SteelMane Motorcycles Website
This website was developed during the "UI Design for Beginners" and the "HTML and CSS for Beginners" courses from [Origamid](https://www.origamid.com). Instead of using the Bikcraft brand from the courses, I created the SteelMane Motorcycles brand as an alternative. The brand is entirely fictional, with the purpose of showcasing customized and totally original motorcycles.
## Demo
[Click here](https://barata-ribeiro.github.io/steelmane-motorcycles/) to see a live demo of the website.
## Technologies Used
- HTML
- CSS
- JavaScript (barely)
## Features
- Responsive design for various screen sizes
- Interactive navigation menu
- Image gallery showcasing each motorcycle model
- Motorcycle personal page, each with detailed info
- Insurance page, each with proper info
- Testimonial
- Contact forms
## Known Limitations
I have not implemented PHP due to the need for a hosting service. As a result, the forms only redirect to the same page with an error message developed in JavaScript, which is necessary for the form to work.
## Getting Started
To run the project locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/Barata-Ribeiro/steelmane-motorcycles.git
```
2. Navigate to the project folder:
```
cd steelmane-motorcycles
```
3. Open the `index.html` file in your browser or use LiveServer.
## Contributing
If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
## License
This project is released under the [MIT License](LICENSE).