The website is built using HTML, CSS (Sass), JavaScript, and the Parsel build tool. It includes four main sections: "About Me," "Equipment," "Procedures," and "Contact." Additionally, there is a "Book Appointment" button on the homepage that opens a modal window with a feedback form. The form sends messages to the therapist's email using Formspree. The website also utilizes the AOS (Animate On Scroll) library for animations, which is loaded via a CDN, and custom JavaScript scripts.
- About Me
- Equipment
- Procedures
- Contacts
- Booking an Appointment
- Animations
The "About Me" section provides information about the massage therapist, their qualifications, and experience. This section gives visitors a brief introduction to the therapist's background and expertise.
In the "Equipment" section, visitors can learn about the tools and equipment used during massage sessions. It provides details about the quality and range of equipment available in the therapist's studio.
The "Procedures" section outlines the various massage procedures and techniques offered by the therapist. Visitors can get an idea of what to expect during a massage session and choose the one that suits their needs.
The "Contacts" section allows visitors to contact the therapist. It contains contact information, such a location and a link to the therapist's Instagram profile.
On the homepage, there is a prominent "Book Appointment" button. Clicking this button opens a modal window with a feedback form. Visitors can fill out this form with their name, phone, and any additional comments or questions. When submitted, the form sends a message to the therapist's email address using the Formspree service.
To enhance the user experience, the website includes animations powered by the AOS library. These animations trigger when elements come into the user's viewport while scrolling. The AOS library is loaded via a Content Delivery Network (CDN) for easy integration.
- Clone this repository to your local machine:git clone
- Navigate to the project directory: cd massage-therapist-website
- Install the required dependencies using Parsel:npm install
- Run the command to start the project: npm start
- Open the index.html file in your preferred web browser to view the website locally.
You can customize the website by editing the HTML, Sass (SCSS), and JavaScript files as needed. Make sure to update the content in the respective sections to reflect the massage therapist's information accurately.
Feel free to reach out if you have any questions or need further assistance with customizing or deploying this website. Enjoy building your massage therapist website!