Barata-Ribeiro / surfbot

Website developed from scratch, about a surfing school. Design made during the "Advanced UI Design" course from origamid.com

Home Page:https://barata-ribeiro.github.io/surfbot/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Surfbot

This is a website developed from scratch for a fictional surfing school. The design of the website was created during the "Advanced UI Design" course from origamid.com. The course's instructor created the design to teach advanced UI design techniques. I wrote the code on my own to consolidate the learning process from other classes.

Demo

Click here to see a live demo of the website.

Surfbot

Technologies Used

  • HTML
  • CSS
  • JavaScript

Features

  • Responsive design for various screen sizes
  • Interactive navigation and burger menu
  • About the beach and the school
  • Contact form
  • Payment page with form for personal info and payment method

Known Limitations

Due to the need for a hosting service, some functionalities that require PHP will not work. As a result, some forms may not have full functionality. The index.html contact form uses the formsubmit.co free API but won't work because the surfing school's email is fictitious.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/Barata-Ribeiro/surfbot.git
  1. Navigate to the project folder:
cd surfbot
  1. Open either the index.html or matricula.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.

About

Website developed from scratch, about a surfing school. Design made during the "Advanced UI Design" course from origamid.com

https://barata-ribeiro.github.io/surfbot/

License:MIT License


Languages

Language:HTML 50.4%Language:JavaScript 25.5%Language:CSS 24.1%